@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/poppins/poppins-v12-latin-300.eot);
    src: local("Poppins Light"), local("Poppins-Light"), url(../fonts/poppins/poppins-v12-latin-300d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v12-latin-300.woff2) format("woff2"), url(../fonts/poppins/poppins-v12-latin-300.woff) format("woff"), url(../fonts/poppins/poppins-v12-latin-300.ttf) format("truetype"), url(../fonts/poppins/poppins-v12-latin-300.svg#Poppins) format("svg")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/poppins/poppins-v12-latin-regular.eot);
    src: local("Poppins Regular"), local("Poppins-Regular"), url(../fonts/poppins/poppins-v12-latin-regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v12-latin-regular.woff2) format("woff2"), url(../fonts/poppins/poppins-v12-latin-regular.woff) format("woff"), url(../fonts/poppins/poppins-v12-latin-regular.ttf) format("truetype"), url(../fonts/poppins/poppins-v12-latin-regular.svg#Poppins) format("svg")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/poppins/poppins-v12-latin-500.eot);
    src: local("Poppins Medium"), local("Poppins-Medium"), url(../fonts/poppins/poppins-v12-latin-500d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v12-latin-500.woff2) format("woff2"), url(../fonts/poppins/poppins-v12-latin-500.woff) format("woff"), url(../fonts/poppins/poppins-v12-latin-500.ttf) format("truetype"), url(../fonts/poppins/poppins-v12-latin-500.svg#Poppins) format("svg")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/poppins/poppins-v12-latin-600.eot);
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(../fonts/poppins/poppins-v12-latin-600d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v12-latin-600.woff2) format("woff2"), url(../fonts/poppins/poppins-v12-latin-600.woff) format("woff"), url(../fonts/poppins/poppins-v12-latin-600.ttf) format("truetype"), url(../fonts/poppins/poppins-v12-latin-600.svg#Poppins) format("svg")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/poppins/poppins-v12-latin-700.eot);
    src: local("Poppins Bold"), local("Poppins-Bold"), url(../fonts/poppins/poppins-v12-latin-700d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/poppins/poppins-v12-latin-700.woff2) format("woff2"), url(../fonts/poppins/poppins-v12-latin-700.woff) format("woff"), url(../fonts/poppins/poppins-v12-latin-700.ttf) format("truetype"), url(../fonts/poppins/poppins-v12-latin-700.svg#Poppins) format("svg")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/cairo/cairo-v9-arabic-regular.eot);
    src: local("Cairo Regular"), local("Cairo-Regular"), url(../fonts/cairo/cairo-v9-arabic-regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/cairo-v9-arabic-regular.woff2) format("woff2"), url(../fonts/cairo/cairo-v9-arabic-regular.woff) format("woff"), url(../fonts/cairo/cairo-v9-arabic-regular.ttf) format("truetype"), url(../fonts/cairo/cairo-v9-arabic-regular.svg#Cairo) format("svg")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/cairo/cairo-v9-arabic-300.eot);
    src: local("Cairo Light"), local("Cairo-Light"), url(../fonts/cairo/cairo-v9-arabic-300d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/cairo-v9-arabic-300.woff2) format("woff2"), url(../fonts/cairo/cairo-v9-arabic-300.woff) format("woff"), url(../fonts/cairo/cairo-v9-arabic-300.ttf) format("truetype"), url(../fonts/cairo/cairo-v9-arabic-300.svg#Cairo) format("svg")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/cairo/cairo-v9-arabic-700.eot);
    src: local("Cairo Bold"), local("Cairo-Bold"), url(../fonts/cairo/cairo-v9-arabic-700d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/cairo-v9-arabic-700.woff2) format("woff2"), url(../fonts/cairo/cairo-v9-arabic-700.woff) format("woff"), url(../fonts/cairo/cairo-v9-arabic-700.ttf) format("truetype"), url(../fonts/cairo/cairo-v9-arabic-700.svg#Cairo) format("svg")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/cairo/cairo-v9-arabic-600.eot);
    src: local("Cairo SemiBold"), local("Cairo-SemiBold"), url(../fonts/cairo/cairo-v9-arabic-600d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/cairo/cairo-v9-arabic-600.woff2) format("woff2"), url(../fonts/cairo/cairo-v9-arabic-600.woff) format("woff"), url(../fonts/cairo/cairo-v9-arabic-600.ttf) format("truetype"), url(../fonts/cairo/cairo-v9-arabic-600.svg#Cairo) format("svg")
}

:root {
    --white: #FFF;
    --blue: #0075BE;
    --blue-icon: #2D8DBC;
    --orange: #DC8029;
    --yellow: #FCB514;
    --black: #000000;
    --text-primary: #171717;
    --text-dark: #4E4953;
    --text-light: #A6A4A9;
    --input-bg: #2B679F;
    --facebook: #4267B2;
    --twitter: #03A9F4;
    --instagram: #912969;
    --linkedin: #007BB6;
    --youtube: #C03741;
    --root-font: 16px;
    --font-regular: 16px;
    --font-small: 13px;
    --font-extrasmall: 12px;
    --primary-heading: 68px;
    --secondary-heading: 40px;
    --section-header: 24px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --large-spacing: 100px;
    --medium-spacing: 60px;
    --small-spacing: 40px;
}

/* Custom Professional Footer Gradient */
.site-footer {
      background: linear-gradient(135deg, #005fa3 0%, #0075be 50%, #004c82 100%) !important;
      color: #ffffff !important;
      padding: 60px 0 30px !important;
  }

.site-footer .footer-title,
.site-footer .copyright-text,
.site-footer .menu-item a {
    color: #ffffff !important;
}

.site-footer .menu-item a:hover {
    color: var(--blue) !important;
    text-decoration: none;
}

/* Center Partners Slider Content */
.partners-slider {
    display: flex !important;
    justify-content: center !important;
}

.partners-slider .slick-track {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.partners-slider .cardbox {
    float: none !important;
    display: inline-block !important;
}

/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid transparent;
    -webkit-text-fill-color: var(--text-dark);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
    font-size: var(--root-font);
    font-weight: 400;
    letter-spacing: 0.35px;
    color: var(--text-dark);
}

html:lang(ar) body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo';
    letter-spacing: 0;
}

a {
    color: var(--text-dark);
    border-bottom: none;
}

a:hover,
a:focus {
    color: var(--text-dark);
    text-decoration: none;
    border-bottom: none;
}

a:focus,
*:focus {
    outline: none;
}

b,
strong {
    font-weight: var(--font-weight-bold);
}

ul,
ol,
.text-formatted ul,
.text-formatted ol {
    margin: 0;
    padding: 0;
}

.text-blue {
    color: var(--blue) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: var(--font-weight-bold);
}

h5,
h6 {
    text-transform: none;
    letter-spacing: inherit;
    margin: 0;
}

p {
    line-height: 1.4;
    margin-bottom: 0;
}

.error {
    margin-top: 3px;
    font-size: 13px;
    color: #e40b0b;
}

.required {
    color: red;
}

.fix-height {
    position: relative;
    height: var(--large-spacing);
}

.paddingleft {
    padding-left: 7px;
}

.paddingright {
    padding-right: 7px;
}

.hide-product {
    display: none;
}

.btn:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

.btn-theme {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.btn-theme:hover,
.btn-theme:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.btn-theme-bordered {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    background: transparent;
    border: 2px solid var(--orange);
    border-radius: 0.75rem;
}

.btn-theme-bordered:hover,
.btn-theme-bordered:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.btn-white {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    background: var(--white);
    border: 2px solid var(--white);
}

.btn-white:hover,
.btn-white:focus {
    color: var(--orange);
    background: var(--white);
    border: 2px solid var(--white);
}

.iti-mobile .iti--container {
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    position: fixed;
    width: calc(100% - 40px);
}

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

input:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-control {
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    text-align: left;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--blue);
}

.form-control.custom-select {
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 24px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: var(--white);
    background: var(--orange);
    border-color: var(--orange);
}

.title {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.title h3 {
    font-size: var(--secondary-heading);
    color: var(--blue);
    line-height: normal;
}

.title h5 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-normal);
    max-width: 950px;
    margin-top: 5px;
}

.title a.seeall {
    display: flex;
    align-items: center;
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.title a.seeall i {
    margin-inline-start: 3px;
    vertical-align: 0px;
    font-size: var(--font-extrasmall);
}

.title a.seeall:hover {
    color: var(--orange);
}

.title .tag {
    font-size: calc(var(--root-font)+8px);
    font-weight: var(--font-weight-bold);
    color: var(--orange);
}

.inner-banner {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 520px;
    padding-bottom: 50px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.inner-banner .container {
    position: relative;
    z-index: 2;
}

.inner-banner h1 {
    position: relative;
    font-size: var(--primary-heading);
    color: var(--white);
}

.inner-banner .action-buttons .fav-flag,
.inner-banner .action-buttons .route-flag {
    display: inline-block;
    margin-inline-start: 7px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    font-size: calc(var(--root-font) + 4px);
    color: var(--white);
    background: rgba(0, 0, 0, 0.4);
}

.inner-banner .action-buttons div:first-child {
    margin-inline-start: 0;
}

.inner-banner .action-buttons .fav-flag.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.inner-banner .action-buttons .route-flag.blue-flag {
    color: #004A8F;
    background: #E5ECF4;
}

.inner-banner .inner-banner-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.inner-banner .rating {
    margin-top: 3px;
}

.inner-banner .rating span {
    color: var(--white);
}

.inner-banner .rating a,
.inner-banner .rating a:hover {
    color: var(--white);
    cursor: pointer;
}

.inner-banner:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}

.page-node-type-vip-packs-landing .inner-banner {
    background-position: center right !important;
}

html:lang(ar) .page-node-type-vip-packs-landing .inner-banner {
    background-position: center left !important;
}

.slick-track {
    margin-left: 0;
    margin-right: auto;
}

.slick-slide img {
    margin: 0 auto;
}

.slick-prev,
.slick-next {
    font-size: 20px;
    line-height: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 10;
    color: var(--orange);
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.slick-next:before,
.slick-prev:before {
    content: "";
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    color: var(--orange);
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.slick-prev {
    left: -60px;
}

.slick-next {
    right: -60px;
}

.slide.our-outlet-slider:focus {
    outline: none;
    box-shadow: none;
}

.slide.our-outlet-slider .cardbox:focus {
    outline: none;
}

table {
    font-family: inherit;
    font-size: var(--root-font);
}

table tr th {
    text-transform: uppercase;
    padding: 7px;
    color: var(--text-primary);
    background: var(--white);
    border-top: none;
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

table tr td,
table tr th {
    vertical-align: top;
    padding: 7px;
    text-align: left;
    background: var(--white);
    border: none;
    border-top: 1px solid rgba(78, 73, 83, 0.2);
}

header {
    display: flex;
    align-items: center;
    height: 80px;
    padding: 15px;
    position: relative;
    z-index: 15;
    background: var(--blue);
}

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

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

header .header-items a#ExploreMenu {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-inline-end: 10px;
}

header .header-items a.gv-logo {
    display: block;
    margin: 0;
}

header .header-items a.gv-logo img {
    width: 180px;
}

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

header .header-items .right a {
    position: relative;
    margin: 0 10px;
    color: var(--white);
}

header .header-items .right a img {
    width: 20px;
}

header .header-items .right a .count {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
    background: var(--orange);
}

header .header-items .right .btn {
    margin-inline-start: 12px;
    position: relative;
    z-index: 10;
}

header .header-items .right .btn.btn-theme {
    min-width: 100px;
}

header .header-items .right .dropdown {
    margin: 0 10px;
}

header .header-items .right .user {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
}

header .header-items .right .user img {
    width: 36px;
    flex: 0 0 36px;
    height: 36px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
    margin-inline-end: 10px;
}

header .header-items .right .user.dropdown-toggle::after {
    display: inline-block;
    margin-inline-start: 10px;
    vertical-align: middle;
    content: "\e90d";
    font-family: 'icomoon';
    border: none;
    font-weight: normal;
    font-size: 14px;
}

header .header-items .right .dropdown-menu {
    padding: 0 10px;
}

header .header-items .right .dropdown-menu a.dropdown-item {
    margin: 0;
    padding: .6rem 0;
    color: var(--text-dark);
    font-size: 15px;
    border-bottom: 1px solid #EEE;
}

header .header-items .right .dropdown-menu a.dropdown-item:last-child {
    border-bottom: none;
}

header .header-items .right .dropdown-menu .dropdown-item:focus,
header .header-items .right .dropdown-menu .dropdown-item:hover,
header .header-items .right .dropdown-menu .dropdown-item.active,
header .header-items .right .dropdown-menu .dropdown-item:active {
    color: var(--orange);
    background: transparent;
}

header .header-items .right-mobile {
    display: none;
}

header .header-items .right-mobile .buybutton {
    min-width: 80px;
    margin-inline-start: 10px;
}

header .header-items a.AddtoCartPopup {
    position: relative;
    margin: 0 10px;
    color: var(--white);
}

@media (max-width: 767px) {
    header .header-items a.AddtoCartPopup {
        display: flex;
    }
}

header .header-items a.AddtoCartPopup img {
    width: 20px;
}

header .header-items a.AddtoCartPopup .count {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
    background: var(--orange);
}

header .header-items .right .language-switcher-language-url ul.links {
    font-size: 14px;
    font-family: 'Cairo';
}

header .header-items .right .block-dropdown-language {
    position: relative;
    width: auto;
    margin-inline-end: 40px;
}

header .header-items .right .block-dropdown-language .content {
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 9;
}

header .header-items .right .dropbutton .dropbutton-action>* {
    margin-right: 0;
}

header .header-items .right .dropbutton-multiple .dropbutton .dropbutton-action>* {
    padding: 0;
    margin: 0;
    display: block;
    text-align: start;
    min-width: auto;
    color: var(--white);
}

header .header-items .right .dropbutton-widget {
    color: var(--white);
}

header .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 0 0 7px 7px;
    background: var(--blue);
}

header .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton li:nth-child(3) {
    margin-top: 10px;
}

header .header-items .right .dropbutton-widget .dropbutton-toggle {
    width: 1em;
    right: 12px;
    color: var(--white);
}

header .header-items .right .dropbutton-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 24px;
    margin: 0;
    border: none;
    line-height: 22px;
    display: block;
    overflow: hidden;
    display: none;
}

header .header-items .right .dropbutton-arrow:after {
    display: inline-block;
    vertical-align: middle;
    content: "\e90d";
    font-family: 'icomoon';
    border: none;
    font-weight: normal;
    font-size: 14px;
}

header .header-items .right .dropbutton .dropbutton-action>* {
    padding: 5px 0;
}

header .header-items .right .dropbutton .secondary-action {
    border-top-color: transparent;
    margin: 0;
    padding: 5px 0;
}

header .header-items .right .dropbutton-multiple.open .dropbutton-arrow {
    top: 0;
    border-top-color: transparent;
    border-bottom: none;
}

header .header-items .right .dropbutton .dropbutton-action:hover,
header .header-items .right .dropbutton a:hover {
    border-bottom: 0 none;
    background: none;
    color: var(--orange);
}

header .header-items .right .active-language {
    background: url(../images/icons/globe.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    font-size: 0 !important;
}

.js .dropbutton-multiple .dropbutton-widget {
    border: none;
    background: none;
    border-radius: 0;
    margin: 0;
}

.js .dropbutton-toggle button {
    background: none;
}

.dropbutton-multiple .dropbutton {
    border: none;
}

.js .dropbutton-toggle .dropbutton-arrow:hover {
    background: none;
}

.js-form-wrapper.form-wrapper em {
    display: none;
}

.addtocart {
    display: none;
    position: absolute;
    top: 75px;
    right: 0;
    z-index: 1050;
    border-radius: 10px;
    width: 500px;
    background: var(--white);
}

.addtocart .content {
    padding: 25px;
    overflow: auto;
}

.addtocart .content h5 {
    margin-bottom: 15px;
}

.addtocart .content h5 small {
    font-size: var(--font-extrasmall);
    color: var(--text-light);
    margin: 0;
    text-transform: none;
    letter-spacing: initial;
}

.addtocart .content .remove-majlis-products {
    position: relative;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    float: right;
}

.addtocart .content .remove-majlis-products i {
    font-size: 14px;
    color: #f37021;
    vertical-align: middle;
    margin-inline-start: 3px;
}

.addtocart .content ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #EBEBEB;
}

.addtocart .content ul li.raffle_message {
    font-size: var(--font-small);
    line-height: 1.2;
}

.addtocart .content ul li span {
    display: block;
    width: calc(100% - 240px);
    flex: 0 0 calc(100% - 240px);
}

.addtocart .content ul li.raffle_message span {
    width: 100%;
    flex: 0 0 100%;
    color: #f37021;
}

.addtocart .content ul li .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    flex: 0 0 100px;
}

.addtocart .content ul li .quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.addtocart .content ul li .quantity button {
    padding: 0;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    line-height: 22px;
    font-size: 10px;
    text-align: center;
    color: var(--white);
    background: var(--orange);
    border: 1px solid var(--orange);
}

.addtocart .content ul li .quantity button[disabled] {
    color: #666;
    background: #DDD;
    border: 2px solid #DDD;
}

.addtocart .content ul li .quantity button#removeCabana {
    margin-inline-start: 5px;
    font-size: 10px;
    line-height: initial;
    color: transparent;
    background: transparent;
    border: none;
}

.addtocart .content ul li b {
    display: block;
    width: 100px;
    flex: 0 0 100px;
    margin-inline-start: 10px;
    text-align: right;
}

.addtocart .content ul li:first-child {
    border-top: 1px solid #EBEBEB;
}

.addtocart .content .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}

.addtocart .content .total h5 {
    margin-bottom: 0;
}

.addtocart .content .action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -8px;
}

.addtocart .content .action-buttons .btn {
    width: calc(50% - 16px);
    flex: 0 0 calc(50% - 16px);
    margin: 8px;
    height: 44px;
    line-height: 27px;
    border-bottom: 2px solid var(--orange);
}

.addtocart .content:before {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
    content: "";
    position: absolute;
    top: -15px;
    left: 65px;
}

.transparent-bg {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--blue);
    opacity: 0.5;
    z-index: 12;
    display: none;
}

.transparent-bg.active {
    display: block;
}

.six-thumbnails,
.five-thumbnails,
.four-thumbnails,
.view-press-releases .views-infinite-scroll-content-wrapper,
.three-thumbnails,
.two-thumbnails {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -8px;
}

.six-thumbnails .list {
    width: calc(16.66% - 16px);
    flex: 0 0 calc(16.66% - 16px);
    margin: 8px;
}

.five-thumbnails .cardbox,
.five-thumbnails .content {
    width: calc(20% - 16px);
    margin: 8px;
}

.four-thumbnails .cardbox,
.four-thumbnails-arrow .cardbox,
.view-press-releases .views-infinite-scroll-content-wrapper .release-list {
    width: calc(25% - 16px);
    margin: 8px;
}

.four-thumbnails-arrow,
.three-thumbnails-arrow,
.view-todays-shows-and-events,
.view-special-events-list .view-content,
.two-thumbnails-arrow,
.one-thumbnails-arrow,
.view-id-vip_benefits .view-content,
.features .five-thumbnails-arrow {
    margin: -8px;
}

.three-thumbnails .cardbox,
.three-thumbnails .menu-image,
.three-thumbnails .offer-image,
.three-thumbnails .wonderpass-image,
.three-thumbnails-arrow .cardbox,
.view-todays-shows-and-events .cardbox,
.view-special-events-list .view-content .cardbox {
    width: calc(33.33% - 16px);
    margin: 8px;
}

.two-thumbnails .list,
.two-thumbnails-arrow .cardbox {
    width: calc(50% - 16px);
    margin: 8px;
}

.one-thumbnails-arrow .content {
    width: calc(100% - 16px);
    margin: 8px;
}

.two-thumbnails .list:focus {
    outline: none;
}

.cardbox {
    display: block;
    position: relative;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cardbox .tag {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    padding: 7px 15px;
    border-radius: 3px;
    font-size: var(--font-extrasmall);
    font-weight: var(--font-weight-bold);
    color: var(--blue);
    background: rgba(255, 255, 255, 0.75);
}

.cardbox .cardbox-image {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.cardbox img.cardbox-image {
    object-fit: cover;
    object-position: center center;
}

.cardbox .cardbox-image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.cardbox .cardbox-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    max-width: none;
    transition: all 0.25s ease-in-out;
}

.cardbox .cardbox-content {
    padding: 15px;
}

.cardbox .cardbox-content small {
    display: block;
    margin-bottom: 3px;
    font-size: calc(var(--root-font) + 1px);
    color: var(--darkblue);
    opacity: 0.5;
}

.cardbox .cardbox-content h4 {
    width: 100%;
    font-size: var(--section-header);
    color: var(--text-primary);
    margin-bottom: 10px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.cardbox .cardbox-content p {
    /* min-height: max-content; */
    min-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cardbox .cardbox-content .cardbox-content-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cardbox .cardbox-content .cardbox-content-header .shows-name {
    width: 100%;
}

.cardbox .cardbox-content .cardbox-content-header .action-buttons {
    max-width: 70px;
    margin-inline-start: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cardbox .cardbox-content .cardbox-content-header .action-buttons .fav-flag,
.cardbox .cardbox-content .cardbox-content-header .action-buttons .route-flag {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    color: #DBDADC;
    background: #FAFAFA;
}

.cardbox .cardbox-content .cardbox-content-header .action-buttons div:first-child {
    margin-inline-end: 2px;
}

.cardbox .cardbox-content .cardbox-content-header .action-buttons .fav-flag.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.cardbox .cardbox-content .cardbox-content-header .action-buttons .route-flag.blue-flag {
    color: #004A8F;
    background: #E5ECF4;
}

.cardbox .cardbox-content .points ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.cardbox .cardbox-content .points ul li {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
    margin-top: 15px;
    line-height: 15px;
    color: var(--text-light);
}

.cardbox .cardbox-content .points ul li img {
    width: 22px;
    flex: 0 0 22px;
    margin: 0 6px 0 0;
    vertical-align: middle;
}

.cardbox:hover .cardbox-image img {
    transform: scale(1.1);
}

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

.rating .star {
    display: flex;
    align-items: center;
}

.rating .star i {
    vertical-align: baseline;
    color: #D5D4D5;
}

.rating .star i:last-child {
    margin-inline-end: 0;
}

.rating .star i.filled {
    color: var(--yellow);
}

.stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-family: Poppins;
    margin-inline-end: 5px;
}

.stars::before {
    content: "\e929 \e929 \e929 \e929 \e929";
    font-family: 'icomoon' !important;
    background: linear-gradient(90deg, var(--yellow) var(--percent), #D5D4D5 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: text-top;
}

.rating span {
    display: block;
    font-weight: var(--font-weight-bold);
    margin-inline-end: 5px;
}

.rating a,
.rating a:hover {
    color: var(--orange);
    cursor: pointer;
}

.alert-slider {
    padding: 12px 0;
    position: relative;
    background: #FFE6E9;
}

.alert-slider .slick-track {
    display: flex;
}

.alert-slider .slick-track .slick-slide {
    height: auto;
}

.alert-slider .alert-icon-image {
    width: 50px;
    margin: 0;
    margin-inline-end: 15px;
}

.alert-slider a.closealert {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}

.alert-slider .content {
    display: flex;
    align-items: flex-start;
    width: calc(100% - 150px);
}

.alert-slider .content i {
    margin-inline-end: 20px;
    font-size: 50px;
    color: #BE1525;
}

.alert-slider .content .alert_icon {
    width: 50px;
    flex: 0 0 50px;
    margin-inline-end: 20px;
}

.alert-slider .content .alert_icon+div {
    flex: 1;
}

.alert-slider .slide-count-wrap {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

@media (max-width: 1024px) {

    .alert-slider .slick-prev,
    .alert-slider .slick-next,
    .alert-slider .slide-count-wrap {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .alert-slider .content .alert_icon {
        width: 40px;
        flex: 0 0 40px;
        margin-inline-end: 10px;
    }
}

.alert-slider .content img {
    width: 50px;
    height: auto;
}

@media (max-width: 767px) {
    .alert-slider .content img {
        width: 40px;
    }
}

.alert-slider .content h5 {
    margin-bottom: 3px;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.alert-slider .content .alert_description {
    color: var(--text-dark);
}

.alert-slider .content p {
    margin-bottom: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
}

.alert-slider .content span {
    font-size: var(--font-extrasmall);
    color: var(--text-dark);
    display: block;
    margin-top: 3px;
}

.alert-slider .content a {
    color: var(--orange);
    text-decoration: underline;
}

.alert-slider .slick-prev,
.alert-slider .slick-next {
    font-size: 14px;
    line-height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 10;
    color: var(--white);
    background: var(--orange);
    box-shadow: none;
}

.alert-slider .slick-prev {
    right: 90px;
    left: auto;
}

.alert-slider .slick-next {
    right: 0px;
}

.main-banner {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    height: 100%;
    width: 100%;
    max-height: 1850px;
    position: relative;
    z-index: 1;
}

.main-banner .action-links {
    margin: 0;
}

.main-banner .node__content {
    margin-top: 0;
    font-size: initial;
}

.main-banner .container {
    position: relative;
    z-index: 1;
}

.main-banner .main-banner-top {
    display: flex;
    align-items: center;
    color: var(--white);
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 15px;
}

.main-banner .main-banner-top {
    display: flex;
    align-items: center;
    color: var(--white);
    padding-top: 20px;
}

.main-banner .main-banner-hours {
    display: flex;
    align-items: center;
    color: var(--blue);
    padding-top: 50px;
}

.main-banner .main-banner-top .weather {
    display: flex;
    align-items: center;
}

.main-banner .main-banner-top .weather .left {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-inline-end: 5px;
}

.main-banner .main-banner-top .weather .left img {
    width: 46px;
}

.main-banner .main-banner-top .weather .left i {
    font-size: 44px;
    margin-inline-end: 3px;
    vertical-align: 0;
    color: var(--yellow);
}

.main-banner .main-banner-top .weather .right {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.main-banner .main-banner-top .weather .right h3 {
    font-size: 44px;
    line-height: 44px;
}

.main-banner .main-banner-top .opening-hours {
    padding-inline-start: 15px;
    margin-inline-start: 15px;
    border-left: 1px solid var(--white);
}

.main-banner .main-banner-top .opening-hours h5 {
    display: flex;
    align-items: center;
    position: relative;
    line-height: normal;
    margin-bottom: 4px;
}

.main-banner .main-banner-top .opening-hours h5 i {
    margin-inline-end: 5px;
    vertical-align: -3px;
    font-size: 22px;
    color: var(--yellow);
}

.main-banner .main-banner-top .opening-hours h5 img {
    margin-inline-end: 5px;
    vertical-align: -3px;
    width: 24px;
}

.main-banner .main-banner-top .opening-hours .items {
    font-weight: var(--font-weight-semibold);
}

.main-banner .carousel .carousel-item {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.main-banner .main-banner-text {
    position: relative;
    padding-top: 100px;
    color: var(--white);
}

.main-banner .main-banner-text .text-top {
    max-width: 645px;
    color: #0075BE;
}

@media (max-width: 576px) {
    .main-banner .main-banner-text .text-top {
        width: 100%;
    }
}

.main-banner .main-banner-text .text-top h1 {
    font-size: 4.25rem;
    color: #0075BE;
}

@media (max-width: 991px) {
    .main-banner .main-banner-text .text-top h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .main-banner .main-banner-text .text-top h1 {
        font-size: 1.5rem;
    }
}

.main-banner .main-banner-text .text-top p {
    font-size: 1rem;
    color: #0075BE;
    line-height: 1.375rem;
}

.main-banner .carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-banner .carousel .carousel-item img.responsive-image {
    display: none;
}

@media (max-width: 575px) {
    .main-banner .carousel .carousel-item img {
        display: none;
    }

    .main-banner .carousel .carousel-item img.responsive-image {
        display: block;
    }
}

.main-banner .carousel .carousel-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: relative;
    z-index: 14;
}

.main-banner .carousel .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 12%;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    text-align: start;
    color: var(--white);
}

.main-banner .carousel .carousel-indicators {
    margin-bottom: 10px;
    align-items: center;
}

.main-banner .carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    border-top: none;
    border-bottom: none;
}

.main-banner .carousel .carousel-indicators li.active {
    background-color: #fff;
    width: 25px;
    background-color: var(--orange);
    list-style-type: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .main-banner .carousel .carousel-indicators li {
        width: 4px;
        height: 4px;
    }

    .main-banner .carousel .carousel-indicators li.active {
        width: 14px;
        border-radius: 2px;
    }
}

/* .main-banner .carousel-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
} */
.main-banner .carousel .carousel-caption .caption-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.main-banner .carousel .carousel-caption h1 {
    font-size: 20px;
    margin-bottom: 20px;
    color: var(--white);
    max-width: 500px;
    line-height: 28px;
}

.main-banner .carousel .carousel-caption h4 {
    font-size: 24px;
    max-width: 550px;
}

.main-banner .carousel .carousel-caption h3 {
    font-size: 2.875rem;
    font-weight: var(--font-weight-semibold);
    margin-top: 0.5rem;
}

.main-banner .carousel .carousel-caption h5 {
    font-size: 1.625rem;
    margin-top: 0.5rem;
    font-weight: var(--font-weight-medium);
}

@media (max-width: 767px) {
    .main-banner .carousel .carousel-caption h3 {
        font-size: 1.125rem;
        max-width: 100%;
        font-weight: var(--font-weight-semibold);
    }

    .main-banner .carousel .carousel-caption h5 {
        font-size: 1rem;
        max-width: 100%;
        font-weight: var(--font-weight-medium);
    }

    .main-banner .carousel .carousel-caption h5 span {
        font-size: 0.75rem;
    }
}

.main-banner .carousel .carousel-caption .btn-theme {
    margin-top: 1rem;
}

.main-banner .carousel-control-prev,
.main-banner .carousel-control-next {
    display: none;
}

.main-banner .carousel-indicators {
    bottom: 15px;
}

.features {
    padding-top: var(--medium-spacing);
    position: relative;
}

.features img.pattern1,
.features img.pattern1-mobile {
    position: absolute;
    top: -275px;
    left: -30px;
    opacity: 0.2;
    width: 800px;
}

@media (max-width: 991px) {
    .features img.pattern1 {
        display: none;
    }

    .features img.pattern1-mobile {
        top: -50px;
        right: 0;
        left: auto;
        width: 100%;
        z-index: 0;
    }
}

@media (min-width: 992px) {
    .features .pattern1-mobile {
        display: none;
    }
}

.features .cardbox {
    cursor: pointer;
    margin: 8px;
}

.features .cardbox .features-image {
    height: max-content;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.features .cardbox .features-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.features .cardbox .features-name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 60px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    line-height: 18px;
    font-weight: var(--font-weight-semibold);
    color: var(--white);
}

.features .cardbox .colorstyle1 {
    background: #2D8DBC;
}

.features .cardbox .colorstyle2 {
    background: #61995A;
}

.features .cardbox .colorstyle3 {
    background: #DC8029;
}

.features .cardbox .colorstyle4 {
    background: #C03741;
}

.features .cardbox .colorstyle5 {
    background: #0075BE;
}

.features .cardbox .colorstyle6 {
    background: #5bAACF;
}

.features .cardbox:hover .features-image img {
    transform: scale(1.1);
}

.top-features .cardbox .cardbox-content,
.todays-shows .cardbox .cardbox-content,
.similer-outlets .view-similar-outlets .cardbox .cardbox-content {
    min-height: 175px;
}

.todays-shows .cardbox .cardbox-image .countdown-timer {
    position: absolute;
    bottom: 12px;
    right: 12px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.todays-shows .cardbox .cardbox-image .countdown-timer b {
    margin-inline-start: 3px;
}

.todays-shows .cardbox .cardbox-image .countdown-timer i {
    font-size: 20px;
    margin-inline-end: 3px;
    vertical-align: middle;
}

.plan-your-visit .cardbox .cardbox-content {
    min-height: 242px;
}

.top-features {
    padding-top: var(--medium-spacing);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.view-special-events-list .view-content .cardbox-content {
    min-height: auto;
}

.view-todays-shows-and-events .cardbox .cardbox-content .points ul li {
    display: none;
}

.view-todays-shows-and-events .cardbox .cardbox-content .points ul li:first-child {
    display: flex;
}

.similer-outlets .cardbox .cardbox-content .points ul li:first-child {
    display: flex;
}

.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li:first-child {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
}

@media (max-width: 767px) {
    .similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li:first-child {
        flex-direction: column;
        align-items: flex-start;
    }
}

.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-location {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

@media (max-width: 767px) {
    .similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-location {
        margin-bottom: 7px;
        width: 100%;
        flex: 0 0 100%;
    }
}

.similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-time {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

@media (max-width: 767px) {
    .similer-outlets .view-todays-shows-and-events .cardbox .cardbox-content .points ul li .venue-time {
        width: 100%;
        flex: 0 0 100%;
    }
}

.top-features img.pattern2,
.top-features img.pattern2-mobile {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
    width: 375px;
}

@media (max-width: 1399px) {
    .top-features img.pattern2 {
        width: 320px;
    }
}

@media (max-width: 1199px) {
    .top-features img.pattern2 {
        width: 350px;
    }
}

@media (max-width: 1199px) {
    .top-features img.pattern2 {
        width: 230px;
    }
}

@media (min-width: 992px) {
    .top-features .pattern2-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .top-features img.pattern2 {
        display: none;
    }

    .top-features img.pattern2-mobile {
        top: -55px;
        width: 150px;
    }
}

@media (max-width: 576px) {
    .top-features img.pattern2-mobile {
        display: none;
    }
}

.top-features img.pattern3,
.top-features img.pattern3-mobile {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 0;
}

@media (min-width: 992px) {
    .top-features .pattern3-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .top-features img.pattern3 {
        display: none;
    }
}

.top-features .cardbox .cardbox-content h4 {
    color: var(--blue);
}

.top-features .cardbox .cardbox-content .points ul li {
    width: 100%;
    flex: 0 0 100%;
}

.top-features .cardbox .cardbox-content .points ul li .venue-location {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

.top-features .cardbox .cardbox-content .points ul li .venue-time {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

.todays-shows {
    padding-top: var(--medium-spacing);
    position: relative;
}

.todays-shows .cardbox .cardbox-content h4 {
    color: var(--blue);
}

.todays-shows .cardbox .cardbox-content .points ul li {
    width: 100%;
    flex: 0 0 100%;
}

.todays-shows .cardbox .cardbox-content .points ul li .venue-location {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

.todays-shows .cardbox .cardbox-content .points ul li .venue-time {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
    justify-content: end;
}

.gv-wonders {
    position: relative;
    margin-top: var(--medium-spacing);
}

.gv-wonders img {
    width: 100%;
    height: auto;
}

.gv-wonders a {
    min-width: 220px;
    height: 50px;
    background: transparent;
    padding: 0.5rem 2.5rem;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.25rem;
    line-height: 30px;
    text-align: center;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.interactive-map img.pattern4 {
    position: absolute;
    top: 40px;
    left: 0;
    width: 160px;
}

@media (max-width: 1399px) {
    .interactive-map img.pattern4 {
        top: 30px;
        width: 120px;
    }
}

@media (max-width: 991px) {
    .interactive-map img.pattern4 {
        display: none;
    }
}

.interactive-map {
    position: relative;
}

container .interactive-map .interactive-map-content {
    background: #F9F9F9;
    padding: 60px 0;
}

.interactive-map .interactive-map-content #africa:hover #angola,
.interactive-map .interactive-map-content #africa:hover #benin,
.interactive-map .interactive-map-content #africa:hover #burkina-faso,
.interactive-map .interactive-map-content #africa:hover #central-african,
.interactive-map .interactive-map-content #africa:hover #cote-dIvoire,
.interactive-map .interactive-map-content #africa:hover #cameroon,
.interactive-map .interactive-map-content #africa:hover #dem-congo,
.interactive-map .interactive-map-content #africa:hover #algeria,
.interactive-map .interactive-map-content #africa:hover #egypt,
.interactive-map .interactive-map-content #africa:hover #ethiopia,
.interactive-map .interactive-map-content #africa:hover #gabon,
.interactive-map .interactive-map-content #africa:hover #ghana,
.interactive-map .interactive-map-content #africa:hover #guinea,
.interactive-map .interactive-map-content #africa:hover #kenya,
.interactive-map .interactive-map-content #africa:hover #liberia,
.interactive-map .interactive-map-content #africa:hover #libya,
.interactive-map .interactive-map-content #africa:hover #morocco,
.interactive-map .interactive-map-content #africa:hover #madagascar,
.interactive-map .interactive-map-content #africa:hover #mali,
.interactive-map .interactive-map-content #africa:hover #mauritania,
.interactive-map .interactive-map-content #africa:hover #namibia,
.interactive-map .interactive-map-content #africa:hover #niger,
.interactive-map .interactive-map-content #africa:hover #nigeria,
.interactive-map .interactive-map-content #africa:hover #sudan,
.interactive-map .interactive-map-content #africa:hover #senegal,
.interactive-map .interactive-map-content #africa:hover #sierra-leone,
.interactive-map .interactive-map-content #africa:hover #chad,
.interactive-map .interactive-map-content #africa:hover #tunisia,
.interactive-map .interactive-map-content #africa:hover #tanzania,
.interactive-map .interactive-map-content #africa:hover #south-africa,
.interactive-map .interactive-map-content #africa:hover #somalia,
.interactive-map .interactive-map-content #africa:hover #botswana,
.interactive-map .interactive-map-content #africa:hover #ssudan,
.interactive-map .interactive-map-content #africa:hover #uganda,
.interactive-map .interactive-map-content #africa:hover #zambia,
.interactive-map .interactive-map-content #africa:hover #mozambique,
.interactive-map .interactive-map-content #africa:hover #zimbabwe,
.interactive-map .interactive-map-content #africa:hover #congo,
.interactive-map .interactive-map-content #africa:hover #djibouti,
.interactive-map .interactive-map-content #africa:hover #eritrea,
.interactive-map .interactive-map-content #africa:hover #gambia,
.interactive-map .interactive-map-content #africa:hover #guinea-bissau,
.interactive-map .interactive-map-content #africa:hover #guinea,
.interactive-map .interactive-map-content #africa:hover #lesotho,
.interactive-map .interactive-map-content #africa:hover #malawi,
.interactive-map .interactive-map-content #africa:hover #wsahara,
.interactive-map .interactive-map-content #africa:hover #swaziland,
.interactive-map .interactive-map-content #africa:hover #togo,
.interactive-map .interactive-map-content #africa.active #angola,
.interactive-map .interactive-map-content #africa.active #benin,
.interactive-map .interactive-map-content #africa.active #burkina-faso,
.interactive-map .interactive-map-content #africa.active #central-african,
.interactive-map .interactive-map-content #africa.active #cote-dIvoire,
.interactive-map .interactive-map-content #africa.active #cameroon,
.interactive-map .interactive-map-content #africa.active #dem-congo,
.interactive-map .interactive-map-content #africa.active #algeria,
.interactive-map .interactive-map-content #africa.active #egypt,
.interactive-map .interactive-map-content #africa.active #ethiopia,
.interactive-map .interactive-map-content #africa.active #gabon,
.interactive-map .interactive-map-content #africa.active #ghana,
.interactive-map .interactive-map-content #africa.active #guinea,
.interactive-map .interactive-map-content #africa.active #kenya,
.interactive-map .interactive-map-content #africa.active #liberia,
.interactive-map .interactive-map-content #africa.active #libya,
.interactive-map .interactive-map-content #africa.active #morocco,
.interactive-map .interactive-map-content #africa.active #madagascar,
.interactive-map .interactive-map-content #africa.active #mali,
.interactive-map .interactive-map-content #africa.active #mauritania,
.interactive-map .interactive-map-content #africa.active #namibia,
.interactive-map .interactive-map-content #africa.active #niger,
.interactive-map .interactive-map-content #africa.active #nigeria,
.interactive-map .interactive-map-content #africa.active #sudan,
.interactive-map .interactive-map-content #africa.active #senegal,
.interactive-map .interactive-map-content #africa.active #sierra-leone,
.interactive-map .interactive-map-content #africa.active #chad,
.interactive-map .interactive-map-content #africa.active #tunisia,
.interactive-map .interactive-map-content #africa.active #tanzania,
.interactive-map .interactive-map-content #africa.active #south-africa,
.interactive-map .interactive-map-content #africa.active #somalia,
.interactive-map .interactive-map-content #africa.active #botswana,
.interactive-map .interactive-map-content #africa.active #ssudan,
.interactive-map .interactive-map-content #africa.active #uganda,
.interactive-map .interactive-map-content #africa.active #zambia,
.interactive-map .interactive-map-content #africa.active #mozambique,
.interactive-map .interactive-map-content #africa.active #zimbabwe,
.interactive-map .interactive-map-content #africa.active #congo,
.interactive-map .interactive-map-content #africa.active #djibouti,
.interactive-map .interactive-map-content #africa.active #eritrea,
.interactive-map .interactive-map-content #africa.active #gambia,
.interactive-map .interactive-map-content #africa.active #guinea-bissau,
.interactive-map .interactive-map-content #africa.active #guinea,
.interactive-map .interactive-map-content #africa.active #lesotho,
.interactive-map .interactive-map-content #africa.active #malawi,
.interactive-map .interactive-map-content #africa.active #wsahara,
.interactive-map .interactive-map-content #africa.active #swaziland,
.interactive-map .interactive-map-content #africa.active #togo {
    fill: #2D8DBC !important;
    transition: fill 1s ease-out;
}

.interactive-map .interactive-map-content #america:hover #united-states,
.interactive-map .interactive-map-content #america:hover #mexico,
.interactive-map .interactive-map-content #america:hover #canada,
.interactive-map .interactive-map-content #america:hover #argentina,
.interactive-map .interactive-map-content #america:hover #bolivia,
.interactive-map .interactive-map-content #america:hover #brazil,
.interactive-map .interactive-map-content #america:hover #chile,
.interactive-map .interactive-map-content #america:hover #colombia,
.interactive-map .interactive-map-content #america:hover #ecuador,
.interactive-map .interactive-map-content #america:hover #guyana,
.interactive-map .interactive-map-content #america:hover #peru,
.interactive-map .interactive-map-content #america:hover #paraguay,
.interactive-map .interactive-map-content #america:hover #suriname,
.interactive-map .interactive-map-content #america:hover #uruguay,
.interactive-map .interactive-map-content #america:hover #venezuela,
.interactive-map .interactive-map-content #america:hover #french-guiana,
.interactive-map .interactive-map-content #america:hover #costa-rica,
.interactive-map .interactive-map-content #america:hover #cuba,
.interactive-map .interactive-map-content #america:hover #dominican,
.interactive-map .interactive-map-content #america:hover #guatemala,
.interactive-map .interactive-map-content #america:hover #honduras,
.interactive-map .interactive-map-content #america:hover #haiti,
.interactive-map .interactive-map-content #america:hover #jamaica,
.interactive-map .interactive-map-content #america:hover #nicaragua,
.interactive-map .interactive-map-content #america:hover #panama,
.interactive-map .interactive-map-content #america:hover #el-salvador,
.interactive-map .interactive-map-content #america:hover #bahamas,
.interactive-map .interactive-map-content #america.active #united-states,
.interactive-map .interactive-map-content #america.active #mexico,
.interactive-map .interactive-map-content #america.active #canada,
.interactive-map .interactive-map-content #america.active #argentina,
.interactive-map .interactive-map-content #america.active #bolivia,
.interactive-map .interactive-map-content #america.active #brazil,
.interactive-map .interactive-map-content #america.active #chile,
.interactive-map .interactive-map-content #america.active #colombia,
.interactive-map .interactive-map-content #america.active #ecuador,
.interactive-map .interactive-map-content #america.active #guyana,
.interactive-map .interactive-map-content #america.active #peru,
.interactive-map .interactive-map-content #america.active #paraguay,
.interactive-map .interactive-map-content #america.active #suriname,
.interactive-map .interactive-map-content #america.active #uruguay,
.interactive-map .interactive-map-content #america.active #venezuela,
.interactive-map .interactive-map-content #america.active #french-guiana,
.interactive-map .interactive-map-content #america.active #costa-rica,
.interactive-map .interactive-map-content #america.active #cuba,
.interactive-map .interactive-map-content #america.active #dominican,
.interactive-map .interactive-map-content #america.active #guatemala,
.interactive-map .interactive-map-content #america.active #honduras,
.interactive-map .interactive-map-content #america.active #haiti,
.interactive-map .interactive-map-content #america.active #jamaica,
.interactive-map .interactive-map-content #america.active #nicaragua,
.interactive-map .interactive-map-content #america.active #panama,
.interactive-map .interactive-map-content #america.active #el-salvador,
.interactive-map .interactive-map-content #america.active #bahamas {
    fill: #2D8DBC !important;
    transition: fill 1s ease-out;
}

.interactive-map .interactive-map-content #asia:hover #afghanistan,
.interactive-map .interactive-map-content #asia:hover #china,
.interactive-map .interactive-map-content #asia:hover #india,
.interactive-map .interactive-map-content #asia:hover #japan,
.interactive-map .interactive-map-content #asia:hover #korea,
.interactive-map .interactive-map-content #asia:hover #pakistan,
.interactive-map .interactive-map-content #asia:hover #thailand,
.interactive-map .interactive-map-content #asia:hover #vietnam,
.interactive-map .interactive-map-content #asia.active #afghanistan,
.interactive-map .interactive-map-content #asia.active #china,
.interactive-map .interactive-map-content #asia.active #india,
.interactive-map .interactive-map-content #asia.active #japan,
.interactive-map .interactive-map-content #asia.active #korea,
.interactive-map .interactive-map-content #asia.active #pakistan,
.interactive-map .interactive-map-content #asia.active #thailand,
.interactive-map .interactive-map-content #asia.active #vietnam {
    fill: #2D8DBC !important;
    transition: fill 1s ease-out;
}

.interactive-map .interactive-map-content #europe:hover #azerbaijan,
.interactive-map .interactive-map-content #europe:hover #russia,
.interactive-map .interactive-map-content #europe:hover #turkey,
.interactive-map .interactive-map-content #europe:hover #germany,
.interactive-map .interactive-map-content #europe:hover #france,
.interactive-map .interactive-map-content #europe:hover #azerbaijan,
.interactive-map .interactive-map-content #europe:hover #turkey,
.interactive-map .interactive-map-content #europe:hover #france,
.interactive-map .interactive-map-content #europe:hover #albania,
.interactive-map .interactive-map-content #europe:hover #austria,
.interactive-map .interactive-map-content #europe:hover #bulgaria,
.interactive-map .interactive-map-content #europe:hover #bosnia-herz,
.interactive-map .interactive-map-content #europe:hover #belarus,
.interactive-map .interactive-map-content #europe:hover #czech-rep,
.interactive-map .interactive-map-content #europe:hover #denmark,
.interactive-map .interactive-map-content #europe:hover #finland,
.interactive-map .interactive-map-content #europe:hover #greece,
.interactive-map .interactive-map-content #europe:hover #ireland,
.interactive-map .interactive-map-content #europe:hover #italy,
.interactive-map .interactive-map-content #europe:hover #lithuania,
.interactive-map .interactive-map-content #europe:hover #latvia,
.interactive-map .interactive-map-content #europe:hover #moldova,
.interactive-map .interactive-map-content #europe:hover #macedonia,
.interactive-map .interactive-map-content #europe:hover #montenegro,
.interactive-map .interactive-map-content #europe:hover #norway,
.interactive-map .interactive-map-content #europe:hover #poland,
.interactive-map .interactive-map-content #europe:hover #romania,
.interactive-map .interactive-map-content #europe:hover #serbia,
.interactive-map .interactive-map-content #europe:hover #slovakia,
.interactive-map .interactive-map-content #europe:hover #sweden,
.interactive-map .interactive-map-content #europe:hover #ukraine,
.interactive-map .interactive-map-content #europe:hover #russia,
.interactive-map .interactive-map-content #europe:hover #germany,
.interactive-map .interactive-map-content #europe:hover #belgium,
.interactive-map .interactive-map-content #europe:hover #switzerland,
.interactive-map .interactive-map-content #europe:hover #estonia,
.interactive-map .interactive-map-content #europe:hover #united-kingdom,
.interactive-map .interactive-map-content #europe:hover #croatia,
.interactive-map .interactive-map-content #europe:hover #hungary,
.interactive-map .interactive-map-content #europe:hover #luxembourg,
.interactive-map .interactive-map-content #europe:hover #netherlands,
.interactive-map .interactive-map-content #europe.active #azerbaijan,
.interactive-map .interactive-map-content #europe.active #turkey,
.interactive-map .interactive-map-content #europe.active #france,
.interactive-map .interactive-map-content #europe.active #albania,
.interactive-map .interactive-map-content #europe.active #austria,
.interactive-map .interactive-map-content #europe.active #bulgaria,
.interactive-map .interactive-map-content #europe.active #bosnia-herz,
.interactive-map .interactive-map-content #europe.active #belarus,
.interactive-map .interactive-map-content #europe.active #czech-rep,
.interactive-map .interactive-map-content #europe.active #denmark,
.interactive-map .interactive-map-content #europe.active #finland,
.interactive-map .interactive-map-content #europe.active #greece,
.interactive-map .interactive-map-content #europe.active #ireland,
.interactive-map .interactive-map-content #europe.active #italy,
.interactive-map .interactive-map-content #europe.active #lithuania,
.interactive-map .interactive-map-content #europe.active #latvia,
.interactive-map .interactive-map-content #europe.active #moldova,
.interactive-map .interactive-map-content #europe.active #macedonia,
.interactive-map .interactive-map-content #europe.active #montenegro,
.interactive-map .interactive-map-content #europe.active #norway,
.interactive-map .interactive-map-content #europe.active #poland,
.interactive-map .interactive-map-content #europe.active #romania,
.interactive-map .interactive-map-content #europe.active #serbia,
.interactive-map .interactive-map-content #europe.active #slovakia,
.interactive-map .interactive-map-content #europe.active #sweden,
.interactive-map .interactive-map-content #europe.active #ukraine,
.interactive-map .interactive-map-content #europe.active #russia,
.interactive-map .interactive-map-content #europe.active #germany,
.interactive-map .interactive-map-content #europe.active #belgium,
.interactive-map .interactive-map-content #europe.active #switzerland,
.interactive-map .interactive-map-content #europe.active #estonia,
.interactive-map .interactive-map-content #europe.active #united-kingdom,
.interactive-map .interactive-map-content #europe.active #croatia,
.interactive-map .interactive-map-content #europe.active #hungary,
.interactive-map .interactive-map-content #europe.active #luxembourg,
.interactive-map .interactive-map-content #europe.active #netherlands {
    fill: #2D8DBC !important;
    transition: fill 1s ease-out;
}

.interactive-map .interactive-map-content #middleeast:hover #united-arab-emirates,
.interactive-map .interactive-map-content #middleeast:hover #iran,
.interactive-map .interactive-map-content #middleeast:hover #kuwait,
.interactive-map .interactive-map-content #middleeast:hover #syria,
.interactive-map .interactive-map-content #middleeast:hover #yemen,
.interactive-map .interactive-map-content #middleeast:hover #lebanon,
.interactive-map .interactive-map-content #middleeast:hover #jordan,
.interactive-map .interactive-map-content #middleeast:hover #saudi-arabia,
.interactive-map .interactive-map-content #middleeast:hover #oman,
.interactive-map .interactive-map-content #middleeast:hover #iraq,
.interactive-map .interactive-map-content #middleeast.active #united-arab-emirates,
.interactive-map .interactive-map-content #middleeast.active #iran,
.interactive-map .interactive-map-content #middleeast.active #kuwait,
.interactive-map .interactive-map-content #middleeast.active #syria,
.interactive-map .interactive-map-content #middleeast.active #yemen,
.interactive-map .interactive-map-content #middleeast.active #lebanon,
.interactive-map .interactive-map-content #middleeast.active #jordan,
.interactive-map .interactive-map-content #middleeast.active #saudi-arabia,
.interactive-map .interactive-map-content #middleeast.active #oman,
.interactive-map .interactive-map-content #middleeast.active #iraq {
    fill: #2D8DBC !important;
    transition: fill 1s ease-out;
}

.interactive-map .interactive-map-content .pavilion-list {
    margin-top: 30px;
    position: relative;
    text-align: center;
}

.interactive-map .interactive-map-content .pavilion-list ul {
    width: 90%;
    margin: 0 auto;
}

.interactive-map .interactive-map-content .pavilion-list ul .slick-track {
    margin-left: auto;
    margin-right: auto;
}

.interactive-map .interactive-map-content .pavilion-list ul li {
    display: block;
    text-align: center;
    width: 20%;
}

.interactive-map .interactive-map-content .pavilion-list ul li a {
    display: block;
    color: var(--orange);
}

.interactive-map .interactive-map-content .pavilion-list ul li a .image {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0 auto;
}

.interactive-map .interactive-map-content .pavilion-list ul li a .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.interactive-map .interactive-map-content .pavilion-list ul li a p {
    margin-top: 12px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    line-height: 18px;
}

.interactive-map .interactive-map-content .pavilion-list .slick-prev,
.interactive-map .interactive-map-content .pavilion-list .slick-next {
    top: 7px;
    transform: none;
    color: var(--white);
    background: var(--orange);
    box-shadow: none;
}

.interactive-map .interactive-map-content .pavilion-list .slick-prev {
    left: -70px;
}

.interactive-map .interactive-map-content .pavilion-list .slick-next {
    right: -70px;
}

.interactive-map .interactive-map-content .pavilion-list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 28px;
    left: 0;
    background: rgba(78, 73, 83, 0.1);
}

.interactive-map span {
    display: block;
    margin-top: 30px;
    text-align: center;
}

.plan-your-visit img.pattern5 {
    position: absolute;
    top: -50px;
    left: 0;
    width: 450px;
}

@media (max-width: 1399px) {
    .plan-your-visit img.pattern5 {
        width: 350px;
    }
}

@media (max-width: 991px) {
    .plan-your-visit img.pattern5 {
        display: none;
    }
}

.plan-your-visit img.pattern6 {
    position: absolute;
    bottom: -200px;
    right: 0;
    width: 210px;
}

@media (max-width: 1199px) {
    .plan-your-visit img.pattern6 {
        bottom: -120px;
    }
}

@media (max-width: 1399px) {
    .plan-your-visit img.pattern6 {
        width: 120px;
    }
}

@media (max-width: 991px) {
    .plan-your-visit img.pattern6 {
        top: 0;
        width: 100px;
    }
}

@media (max-width: 576px) {
    .plan-your-visit img.pattern6 {
        top: 0;
        width: 70px;
    }
}

.slider>div:focus,
.slick-slide:focus {
    outline: none;
}

.plan-your-visit {
    padding-top: var(--medium-spacing);
    position: relative;
}

.wonderpass-promotion {
    margin-top: var(--large-spacing);
    position: relative;
    overflow: hidden;
}

.wonderpass-promotion.home-spacing {
    margin-top: var(--medium-spacing);
}

.wonderpass-promotion .one-thumbnails-arrow {
    margin: 0;
}

.wonderpass-promotion .one-thumbnails-arrow .content {
    width: 100%;
    flex: 0 0 100%;
    margin: 0;
}

.wonderpass-promotion .content {
    text-align: center;
    color: var(--white);
    height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 40px 0;
}

.wonderpass-promotion .content .field--type-text-with-summary {
    width: 100%;
}

.wonderpass-promotion .content img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

.wonderpass-promotion .content .container {
    position: relative;
    z-index: 1;
}

.wonderpass-promotion .content h3 {
    font-size: var(--primary-heading);
    color: var(--yellow);
}

.wonderpass-promotion .content p {
    font-size: calc(var(--root-font) + 4px);
    line-height: 26px;
    margin-top: 15px;
    max-width: 750px;
    margin: 0 auto;
}

.wonderpass-promotion .content .btn,
.wonderpass-promotion .content a {
    display: block;
    margin: 40px auto 0;
    min-width: 220px;
    max-width: max-content;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    padding: .5rem 2.5rem;
    border-radius: 0.25rem;
    color: var(--white);
    background: transparent;
    border: 2px solid var(--white);
}

.wonderpass-promotion .content .btn:hover,
.wonderpass-promotion .content a:hover {
    color: var(--text-primary);
    background: var(--white);
    border: 2px solid var(--white);
}

.wonderpass-promotion .content .btn.btn-theme {
    margin-top: 40px;
    width: 220px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    padding: .5rem 2.5rem;
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.wonderpass-promotion .content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 41, 92, 0.6);
}

.wonderpass-promotion .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.wonderpass-promotion .slick-prev {
    left: 30px;
}

.wonderpass-promotion .slick-next {
    right: 30px;
}

.wonderpass-promotion .slick-dots {
    bottom: 10px;
}

.wonderpass-promotion .slick-dots li {
    margin: 0;
}

.wonderpass-promotion .slick-dots li button {
    padding: 0;
}

.wonderpass-promotion .slick-dots li button:before {
    font-size: 10px;
    color: var(--white);
}

.wonderpass-promotion .slick-dots li.slick-active button:before {
    color: var(--white);
}

.wonderpass-promotion.slick-dotted.slick-slider,
.wonderpass-promotion.slick-dotted.slick-slider .view-content.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.vip-exclusive {
    position: relative;
    padding-top: var(--medium-spacing);
}

.vip-exclusive .content .title {
    text-align: start;
    justify-content: flex-start;
}

.vip-exclusive .five-thumbnails {
    justify-content: flex-start !important;
}

.vip-exclusive .cardbox .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    min-height: 215px;
}

.vip-exclusive .cardbox .list img {
    width: 120px;
    margin-bottom: 10px;
}

.vip-exclusive .cardbox .list p {
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
}

.vip-exclusive .btn {
    margin-top: 30px;
}

.learn-more-action {
    padding-top: var(--small-spacing);
    text-align: center;
}

.vip-exclusive img.pattern7 {
    position: absolute;
    bottom: -25%;
    left: 0;
    width: 250px;
}

@media (max-width: 1399px) {
    .vip-exclusive img.pattern7 {
        width: 200px;
    }
}

@media (max-width: 991px) {
    .vip-exclusive img.pattern7 {
        top: 130px;
        bottom: 0;
        width: 100px;
    }
}

.learn-more-action a {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    border-radius: 0.25rem;
    display: inline-block;
}

.tripadvisor {
    padding-top: var(--medium-spacing);
    position: relative;
}

.tripadvisor img.pattern8,
.tripadvisor img.pattern8-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .tripadvisor img.pattern8-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .tripadvisor img.pattern8 {
        display: none;
    }

    .tripadvisor img.pattern8-mobile {
        top: 50%;
    }
}

.tripadvisor .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
    padding-inline-end: 30px;
    border-radius: 15px;
    background: #F6F6F7;
}

.tripadvisor .content .left {
    width: 420px;
    margin-inline-end: 30px;
}

.tripadvisor .content .left img.logo {
    width: 280px;
    margin-bottom: 5px;
}

.tripadvisor .content .left .tripadvisor-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*Trip advisor rating*/
.tripadvisor-rating .trip-rating {
    direction: ltr;
    display: block;
    position: relative;
    width: 149px;
    height: 35px;
    background-size: 30px 30px;
    background-repeat: repeat-x;
    background-position: 0 0;
    border-radius: 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.48712 9.0779C4.05663 11.2196 3.29341 13.7375 3.29401 16.313C3.29771 19.7646 4.67058 23.0738 7.11134 25.5144C9.5521 27.955 12.8614 29.3276 16.313 29.331C18.8885 29.3314 21.4063 28.568 23.5479 27.1373C25.6896 25.7067 27.3588 23.673 28.3446 21.2936C29.3303 18.9142 29.5883 16.2959 29.0858 13.7699C28.5834 11.2438 27.3431 8.92352 25.5219 7.10242C23.7007 5.28132 21.3803 4.04121 18.8542 3.53897C16.3281 3.03673 13.7098 3.29491 11.3305 4.28084C8.95113 5.26677 6.91761 6.93617 5.48712 9.0779ZM2.74924 25.376C0.956742 22.6934 0 19.5394 0 16.313C0.00529261 11.9882 1.72568 7.84195 4.78381 4.78381C7.84195 1.72568 11.9882 0.00529261 16.313 0C19.5394 0 22.6934 0.956742 25.376 2.74924C28.0587 4.54173 30.1496 7.08947 31.3842 10.0703C32.6189 13.0511 32.942 16.3311 32.3126 19.4955C31.6831 22.6599 30.1295 25.5666 27.848 27.848C25.5666 30.1295 22.6599 31.6831 19.4955 32.3125C16.3311 32.942 13.0511 32.619 10.0703 31.3843C7.08949 30.1496 4.54173 28.0587 2.74924 25.376ZM9.40242 20.644C8.5179 19.3189 8.04621 17.7612 8.047 16.168C8.05097 14.0329 8.90128 11.9865 10.4116 10.4774C11.9219 8.96819 13.9689 8.11938 16.104 8.117C17.6972 8.1174 19.2545 8.59026 20.579 9.47577C21.9034 10.3613 22.9356 11.6197 23.5448 13.0918C24.154 14.5639 24.313 16.1837 24.0017 17.7462C23.6903 19.3087 22.9226 20.7437 21.7956 21.8699C20.6686 22.996 19.233 23.7627 17.6703 24.0729C16.1075 24.3831 14.4879 24.2229 13.0162 23.6125C11.5446 23.0022 10.2869 21.9691 9.40242 20.644Z' fill='%23DDD'/></svg>");
}

.tripadvisor-rating .trip-rating:-moz-meter-optimum::-moz-meter-bar {
    background-size: 30px 30px;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.48712 9.07788C4.05664 11.2196 3.29343 13.7375 3.29401 16.313C3.2977 19.7646 4.67059 23.0738 7.11133 25.5144C9.55209 27.955 12.8614 29.3276 16.313 29.331C18.8885 29.3314 21.4063 28.568 23.5479 27.1373C25.6896 25.7067 27.3588 23.673 28.3445 21.2936C29.3303 18.9142 29.5883 16.2959 29.0858 13.7698C28.5834 11.2438 27.3431 8.92352 25.5219 7.10242C23.7007 5.28131 21.3802 4.0412 18.8542 3.53894C16.3281 3.03674 13.7098 3.29492 11.3305 4.28082C8.95114 5.26678 6.9176 6.93616 5.48712 9.07788ZM2.74924 25.376C0.956757 22.6934 0 19.5394 0 16.313C0.00527954 11.9882 1.72568 7.84192 4.78381 4.78381C7.84195 1.72571 11.9882 0.00531006 16.313 0C19.5394 0 22.6934 0.956726 25.376 2.74927C28.0587 4.54175 30.1496 7.08948 31.3842 10.0703C32.6189 13.0511 32.942 16.3311 32.3126 19.4955C31.6831 22.6599 30.1295 25.5667 27.848 27.848C25.5666 30.1295 22.6599 31.6831 19.4955 32.3126C16.3311 32.942 13.0511 32.619 10.0703 31.3843C7.08948 30.1496 4.54172 28.0587 2.74924 25.376ZM9.40244 20.644C8.51788 19.3188 8.0462 17.7612 8.047 16.168C8.05096 14.033 8.90128 11.9865 10.4116 10.4774C11.9219 8.9682 13.9689 8.11938 16.104 8.117C17.6972 8.11737 19.2545 8.59027 20.579 9.47577C21.9034 10.3613 22.9355 11.6197 23.5448 13.0918C24.1541 14.564 24.313 16.1837 24.0017 17.7462C23.6903 19.3087 22.9226 20.7437 21.7956 21.8699C20.6686 22.996 19.233 23.7627 17.6703 24.0729C16.1075 24.3831 14.4879 24.2228 13.0162 23.6125C11.5446 23.0022 10.287 21.9691 9.40244 20.644Z' fill='%2300AF87'/></svg>");
}

.tripadvisor-rating .trip-rating::-webkit-meter-bar {
    background: transparent;
    border-radius: 0;
    border: 0;
    height: 35px;
}

.tripadvisor-rating .trip-rating::-webkit-meter-optimum-value {
    background-color: transparent;
    height: 100%;
    background-size: 30px 30px;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.48712 9.07788C4.05664 11.2196 3.29343 13.7375 3.29401 16.313C3.2977 19.7646 4.67059 23.0738 7.11133 25.5144C9.55209 27.955 12.8614 29.3276 16.313 29.331C18.8885 29.3314 21.4063 28.568 23.5479 27.1373C25.6896 25.7067 27.3588 23.673 28.3445 21.2936C29.3303 18.9142 29.5883 16.2959 29.0858 13.7698C28.5834 11.2438 27.3431 8.92352 25.5219 7.10242C23.7007 5.28131 21.3802 4.0412 18.8542 3.53894C16.3281 3.03674 13.7098 3.29492 11.3305 4.28082C8.95114 5.26678 6.9176 6.93616 5.48712 9.07788ZM2.74924 25.376C0.956757 22.6934 0 19.5394 0 16.313C0.00527954 11.9882 1.72568 7.84192 4.78381 4.78381C7.84195 1.72571 11.9882 0.00531006 16.313 0C19.5394 0 22.6934 0.956726 25.376 2.74927C28.0587 4.54175 30.1496 7.08948 31.3842 10.0703C32.6189 13.0511 32.942 16.3311 32.3126 19.4955C31.6831 22.6599 30.1295 25.5667 27.848 27.848C25.5666 30.1295 22.6599 31.6831 19.4955 32.3126C16.3311 32.942 13.0511 32.619 10.0703 31.3843C7.08948 30.1496 4.54172 28.0587 2.74924 25.376ZM9.40244 20.644C8.51788 19.3188 8.0462 17.7612 8.047 16.168C8.05096 14.033 8.90128 11.9865 10.4116 10.4774C11.9219 8.9682 13.9689 8.11938 16.104 8.117C17.6972 8.11737 19.2545 8.59027 20.579 9.47577C21.9034 10.3613 22.9355 11.6197 23.5448 13.0918C24.1541 14.564 24.313 16.1837 24.0017 17.7462C23.6903 19.3087 22.9226 20.7437 21.7956 21.8699C20.6686 22.996 19.233 23.7627 17.6703 24.0729C16.1075 24.3831 14.4879 24.2228 13.0162 23.6125C11.5446 23.0022 10.287 21.9691 9.40244 20.644Z' fill='%2300AF87'/></svg>");
}

.tripadvisor .content .left .tripadvisor-rating h4 {
    font-size: 40px;
    margin-inline-end: 7px;
    color: #00AF87;
}

.tripadvisor .content .left .tripadvisor-rating meter {
    margin-inline-end: 7px;
}

.tripadvisor .content .left .tripadvisor-rating img {
    margin-inline-end: 10px;
    width: 150px;
}

.tripadvisor .content .left .tripadvisor-rating span {
    padding: 0;
    color: var(--text-primary);
}

.tripadvisor .content .left small {
    display: block;
    margin-bottom: 5px;
    font-size: 100%;
    color: var(--light-grey);
}

.tripadvisor .content .left a {
    font-size: var(--root-font);
    color: #00AF87;
}

.tripadvisor .content .right {
    width: calc(100% - 480px);
    padding: 20px;
    border-radius: 12px;
    background: var(--white);
}

.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description {}

.tripadvisor .content .right .paragraph--type--trip-multiple-content .field--name-field-permission-description p {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tripadvisor .content .right .field--type-datetime {
    margin-bottom: 3px;
    color: var(--text-light);
    font-size: 80%;
    font-weight: var(--font-weight-normal);
}

.tripadvisor .content .right .field--name-field-gallery-images img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}

.tripadvisor .content .right .user-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}

.tripadvisor .content .right .user-details .user-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tripadvisor .content .right .user-details .userpic {
    width: 50px;
    flex: 0 0 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 10px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 50px;
    margin-inline-end: 12px;
}

.tripadvisor .content .right .user-details h6 {
    font-weight: var(--font-weight-normal);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tripadvisor .content .right .user-details small {
    display: block;
    color: var(--text-light);
    margin-top: 3px;
}

.tripadvisor .content .right .slick-prev {
    background: none;
    box-shadow: none;
    width: auto;
    height: auto;
    left: -45px;
    color: #00af87;
}

.tripadvisor .content .right .slick-next {
    background: none;
    box-shadow: none;
    width: auto;
    height: auto;
    right: -45px;
    color: #00af87;
}

.travelaward {
    padding-top: var(--medium-spacing);
}

.travelaward .content {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #F6F6F7;
}

.travelaward .content .left {
    width: 45%;
    margin-inline-end: 5%;
}

.travelaward .content .right {
    width: 50%;
}

.travelaward .content .right h5 {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--blue);
}

.sponsors {
    padding-top: var(--medium-spacing);
    position: relative;
}

.sponsors img.pattern9 {
    position: absolute;
    bottom: -95px;
    right: 0;
    width: 200px;
    z-index: 1;
}

@media (max-width: 991px) {
    .sponsors img.pattern9 {
        width: 100px;
        bottom: -40px;
    }
}

.sponsors .cardbox {
    padding: 10px;
    text-align: center;
    background: #F6F6F7;
    box-shadow: none;
    min-height: 200px;
}

.sponsors.sponsors-premium {
    padding-top: var(--medium-spacing);
    padding-bottom: var(--medium-spacing);
}

.sponsors-premium .views-element-container {
    border-radius: 18px;
    padding: 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f7f9fc 100%);
    border: 1px solid #e5eaf1;
    box-shadow: 0 12px 30px rgba(17, 34, 68, 0.08);
}

.sponsors-premium .sponsors-header-premium {
    margin-bottom: 20px;
}

.sponsors-premium .title h3 {
    margin-bottom: 8px;
}

.sponsors-premium .title p {
    margin: 0;
    color: #5f6f85;
    font-size: 15px;
    line-height: 1.7;
}

.sponsors-premium-grid {
    display: grid;
    grid-template-columns: minmax(220px, 420px);
    justify-content: center;
}

.sponsors-premium .sponsor-logo-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    padding: 22px 20px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.sponsors-premium .sponsor-logo-card:hover,
.sponsors-premium .sponsor-logo-card:focus {
    transform: translateY(-3px);
    border-color: #c7d4e7;
    box-shadow: 0 12px 24px rgba(13, 38, 76, 0.14);
}

.sponsors-premium .sponsor-logo-card img {
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: contain;
}

html:lang(ar) .sponsors-premium .title,
html:lang(ar) .sponsors-premium .title p {
    text-align: right;
}

@media (max-width: 767px) {
    .sponsors-premium .views-element-container {
        padding: 20px 16px;
        border-radius: 14px;
    }

    .sponsors-premium .title p {
        font-size: 14px;
    }

    .sponsors-premium-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sponsors-premium .sponsor-logo-card {
        min-height: 145px;
        border-radius: 12px;
        padding: 16px 14px;
    }
}

.client-testimonial {
    position: relative;
    padding-top: var(--large-spacing);
}

.client-testimonial .testimonial {
    margin: -8px;
}

.client-testimonial .testimonial .list {
    margin: 8px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.client-testimonial .testimonial .list .content {
    overflow: hidden;
    min-height: 248px;
    margin-bottom: 15px;
}

.client-testimonial .testimonial .list .content .image {
    height: 200px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.client-testimonial .testimonial .list .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.client-testimonial .testimonial .list .content p {
    padding: 8px 8px 0;
    font-size: var(--root-font);
    min-height: 120px;
    max-height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media (max-width: 1439px) {
    .client-testimonial .testimonial .list .content p {
        min-height: 109px;
        max-height: 109px;
    }
}

.client-testimonial .testimonial .list .user-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
}

.client-testimonial .testimonial .list .user-details .user-name {
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    flex: 0 0 calc(100% - 40px);
}

.client-testimonial .testimonial .list .user-details .userpic {
    width: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 10px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 40px;
}

.client-testimonial .testimonial .list .user-details h6 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: var(--font-weight-medium);
}

.client-testimonial .testimonial .list .user-details small {
    display: block;
    color: var(--text-light);
    margin-top: 3px;
}

.client-testimonial .testimonial .list .user-details .social img {
    width: 30px;
}

.client-testimonial .testimonial .list .user-details .social {
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    margin-inline-start: 10px;
    color: var(--white);
}

.client-testimonial .testimonial .list .user-details .social.facebook {
    background: var(--facebook);
}

.client-testimonial .testimonial .list .user-details .social.twitter {
    background: var(--twitter);
}

.client-testimonial .testimonial .list .user-details .social.instagram {
    background: var(--instagram);
}

.client-testimonial .testimonial .list .user-details .social.linkedin {
    background: var(--linkedin);
}

.client-testimonial .testimonial .list .user-details .social.youtube {
    background: var(--youtube);
}

.download-app {
    margin-top: var(--large-spacing);
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 300px;
}

.download-app .container {
    position: relative;
    z-index: 1;
}

.download-app .content {
    display: flex;
    align-items: center;
    height: 300px;
}

.download-app .content .title h5 {
    max-width: none;
    margin: 10px 0 7px;
}

.download-app .content img.mobileapp {
    width: 270px;
    flex: 0 0 270px;
    margin-top: 160px;
    margin-inline-start: 50px;
    margin-inline-end: 50px;
}

.download-app .content>div {
    flex: 1;
    width: 100%;
}

.download-app .content .store-icon a {
    display: inline-block;
}

.download-app .content .store-icon a img {
    width: 150px;
}

.download-app .content .store-icon a:nth-child(1) {
    margin-inline-end: 10px;
}

.download-app:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 141, 188, 0.85);
}

.block .content {
    margin-top: 0;
}

footer {
    position: relative;
    background: var(--blue);
}

footer .footer-top {
    color: var(--white);
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 0;
}

footer .footer-top .container {
    position: static;
}

footer .footer-top .footer-top-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

footer .footer-top .footer-top-content .opening-hours>div {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

footer .footer-top .footer-top-content .opening-hours h6 {
    display: flex;
    align-items: center;
    position: relative;
    line-height: normal;
    font-size: calc(var(--root-font) + 2px);
    white-space: nowrap;
    margin-inline-end: 12px;
    min-width: 120px;
}

footer .footer-top .footer-top-content .opening-hours h6 img {
    width: 22px;
    margin-inline-end: 5px;
    vertical-align: middle;
}

footer .footer-top .footer-top-content .opening-hours p span {
    font-weight: var(--font-weight-semibold);
    color: var(--yellow);
}

footer .footer-top .footer-top-content .opening-hours:last-child p {
    margin-bottom: 0 !important
}

footer .footer-top .footer-top-content .accessibility {
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    width: 130px;
    flex: 0 0 130px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: 20px;
    position: relative;
}

footer .footer-top .footer-top-content .accessibility img {
    width: 24px;
    margin-inline-end: 5px;
    vertical-align: middle;
}

footer .footer-top .footer-top-content .accessibility a {
    display: inline-block;
    color: var(--white);
}

footer .footer-top .footer-top-content .accessibility h6 {
    font-size: calc(var(--root-font) + 1px);
    text-align: start;
}

footer .footer-top .footer-top-content .accessibility .accessibility-icons {
    position: absolute;
    right: 0;
    bottom: 40px;
    border-radius: 5px;
    min-width: 270px;
    padding: 9px;
    text-align: left;
    background: rgba(0, 0, 0, .75);
    display: none;
    z-index: 1;
}

footer .footer-top .footer-top-content .accessibility .accessibility-icons:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, .75);
    content: "";
    position: absolute;
    bottom: -10px;
    right: 45px;
}

footer .footer-top .footer-top-content .accessibility .accessibility-icons p {
    margin-bottom: 10px;
}

footer .footer-top .footer-top-content .accessibility .accessibility-icons a {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

footer .footer-top .footer-top-content .accessibility .accessibility-icons a img {
    margin-inline-end: 0;
    width: 30px;
}

footer .footer-top .accessibility .accessibility-icons .resizeText {
    margin: 20px 0;
    width: 100%;
    display: inline-flex;
    list-style-type: none;
}

footer .footer-top .accessibility .accessibility-icons .resizeText li {
    margin-inline-end: 15px;
    cursor: pointer;
}

footer .footer-top .accessibility .accessibility-icons .resizeText li:last-child {
    margin-inline-end: 0;
}

footer .footer-top .accessibility .resizeText li span {
    padding: 5px 10px 5px 5px;
    border-radius: 50%;
    font-size: 18px;
    color: var(--orange);
    background: transparent;
    border: 1px solid var(--orange);
}

footer .footer-top .accessibility .accessibility-icons .resizeText li:nth-child(2) span {
    padding: 5px 11px;
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch {
    margin-top: 10px;
    list-style-type: none;
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch li {
    margin: 5px 0;
    text-align: start;
    font-weight: var(--font-weight-normal);
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch li .form-check-input {
    position: absolute;
    right: 20px;
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio'] {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid var(--orange);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio']:hover {
    box-shadow: 0 0 1px 0px var(--orange) inset;
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

footer .footer-top .accessibility .accessibility-icons .contrast-switch li input[type='radio']:checked:before {
    background: var(--orange);
}

footer .footer-bottom {
    padding: 50px 0 20px;
    color: var(--white);
    overflow: hidden;
    position: relative;
}

footer .footer-bottom .container {
    position: static;
}

footer .footer-bottom .footer-logo {
    text-align: center;
}

footer .footer-bottom .footer-logo img {
    width: 160px;
}

footer .footer-bottom .footer-title {
    font-weight: var(--font-weight-semibold);
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 20px;
    letter-spacing: initial;
    text-transform: none;
}

footer .footer-bottom .quick-links li {
    display: block;
    padding: 0;
    margin-bottom: 12px;
}

footer .footer-bottom .quick-links li:last-child {
    margin-bottom: 0;
}

footer .footer-bottom .quick-links a {
    color: var(--white);
}

footer .footer-bottom .contact-us p {
    margin-bottom: 15px;
}

footer .footer-bottom .contact-us a {
    font-weight: var(--font-weight-medium);
    color: var(--white);
    text-decoration: underline;
}

footer .footer-bottom .contact-us .btn {
    padding: .4rem 2.5rem;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-medium);
    color: var(--white);
    background: transparent;
    border: 2px solid var(--white);
    text-decoration: none;
}

footer .footer-bottom .news-letter form {
    position: relative;
}

footer .footer-bottom .news-letter {
    margin-bottom: 30px;
}

/* Change Autocomplete styles in Chrome*/
footer .footer-bottom .news-letter input:-webkit-autofill,
footer .footer-bottom .news-letter input:-webkit-autofill:hover,
footer .footer-bottom .news-letter input:-webkit-autofill:focus,
footer .footer-bottom .news-letter textarea:-webkit-autofill,
footer .footer-bottom .news-letter textarea:-webkit-autofill:hover,
footer .footer-bottom .news-letter textarea:-webkit-autofill:focus,
footer .footer-bottom .news-letter select:-webkit-autofill,
footer .footer-bottom .news-letter select:-webkit-autofill:hover,
footer .footer-bottom .news-letter select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--white);
}

footer .footer-bottom .news-letter label {
    font-weight: 500;
    margin-bottom: 3px;
    display: block;
}

footer .footer-bottom .news-letter .form-required:after {
    display: none;
}

footer .footer-bottom .news-letter input,
footer .footer-bottom .newsletter-email {
    height: 38px;
    width: 100%;
    border: none;
    padding: 5px 100px 5px 6px;
    letter-spacing: 0.35px;
    border-radius: 3px;
    color: var(--white);
    background: rgba(255, 255, 255, 0.2);
    margin: 0;
}

footer .footer-bottom .newsletter-email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
}

footer .footer-bottom .news-letter .form-email::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

footer .footer-bottom .news-letter .form-email::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

footer .footer-bottom .news-letter .form-email::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

footer .footer-bottom .news-letter .form-email::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

footer .footer-bottom .news-letter .form-email::placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

footer .footer-bottom .news-letter .form-actions {
    margin: 0;
    padding: 0;
}

footer .footer-bottom .news-letter .form-actions .btn {
    width: auto;
    position: relative;
    float: right;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    line-height: 26px;
    padding: 5px 10px;
    margin: 0;
    border-radius: 0 3px 3px 0;
    color: var(--white);
    background: var(--orange);
    font-family: inherit;
    margin-top: -54px;
}

footer .footer-bottom .social ul {
    display: flex;
    align-items: center;
}

footer .footer-bottom .social ul li {
    display: block;
}

footer .footer-bottom .social ul li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    font-size: calc(var(--root-font) + 4px);
    color: var(--white);
}

footer .footer-bottom .social ul li a:hover {
    color: var(--orange);
}

footer .footer-bottom .social ul li a svg {
    width: 18px;
    height: 18px;
    vertical-align: 0;
}

footer .footer-bottom .social ul li a:hover svg path {
    fill: var(--orange);
}

footer .footer-bottom .footer-links {
    margin-top: 80px;
}

footer .footer-bottom .footer-links ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

footer .footer-bottom .footer-links ul li {
    display: block;
    padding: 0;
}

footer .footer-bottom .footer-links ul li:last-child {
    margin-inline-end: 0;
}

footer .footer-bottom .footer-links a {
    display: inline-block;
    margin-inline-end: 30px;
    color: var(--white);
}

footer .footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/resources/footer-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.live-chat {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 11;
}

.live-chat a {
    display: block;
}

.live-chat a img {
    width: 50px;
}

.live-chat a.chat-image {
    display: block;
}

.live-chat a.cart-image {
    display: none;
}

#engt-container.engt-acquire .engt-launcher-buttons {
    background-image: url(../images/icons/live-chat.svg) !important;
    background-size: 50px 50px !important;
}

#engt-container .engt-launcher-button {
    width: 50px;
    height: 50px;
}

.login-section {
    padding: 60px 0;
}

.login-section h4,
.login-section h1 {
    font-size: var(--secondary-heading);
    margin-bottom: 30px;
}

.login-section h5 {
    font-size: calc(var(--root-font) + 4px);
    margin-bottom: 10px;
}

.login-section p {
    margin-bottom: 7px;
    font-size: var(--font-small);
}

.login-section .form-item {
    margin-top: 0;
    margin-bottom: 20px;
}

.login-section .form-item label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-regular);
    cursor: auto;
}

.login-section .form-item input.form-text {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 5px 12px;
    font-size: var(--font-regular);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    color: var(--text-primary);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(78, 73, 83, 0.15);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.login-section .form-item input.form-text:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--blue);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;

}

.login-section .form-actions {
    padding-top: 0;
    margin: 0;
}

.user-login-form .form-actions,
.user-register-form .form-actions {

    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.login-section .btn,
.login-section input.form-submit {
    min-width: 180px;
    height: 44px;
    margin-top: 40px;
    line-height: 26px;
    font-family: inherit;
    margin-right: 0 !important;
}

.login-section input.form-submit:hover,
.login-section input.form-submit:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.login-section span.or,
.create-account span.or {
    display: block;
    position: relative;
    text-align: center;
    margin: 25px 0;
}

.user-login-form .form-actions::after,
.user-register-form .form-actions::after {
    content: "";
    position: absolute;
    height: 155px;
    left: -75px;
    top: -50px;
    width: 50px;
    z-index: 0;
    opacity: 0.2;
    background: var(--white);
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.user-login-form .form-actions:hover::after,
.user-register-form .form-actions:hover::after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.create-account span.or,
.create-account .uae.pass,
.create-account .sign-in {
    max-width: 300px;
    text-align: center;
}

.create-account .sign-in {
    margin-top: 1rem;
}

@media (max-width: 576px) {

    .create-account span.or,
    .create-account .uae.pass,
    .create-account .sign-in {
        max-width: 100%;
    }
}

.login-section span.or:before,
.create-account span.or:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 45%;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
}

.login-section span.or:after,
.create-account span.or:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 45%;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
}

.login-section .uae-pass {
    text-align: center;
}

.login-section .uae-pass a {
    display: inline-block;
}

.create-account .social-login {
    max-width: 300px;
}

.create-account .social-login h5 {
    margin-bottom: 10px;
}

.login-section .social-login,
.create-account .social-login {
    margin-top: 40px;
    text-align: center;
}

.login-section .social-login ul,
.create-account .social-login ul {
    display: flex;
    align-items: center;
    margin: -4px;
    justify-content: center;
}

.login-section .social-login ul li,
.create-account .social-login ul li {
    display: block;
    margin: 4px;
}

.login-section .social-login ul li a,
.create-account .social-login ul li a {
    display: block;
}

.login-section .social-login ul li a img,
.create-account .social-login ul li a img {
    width: 46px;
}

.login-section .js-form-item-forgot {
    margin: 0;
}

.login-section a.forgot-password {
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    text-decoration: underline;
}

.login-section .signup-text {
    display: none;
}

.login-section .not-account ul {
    margin-bottom: 15px;
    margin-top: 7px;
}

.login-section .not-account ul li {
    display: flex;
    align-items: baseline;
    margin-bottom: 7px;
    font-size: var(--font-small);
}

.login-section .not-account ul li:last-child {
    margin-bottom: 0;
}

.login-section .not-account ul li i {
    vertical-align: -3px;
    width: 16px;
    flex: 0 0 16px;
    margin-inline-end: 10px;
    color: #9C0;
}

.login-section .not-account ul li:last-child {
    margin-top: 20px;
    margin-bottom: 0;
}

.login-section .not-account ul li:last-child i {
    opacity: 0;
}

.login-section hr {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 40px;
    margin-bottom: 0;
}

.login-section .vip-pack {
    margin-top: 30px;
}

.create-account {
    padding: var(--medium-spacing) 0 var(--large-spacing);
}

.create-account .create-account-content {
    max-width: 1000px;
}

.create-account .create-account-content h1 {
    font-size: var(--secondary-heading);
    margin-bottom: 30px;
    color: var(--blue);
}

.create-account .create-account-content .user-register-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
}

.create-account .create-account-content .user-register-form .form-wrapper {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .create-account .create-account-content .user-register-form .form-wrapper {
        width: 100%;
        flex: 0 0 100%;
    }
}

.create-account .create-account-content .user-register-form .form-wrapper:nth-child(1) {
    width: 130px;
    flex: 0 0 130px;
    margin-top: 30px;
    padding-inline-end: 0;
    padding-inline-start: 15px;
}

.create-account .create-account-content .user-register-form .form-wrapper:nth-child(4) {
    width: calc(50% - 130px);
    flex: 0 0 calc(50% - 130px);
    padding-inline-start: 10px;
}

@media (max-width: 767px) {
    .create-account .create-account-content .user-register-form .form-wrapper:nth-child(4) {
        width: calc(100% - 130px);
        flex: 0 0 calc(100% - 130px);
        padding-inline-start: 10px;
    }
}

.create-account .create-account-content .user-register-form .form-wrapper:nth-child(4) .form-item label {
    margin-inline-start: -125px;
}

.create-account .create-account-content .user-register-form .form-wrapper:nth-child(7) {
    display: none;
}

.create-account .create-account-content .user-register-form .form-wrapper .form-item {
    margin: 0;
}

.create-account .create-account-content .user-register-form .form-wrapper .form-item label,
.create-account .create-account-content .user-register-form .form-wrapper h4.label {
    display: block;
    cursor: auto;
    margin-bottom: 7px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.create-account .create-account-content .user-register-form .field--name-field-gender-title label {
    display: none !important;
}

.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-text,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-select,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-date,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-email {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 5px 12px;
    font-size: var(--font-regular);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    color: var(--text-primary);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(78, 73, 83, 0.15);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-text:focus,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-select:focus,
.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-date:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--blue);
}

.create-account .create-account-content .user-register-form .form-wrapper .form-item .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}

.create-account .create-account-content .user-register-form .form-date {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.create-account .create-account-content .user-register-form .form-item-register-city {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 25px;
}

.create-account .create-account-content .user-register-form .form-item-register-city .select2-container {
    display: block;
    width: 100% !important;
}

.create-account .create-account-content .user-register-form .form-item-register-city .select2-container .select2-selection--single {
    disable: block;
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    margin: 0;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.create-account .create-account-content .user-register-form .form-item-register-city .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
    padding-right: 20px;
    line-height: 34px;
    color: #444;
}

.create-account .create-account-content .user-register-form .form-item-register-city .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 34px;
    line-height: 44px;
    text-align: center;
}

.create-account .create-account-content .user-register-form .form-item-register-city .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: url(../images/icons/dropdown-orange.svg);
}

.create-account .create-account-content .user-register-form .form-item-register-city .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.create-account .create-account-content .user-register-form #edit-account {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 0;
}

.create-account .create-account-content .user-register-form #edit-account .js-form-item {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px;
    margin-bottom: 25px;
}

.create-account .create-account-content .user-register-form #edit-account .js-form-item.js-form-item-pass {
    position: relative;
}

.create-account .create-account-content .user-register-form #edit-account .js-form-item.js-form-item-pass .eye-icon {
    position: absolute;
    top: 38px;
    right: 25px;
}

@media (max-width: 767px) {
    .create-account .create-account-content .user-register-form #edit-account .js-form-item {
        width: 100%;
        flex: 0 0 100%;
    }
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use,
.create-account .create-account-content .user-register-form #edit-simplenews--2 {
    width: 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 15px;
}

.create-account .create-account-content .user-register-form #edit-simplenews--2 legend {
    display: none;
}

.create-account .create-account-content .user-register-form .form-item-submit-otp {
    width: 50%;
    flex: 0 0 50%;
    margin: 0;
    padding: 0 15px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .create-account .create-account-content .user-register-form .form-item-submit-otp {
        width: 100%;
        flex: 0 0 100%;
    }
}

.create-account .create-account-content .user-register-form .form-item-submit-otp label {
    display: block;
    cursor: auto;
    margin-bottom: 7px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.create-account .create-account-content .user-register-form .form-item-submit-otp input {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 5px 12px;
    font-size: var(--font-regular);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    color: var(--text-primary);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(78, 73, 83, 0.15);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item input,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item label,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    margin: 0;
    padding-inline-start: 30px;
    font-weight: var(--font-weight-normal) !important;
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item label a,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer label a {
    display: inline-block;
    margin: 0 4px;
    color: var(--orange);
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item label:before,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
    position: absolute;
    left: 0;
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item input:checked+label:before,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer input:checked+label:before {
    background-color: var(--orange);
}

.create-account .create-account-content .user-register-form .field--name-field-terms-of-use .form-item input:checked+label:after,
.create-account .create-account-content .user-register-form .js-form-item-subscriptions-i-agree-to-receive-updates-offer input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.create-account .create-account-content .user-register-form .description .required {
    color: #f23f3f;
    margin-inline-end: 2px;
}

.create-account .create-account-content .user-register-form .description .icon-rightmark,
#password_rules .icon-rightmark {
    display: none;
    padding: 4px;
    background: #008000;
    border-radius: 50%;
    color: #ffffff;
    margin-inline-start: 5px;
    font-size: 10px;
}

.create-account .create-account-content .user-register-form .description .icon-rightmark.active,
#password_rules.complete .icon-rightmark {
    display: inline-block;
}

.create-account .create-account-content .user-register-form #edit-actions {
    width: 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    margin: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.create-account .create-account-content .user-register-form #edit-actions input {
    margin: 0;
    min-width: 150px;
    height: 44px;
    width: 300px !important;
    font-family: Poppins;
    color: var(--white);
    background: var(--orange);
    border: 1px solid var(--orange);
}

@media (max-width: 576px) {
    .create-account .create-account-content .user-register-form #edit-actions input {
        width: 100% !important;
    }
}

.user-register-form #edit-simplenews--2--description {

    display: none;
}

.create-account .create-account-content .sign-in a {
    color: var(--orange);
}

.create-account .create-account-content .sign-in a strong {
    font-weight: var(--font-weight-semibold);
}

.your-interest {
    padding: var(--medium-spacing) 0 var(--large-spacing);
}

.your-interest .your-interest-content .back-arrow {
    margin-bottom: 40px;
}

.your-interest .your-interest-content .back-arrow a {
    display: flex;
    align-items: center;
    width: max-content;
    color: var(--orange);
}

.your-interest .your-interest-content .back-arrow a svg {
    width: 18px;
    height: 18px;
    margin-inline-end: 15px;
    vertical-align: middle;
}

.your-interest .your-interest-content .back-arrow span {
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
}

.your-interest .your-interest-content h3 {
    font-size: 28px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 50px;
}

.your-interest .your-interest-content .interest-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -12px;
}

.your-interest .your-interest-content .interest-list .card {
    display: inline;
    width: calc(20% - 24px);
    flex: 0 0 calc(20% - 24px);
    margin: 12px;
    border-radius: 8px;
    background: var(--white);
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
    .your-interest .your-interest-content .interest-list .card {
        width: calc(33.3% - 24px);
        flex: 0 0 calc(33.3% - 24px);
        display: inline;
    }
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card {
        display: block;
        width: calc(100% - 24px);
        flex: 0 0 calc(100% - 24px);
    }
}

.your-interest .your-interest-content .interest-list .card .card-header {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 8px 8px 0 0;
    color: var(--white);
    border-bottom: none;
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-header {
        min-height: auto;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px;
        padding-inline-end: 15px;
        border-radius: 8px;
    }

    .your-interest .your-interest-content .interest-list .card .card-header.show {
        border-radius: 8px 8px 0 0;
    }
}

.your-interest .your-interest-content .interest-list .card .card-header.card-yellow {
    background-color: #FCB514;
}

.your-interest .your-interest-content .interest-list .card .card-header.card-blue {
    background-color: #004A8F;
}

.your-interest .your-interest-content .interest-list .card .card-header.card-red {
    background-color: #C45243;
}

.your-interest .your-interest-content .interest-list .card .card-header.card-light-blue {
    background-color: #127DB0;
}

.your-interest .your-interest-content .interest-list .card .card-header.card-orange {
    background-color: #DC8029;
}

.your-interest .your-interest-content .interest-list .card .card-header .card-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-header .card-title {
        justify-content: space-between;
    }
}

.your-interest .your-interest-content .interest-list .card .card-header .card-type {
    width: 74px;
    height: 74px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-header .card-type {
        width: 40px;
        height: 40px;
        margin: 0;
        margin-inline-end: 10px;
    }
}

.your-interest .your-interest-content .interest-list .card .card-header .card-title h4 {
    font-size: 18px;
    font-weight: var(--font-weight-medium);
    margin-top: 12px;
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-header .card-title h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-header .card-title h4 {
        margin-top: 0;
    }
}

.your-interest .your-interest-content .interest-list .card .card-header .card-title img {
    display: none;
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-header .card-title img {
        width: 14px;
        height: auto;
        display: block;
        margin-inline-start: 10px;
    }
}

.your-interest .your-interest-content .interest-list .card .card-body {
    padding: 0;
    margin: 12px 0;
}

.your-interest .your-interest-content .interest-list .card .card-body ul {
    padding: 0;
    margin: 0;
}

.your-interest .your-interest-content .interest-list .card .card-body ul li {
    display: block;
    padding: 7px 12px;
}

@media (max-width: 767px) {
    .your-interest .your-interest-content .interest-list .card .card-body ul li {
        padding: 16px;
        border-bottom: 1px solid #DDD;
    }

    .your-interest .your-interest-content .interest-list .card .card-body ul li:last-child {
        border-bottom: 0;
    }
}

.your-interest .your-interest-content .interest-list .card .card-body ul li input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.your-interest .your-interest-content .interest-list .card .card-body ul li label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 20px;
    margin: 0;
    font-size: 14px;
    font-weight: var(--font-weight-normal);
}

.your-interest .your-interest-content .interest-list .card .card-body ul li label:before {
    content: '';
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
}

.your-interest .your-interest-content .interest-list .card .card-body ul li input:checked+label:before {
    background-color: var(--orange);
}

.your-interest .your-interest-content .interest-list .card .card-body ul li input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.your-interest .your-interest-content .save-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

@media (max-width: 576px) {
    .your-interest .your-interest-content .save-button {
        flex-direction: column-reverse;
    }
}

.your-interest .your-interest-content .save-button .skip-link {
    font-size: var(--root-font);
    font-weight: var(--medium-font);
    color: var(--orange);
    z-index: 50;
    left: 0;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-bottom-width: 0;
    border-radius: 0;
    outline: 0;
    line-height: initial;
    color: var(--orange);
    background: transparent;
    font-family: 'Poppins';

}

.your-interest .your-interest-content .save-button .btn-theme {
    min-width: 140px;
    height: 2.75rem;
    letter-spacing: 0.35px;
    font-weight: var(--font-weight-semibold);
}

@media (max-width: 576px) {
    .your-interest .your-interest-content .save-button .btn-theme {
        margin-bottom: 20px;
    }
}

.your-interest .your-interest-content .save-button .btn-theme:hover {
    background: var(--blue);
    border: 2px solid var(--blue);
}

@media (max-width: 576px) {
    .your-interest .your-interest-content .save-button .btn-theme {
        min-width: 100%;
    }
}

.forgotpassword-section,
.resetpassword-section {
    padding: 40px 0;
}

.forgotpassword-section h4,
.resetpassword-section h4 {
    font-size: var(--secondary-heading);
}

.forgotpassword-section p {
    margin-top: 10px;
    margin-bottom: 30px;
}

.resetpassword-section h4 {
    margin-bottom: 30px;
}

.resetpassword-section p {
    font-size: 14px;
    margin-top: 5px;
}

.forgotpassword-section .form-item,
.resetpassword-section .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.forgotpassword-section .form-item,
.resetpassword-section .form-item.js-form-item-pass-pass1,
.resetpassword-section .form-item.js-form-item-pass-pass2 {
    margin-bottom: 15px;
    position: relative;
}

.resetpassword-section .form-item.js-form-item-pass-pass1 .eye-icon,
.resetpassword-section .form-item.js-form-item-pass-pass2 .eye-icon {
    position: absolute;
    top: 35px;
    right: 15px;
}

.forgotpassword-section .form-item label,
.resetpassword-section .form-item label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-regular);
    cursor: auto;
}

.forgotpassword-section .form-item input.form-text,
.resetpassword-section .form-item input.form-text {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
    margin: 0;
}

.forgotpassword-section .form-actions,
.resetpassword-section .form-actions {
    padding-top: 0;
    margin: 0;
}

.forgotpassword-section .form-actions input.form-submit,
.resetpassword-section .form-actions input.form-submit {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    height: 44px;
    width: 100%;
    line-height: 26px;
    font-family: inherit;
    border-radius: 0.25rem;
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.resetpassword-section .form-actions input.form-submit {
    margin-top: 30px;
}

.forgotpassword-section .form-actions input.form-submit:hover,
.forgotpassword-section .form-actions input.form-submit:focus,
.resetpassword-section .form-actions input.form-submit:hover,
.resetpassword-section .form-actions input.form-submit:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.resetpassword-section .password-strength__meter {
    height: 6px;
}

.resetpassword-section .password-strength__title,
.resetpassword-section .password-strength__text,
.resetpassword-section .password-confirm {
    font-size: 14px;
}

.resetpassword-section .js-password-confirm {
    margin-bottom: 15px;
}

.change-password-section {
    padding: 60px 0;
}

.change-password-section h4 {
    font-size: var(--secondary-heading);
    margin-bottom: 30px;
}

.change-password-section .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.change-password-section .form-item.form-item-gv-old-password,
.change-password-section .form-item.form-item-gv-new-password {
    position: relative;
}

.change-password-section .form-item.form-item-gv-old-password .eye-icon,
.change-password-section .form-item.form-item-gv-new-password .eye-icon {
    position: absolute;
    top: 35px;
    right: 20px;
}

.change-password-section .form-item label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-regular);
    cursor: auto;
}

.change-password-section .form-item .form-text {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
    margin: 0;
}

.change-password-section input.form-submit {
    margin-right: 0;
    height: 44px;
    width: 100%;
    line-height: 26px;
    font-family: inherit;
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    border-radius: 0.25rem;
    margin-top: 20px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
}

.change-password-section input.form-submit:hover,
.change-password-section input.form-submit:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

/* Update Profile */
.profile .my-profile .update-profile .padding-right {
    padding-right: 30px;
}

@media (max-width: 767px) {
    .profile .my-profile .update-profile .padding-right {
        padding-right: 15px;
    }
}

.profile .my-profile .update-profile .padding-left {
    padding-left: 30px;
}

@media (max-width: 767px) {
    .profile .my-profile .update-profile .padding-left {
        padding-left: 15px;
    }
}

.profile .my-profile .update-profile .form-group {
    margin-bottom: 25px;
}

.profile .my-profile .update-profile .required {
    color: red;
}

.profile .my-profile .update-profile .form-group label {
    display: inline-block;
    margin-bottom: 7px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.profile .my-profile .update-profile .form-group input {
    height: 44px;
    padding: 5px 12px;
    margin: 0;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.profile .my-profile .update-profile .form-group .nameprefix {
    display: flex;
    align-items: center;
}

.profile .my-profile .update-profile .form-group .nameprefix select {
    width: 120px;
}

.profile .my-profile .update-profile .form-group .nameprefix input {
    width: calc(100% - 130px);
    margin-inline-start: 10px;
}

.profile .my-profile .update-profile .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}

.profile .my-profile .update-profile .form-group #edit-field-user-date-of-birth-0,
.profile .my-profile .update-profile .form-group #edit-field-user-date-of-birth-0-value-date {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.profile .my-profile .update-profile .form-group .select2-container {
    display: block;
    width: 100% !important;
}

.profile .my-profile .update-profile .form-group .select2-container .select2-selection--single {
    disable: block;
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    margin: 0;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.profile .my-profile .update-profile .form-group .select2-container .select2-selection--single .select2-selection__clear span {
    display: none;
}

.profile .my-profile .update-profile .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
    padding-right: 20px;
    line-height: 34px;
    color: #444;
}

.profile .my-profile .update-profile .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 34px;
    line-height: 44px;
    text-align: center;
}

.profile .my-profile .update-profile .form-group .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: url(../images/icons/dropdown-orange.svg);
}

.profile .my-profile .update-profile .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.profile .my-profile .update-profile .update-profile-button {
    margin-top: 40px;
    text-align: end;
}

.profile .my-profile .update-profile .update-profile-button .form-actions {
    margin: 0;
    padding: 0;
}

.profile .my-profile .update-profile .update-profile-button .btn-theme {
    min-width: 180px;
    height: 44px;
    margin: 0 !important;
    font-family: 'Poppins';
}

.profile .my-profile .update-profile .update-profile-button .btn-theme:hover,
.profile .my-profile .update-profile .update-profile-button .btn-theme:focus {
    background: var(--blue);
    border: 2px solid var(--blue);
}

.profile .my-profile .update-profile .js-form-type-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.profile .my-profile .update-profile .js-form-type-checkbox label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
}

.profile .my-profile .update-profile .js-form-type-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
}

.profile .my-profile .update-profile .js-form-type-checkbox input:checked+label:before {
    background-color: var(--orange);
}

.profile .my-profile .update-profile .js-form-type-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2.6px;
    left: 6.4px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.profile .my-profile .update-profile .js-form-type-checkbox label a {
    color: #FF6000;
}

@media (max-width: 576px) {
    .profile .profile-section {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }
}

.region.region-popup-blocks {
    position: relative;
    z-index: 1050;
}

.menu {
    display: none;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    padding: 60px 0;
    background: url(../images/resources/popup-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    overflow: auto;
}

.menu a.CloseMenu {
    position: fixed;
    top: 25px;
    right: 25px;
    font-size: 26px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 44px;
    z-index: 10;
    color: var(--white);
}

.menu.active {
    display: flex;
    flex-direction: column;
}

.menu-content {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.menu-content .mobile-menu {
    display: none;
    margin-bottom: 40px;
}

.menu-content .mobile-menu a {
    color: var(--white);
    font-size: calc(var(--root-font) + 2px) !important;
    font-weight: var(--font-weight-semibold);
}

.menu-content h3 {
    margin-bottom: 40px;
    font-size: var(--secondary-heading);
    color: var(--white);
}

.menu-content .searchbox {
    position: relative;
    width: 600px;
    margin-bottom: 40px;
}

.menu-content .searchbox i.icon-search {
    position: absolute;
    top: 5px;
    left: 0;
    color: var(--yellow);
}

.menu-content .searchbox .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.menu-content .searchbox label {
    display: none;
}

.menu-content .searchbox input {
    width: 100%;
    padding: 0 25px 10px;
    margin: 0;
    color: var(--white);
    border: none;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.menu-content .searchbox a {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--white);
}

.menu-content .searchbox a img {
    width: 14px;
}

.menu-content .searchtype {
    display: none;
}

.menu-content ul li {
    display: block;
    padding: 0;
    margin-bottom: 15px;
    font-size: calc(var(--root-font) + 10px) !important;
    font-weight: var(--font-weight-semibold);
}

.menu-content ul li a {
    color: var(--white);
    font-size: inherit !important;
}

.menu-content ul li a:hover {
    color: var(--orange);
}

.menu-content ul li:last-child {
    margin-bottom: 0;
}

.menu-content .btn.btn-theme {
    display: none;
}

.menu-content .dropdown {
    margin: 0 10px;
}

.menu-content .user {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
}

.menu-content .user img {
    width: 36px;
    flex: 0 0 36px;
    height: 36px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
    margin-inline-end: 10px;
}

.menu-content .user.dropdown-toggle::after {
    display: inline-block;
    margin-inline-start: 10px;
    vertical-align: middle;
    content: "\e90d";
    font-family: 'icomoon';
    border: none;
    font-weight: normal;
    font-size: 14px;
}

.menu-content .dropdown-menu {
    padding: 0 10px;
}

.menu-content .dropdown-menu a.dropdown-item {
    margin: 0;
    padding: .6rem 0;
    color: var(--text-dark);
    font-size: var(--root-font) !important;
    font-weight: var(--font-weight-regular);
    border-bottom: 1px solid #EEE;
}

.menu-content .dropdown-menu a.dropdown-item:last-child {
    border-bottom: none;
}

.menu-content .dropdown-menu .dropdown-item:focus,
.menu-content .dropdown-menu .dropdown-item:hover,
.menu-content .dropdown-menu .dropdown-item.active,
.menu-content .dropdown-menu .dropdown-item:active {
    color: var(--orange);
    background: transparent;
}

.microsite {
    width: 100%;
    position: relative;
    margin-top: auto;
}

.microsite a {
    margin-inline-end: 10px;
    display: inline-flex;
    align-items: center;
}

.microsite a:last-child {
    margin-inline-end: 0;
}

.microsite a i {
    vertical-align: middle;
}

.menu-content .block-dropdown-language {
    position: relative;
    width: 95px;
}

.menu-content .block-dropdown-language .content {
    position: absolute;
    top: 0;
    left: 0;
}

.menu-content .dropbutton .dropbutton-action>* {
    margin-right: 0;
}

.menu-content .dropbutton-multiple .dropbutton .dropbutton-action>* {
    padding: 0;
    margin: 0;
    display: block;
    text-align: start;
    min-width: 70px;
    color: var(--white);
}

.menu-content .dropbutton-widget {
    color: var(--white);
}

.menu-content .dropbutton-multiple .dropbutton-widget .dropbutton {
    position: relative;
    padding-right: 1rem;
    padding-inline-start: 15px;
}

.menu-content .dropbutton-widget .dropbutton-toggle {
    color: var(--white);
    width: 1em;
}

.menu-content .dropbutton-arrow {
    right: 10%;
}

.menu-content .dropbutton .dropbutton-action>* {
    padding: 5px 0;
}

.menu-content .dropbutton .secondary-action {
    border-top-color: transparent;
    margin: 0;
    padding: 5px 0;
}

.menu-content .dropbutton-multiple.open .dropbutton-arrow {
    top: 0.5em;
    border-top-color: transparent;
    border-bottom: 0.3333em solid;
}

.menu-content .dropbutton .dropbutton-action:hover,
.menu-content .dropbutton a:hover {
    border-bottom: 0 none;
    background: none;
    color: var(--orange);
}

.menu-content .dropbutton li {
    font-size: var(--root-font) !important;
    margin-bottom: 0;
}

.menu-content .mobile-menu .block-dropdown-language {
    position: relative;
    width: auto;
    margin-inline-end: 25px;
}

.menu-content .mobile-menu .block-dropdown-language .content {
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 9;
}

.menu-content .mobile-menu .dropbutton .dropbutton-action>* {
    margin-right: 0;
}

.menu-content .mobile-menu .dropbutton-multiple .dropbutton .dropbutton-action>* {
    padding: 0;
    margin: 0;
    display: block;
    text-align: start;
    min-width: auto;
    color: var(--white);
}

.menu-content .mobile-menu .dropbutton-widget {
    color: var(--white);
}

.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton {
    position: relative;
    padding: 0;
}

.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li {
    padding-right: 10px;
    padding-left: 10px;
    background: var(--blue);
}

.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li:nth-child(1),
.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
    background: transparent;
}

.menu-content .mobile-menu .dropbutton-multiple .dropbutton-widget .dropbutton li:last-child {
    border-radius: 0 0 7px 7px;
}

.menu-content .mobile-menu .dropbutton-widget .dropbutton-toggle {
    color: var(--white);
    width: 1em;
}

.menu-content .mobile-menu .dropbutton-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 24px;
    margin: 0;
    border: none;
    line-height: 22px;
    display: block;
    overflow: hidden;
    display: none;
}

.menu-content .mobile-menu .dropbutton-arrow:after {
    display: inline-block;
    vertical-align: middle;
    content: "\e90d";
    font-family: 'icomoon';
    border: none;
    font-weight: normal;
    font-size: 14px;
}

.menu-content .mobile-menu .dropbutton .dropbutton-action>* {
    padding: 5px 0;
}

.menu-content .mobile-menu .dropbutton .secondary-action {
    border-top-color: transparent;
    margin: 0;
    padding: 5px 0;
}

.menu-content .mobile-menu .dropbutton-multiple.open .dropbutton-arrow {
    top: 0;
    border-top-color: transparent;
    border-bottom: none;
}

.menu-content .mobile-menu .dropbutton .dropbutton-action:hover,
.menu-content .mobile-menu .dropbutton a:hover {
    border-bottom: 0 none;
    background: none;
    color: var(--orange);
}

.menu-content .mobile-menu .active-language {
    background: url(../images/icons/globe.svg);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 22px;
    height: 22px;
    font-size: 0;
}

@media (max-width: 767px) {
    .microsite {
        margin: -5px;
    }

    .microsite a {
        margin: 5px;
    }
}

.gallerypopup {
    display: none;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    padding: 15px 0;
    background: var(--blue);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.gallerypopup a.CloseGallery {
    position: fixed;
    top: 25px;
    right: 25px;
    font-size: 26px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 44px;
    z-index: 10;
    color: var(--white);
}

.gallerypopup .gallery-content {
    max-width: 1000px;
    margin: 0 auto;
    height: calc(100vh - 220px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gallerypopup .gallery-content h3 {
    margin-bottom: 20px;
    font-size: var(--secondary-heading);
    color: var(--white);
}

.gallerypopup .gallery-content .carousel {
    position: relative;
}

.gallerypopup .gallery-content .carousel-item {
    width: 100%;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    height: 600px;
    border-radius: 10px;
}

.gallerypopup .carousel-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.gallerypopup .gallery-content .carousel-item .video-gallery {
    height: 600px;
}

.gallerypopup .gallery-content .carousel-control-next,
.gallerypopup .gallery-content .carousel-control-prev {
    opacity: 1;
    width: auto;
    max-height: 600px;
}

.gallerypopup .gallery-content .carousel-control-next .carousel-control-prev-icon,
.gallerypopup .gallery-content .carousel-control-prev .carousel-control-prev-icon {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background: var(--white);
    text-align: center;
    background-image: url(../images/icons/dropdown-orange.svg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    transform: rotate(90deg);
}

.gallerypopup .gallery-content .carousel-control-next .carousel-control-next-icon,
.gallerypopup .gallery-content .carousel-control-prev .carousel-control-next-icon {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background: var(--white);
    text-align: center;
    background-image: url(../images/icons/dropdown-orange.svg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    transform: rotate(-90deg);
}

.gallerypopup .gallery-content .carousel-control-prev {
    left: -170px;
}

.gallerypopup .gallery-content .carousel-control-next {
    right: -170px;
}

.gallerypopup .gallery-content .carousel-indicators {
    position: relative;
    bottom: -10px;
    margin: 0 -10px;
    justify-content: flex-start;
    overflow: auto;
}

.gallerypopup .gallery-content .carousel-indicators::-webkit-scrollbar-thumb {
    background: var(--orange);
}

.gallerypopup .gallery-content .carousel-indicators li {
    width: 180px;
    flex: 0 0 180px;
    height: 100px;
    overflow: hidden;
    margin: 8px;
    border-radius: 5px;
    border: none;
    opacity: 1;
}

.gallerypopup .gallery-content .carousel-indicators li span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.gallerypopup.active {
    display: flex;
}

.gallerypopup .gallery-view {
    margin-bottom: 1rem;
}

.gallerypopup .gallery-view .item {
    width: 100%;
    height: 450px;
    border-radius: 1.375rem;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1199px) {
    .gallerypopup .gallery-view .item {
        height: 450px;
    }
}

@media (max-width: 991px) {
    .gallerypopup .gallery-view .item {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .gallerypopup .gallery-view .item {
        height: 350px;
    }
}

.gallerypopup .gallery-view .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.gallerypopup .arrow-left,
.gallerypopup .arrow-right {
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background: var(--white);
    text-align: center;
    background-image: url(../images/icons/dropdown-orange.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    top: calc(50% - 46px);
    border: none;
}

.gallerypopup .arrow-left {
    left: 20px;
    transform: translateY(-50%) rotate(90deg);
}

.gallerypopup .arrow-right {
    right: 20px;
    transform: translateY(-50%) rotate(-90deg);
}

.gallerypopup .gallery-thumbnails {
    margin: 0;
}

.gallerypopup .gallery-thumbnails .item {
    height: 100px;
    width: 160px;
    margin: 8px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    border: none;
}

@media (max-width: 1399px) {
    .gallerypopup .gallery-thumbnails .item {
        height: 80px;
    }
}

.gallerypopup .gallery-thumbnails .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.gallerypopup .gallery-thumbnails .slick-prev,
.gallerypopup .gallery-thumbnails .slick-next {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    top: 50%;
    width: 1.5rem;
    height: 85%;
    color: var(--orange);
    background: var(--white);
    border: none;
    border-radius: 0;
    display: none !important;
}

.gallerypopup .gallery-thumbnails:hover .slick-prev,
.gallerypopup .gallery-thumbnails:hover .slick-next {
    display: inline-block !important;
}

.gallerypopup .gallery-thumbnails .slick-prev {
    left: -15px;
}

.gallerypopup .gallery-thumbnails .slick-next {
    right: -15px;
}

/* ===== //Gallery ===== */
.gallerypopup .gallery-content .carousel-item a {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallerypopup .gallery-content .carousel-item a img {
    height: 30px !important;
    width: auto !important;
}

.page-node-type-plan-your-visit .inner-banner::before {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}

.park-timing {
    padding-top: var(--small-spacing);
    position: relative;
}

.park-timing .content {
    background-color: rgba(234, 243, 248, 1);
    border: 1px solid rgba(45, 141, 188, 1);
    border-radius: 24px;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    padding: 32px 24px;
    border-radius: 15px;
}

.park-timing .content .opening-hours {
    margin-bottom: 30px;
}

.park-timing .content .opening-hours .icon-clock {
    margin-right: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #ffffff;
    background-color: rgba(45, 141, 188, 1);
    border-radius: 6px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.84668 2.08008C12.9183 2.08017 16.2285 5.39024 16.2285 9.46191C16.2284 13.5335 12.9183 16.8437 8.84668 16.8438C4.77501 16.8438 1.46494 13.5336 1.46484 9.46191C1.46484 5.39018 4.77495 2.08008 8.84668 2.08008ZM8.84668 2.29785C4.89659 2.29785 1.68262 5.51183 1.68262 9.46191C1.68271 13.4119 4.89665 16.625 8.84668 16.625C12.7966 16.6249 16.0097 13.4119 16.0098 9.46191C16.0098 5.51188 12.7967 2.29795 8.84668 2.29785Z" stroke="white" stroke-width="0.872727"/><path d="M11.545 12.3199C11.4505 12.3199 11.3559 12.2981 11.2686 12.2399L9.0141 10.8945C8.4541 10.5599 8.03955 9.82536 8.03955 9.17809V6.19627C8.03955 5.89809 8.28682 5.65082 8.58501 5.65082C8.88319 5.65082 9.13046 5.89809 9.13046 6.19627V9.17809C9.13046 9.43991 9.34864 9.82536 9.5741 9.95627L11.8286 11.3017C12.0905 11.4545 12.1705 11.789 12.0177 12.0508C11.9086 12.2254 11.7268 12.3199 11.545 12.3199Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.park-timing .content .opening-hours .icon-clock::before {
    display: none;
}

.park-timing .content .opening-hours h5 {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    line-height: normal;
    padding-bottom: 20px;
    margin-bottom: 22px;
    font-size: 28px;
    font-weight: 600;
    color: rgba(45, 141, 188, 1);
    gap: 14px;
    border-bottom: 1px solid rgba(45, 141, 188, 1);
}

@media (max-width: 767px) {
    .park-timing .content .opening-hours .icon-clock {
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.84668 2.08008C12.9183 2.08017 16.2285 5.39024 16.2285 9.46191C16.2284 13.5335 12.9183 16.8437 8.84668 16.8438C4.77501 16.8438 1.46494 13.5336 1.46484 9.46191C1.46484 5.39018 4.77495 2.08008 8.84668 2.08008ZM8.84668 2.29785C4.89659 2.29785 1.68262 5.51183 1.68262 9.46191C1.68271 13.4119 4.89665 16.625 8.84668 16.625C12.7966 16.6249 16.0097 13.4119 16.0098 9.46191C16.0098 5.51188 12.7967 2.29795 8.84668 2.29785Z" stroke="white" stroke-width="0.872727"/><path d="M11.545 12.3199C11.4505 12.3199 11.3559 12.2981 11.2686 12.2399L9.0141 10.8945C8.4541 10.5599 8.03955 9.82536 8.03955 9.17809V6.19627C8.03955 5.89809 8.28682 5.65082 8.58501 5.65082C8.88319 5.65082 9.13046 5.89809 9.13046 6.19627V9.17809C9.13046 9.43991 9.34864 9.82536 9.5741 9.95627L11.8286 11.3017C12.0905 11.4545 12.1705 11.789 12.0177 12.0508C11.9086 12.2254 11.7268 12.3199 11.545 12.3199Z" fill="white"/></svg>');
        margin-right: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #ffffff;
        background-color: rgba(45, 141, 188, 1);
        border-radius: 4px;
    }

    .park-timing .content .opening-hours h5 {
        margin-bottom: 13px;
        padding-bottom: 16px;
    }

    .park-timing .content .opening-hours h5 b {
        font-size: 20px;
    }

}

.park-timing .park-timing-list p {
    font-size: 18px;
    color: rgba(26, 26, 26, 1);
}

@media (max-width: 767px) {
    .park-timing .park-timing-list p {
        font-size: 13px !important;
    }

}

.park-timing .park-timing-list .plan-head {
    color: rgba(45, 141, 188, 1);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.park-timing .park-timing-list .timing-section-plan {
    display: flex;
    gap: 23px;
    align-items: center;
    margin-bottom: 18px;
}

.park-timing .park-timing-list .timing-section-plan p {
    font-size: 18px;
    font-weight: 600;
    color: rgba(26, 26, 26, 1);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    gap: 8px;
}

.park-timing .park-timing-list .timing-section-plan p .icon-rightmark::before {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    color: rgba(26, 26, 26, 1);
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(26, 26, 26, 1);
    border-radius: 50%;
}

@media (max-width: 767px) {
    .park-timing .park-timing-list .timing-section-plan p .icon-rightmark::before {
        font-size: 8px;
        width: 15px;
        height: 15px;
    }
}

.park-timing .park-timing-list .timing-section-plan p:first-child::after {
    content: "";
    height: 24px;
    width: 1px;
    background: rgba(26, 26, 26, 1);
    margin-inline-start: 22px;
}

@media (max-width: 767px) {
    .park-timing .park-timing-list .plan-head {
        font-size: 14px !important;
        margin-bottom: 12px;
    }

    .park-timing .park-timing-list .timing-section-plan {
        flex-direction: column;
        gap: 13px;
        align-items: flex-start;
        margin-bottom: 14px;
    }

    .park-timing .park-timing-list .timing-section-plan p {
        font-size: 13px !important;
    }

    .park-timing .park-timing-list .timing-section-plan p:first-child::after {
        display: none;
    }
}


.health-safety {
    padding-top: 52px;
}

@media (max-width: 767px) {
    .health-safety {
        padding-top: 20px;
    }
}

.health-safety .col-lg-6 {
    margin-bottom: 15px;
}

.health-safety .content {
    display: flex;
    align-items: flex-start;
    padding: 30px;
    border-radius: 15px;
    height: 100%;
    background: #F5F9FB;
    gap: 20px;
}

.health-safety .content img {
    width: 60px;
    flex: 0 0 60px;
}

.health-safety .content h4 {
    font-size: calc(var(--root-font) + 10px);
    padding-bottom: 10px;
    color: var(--blue);
}

.health-safety .content a {
    color: var(--orange);
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
}

.explore-map {
    padding-top: 63px;
    position: relative;
}

.explore-map .park-map {
    position: relative;
}

.explore-map .park-map img {
    border-radius: 10px;
}

.explore-map .park-map .area-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    top: 30px;
    left: 30px;
}

.explore-map .park-map a.area-name {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    height: 40px;
    line-height: 22px;
    border-radius: 20px;
    margin-inline-end: 10px;
    background: var(--white);
    font-weight: var(--font-weight-medium);
}

.explore-map .park-map a.area-name i {
    line-height: 23px;
}

.explore-map .park-map a.area-name:hover {
    color: var(--orange);
    background: #FEF2E8;
}

.explore-map .park-map .btn {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    height: 40px;
    line-height: 20px;
    border-radius: 20px;
    margin-inline-end: 10px;
    font-size: var(--root-font);
    background: var(--white);
    font-weight: var(--font-weight-medium);
}

.explore-map .park-map .dropdown-toggle::after {
    display: none;
}

.explore-map .park-map .dropdown-menu {
    font-size: var(--font-extrasmall);
    min-width: 140px;
    padding: 0 12px;
    border: none;
    border-radius: 10px;
}

.explore-map .park-map .dropdown-menu .dropdown-item {
    padding: 12px 0;
    font-weight: var(--font-weight-medium);
    border-bottom: 1px solid #DDD;
}

.explore-map .park-map .btn:hover {
    color: var(--orange);
    background: #FEF2E8;
}

.services-foryou {
    padding-top: var(--large-spacing);
}

.services-foryou .title p {
    width: 1000px;
}

.services-foryou .cardbox {
    position: relative;
}

.services-foryou .cardbox .list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 25px;
    min-height: 200px;
}

.services-foryou .cardbox .list img {
    width: 80px;
    margin-bottom: 20px;
}

.services-foryou .cardbox .list p {
    font-weight: var(--font-weight-bold);
    color: var(--light-grey);
}

.howto-reach {
    padding-top: var(--large-spacing);
}

.howto-reach .content {
    display: flex;
    align-items: flex-start;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 8px;
}

.howto-reach .content .map {
    width: 100%;
    height: 320px;
    margin-inline-end: 10px;
}

.howto-reach .content .map iframe {
    border-radius: 10px;
}

.howto-reach .content .getting-text {
    width: 300px;
    flex: 0 0 300px;
}

.howto-reach .content .getting-text .btn {
    margin-top: 40px;
}

.fellow-guest {
    padding-top: 61px;
}

@media (max-width: 767px) {
    .fellow-guest {
        padding-top: 35px;
    }
}

.fellow-guest .title {
    padding-bottom: var(--medium-spacing);
}

.fellow-guest .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 25px;
    min-height: 200px;
}

.fellow-guest .list img {
    width: 80px;
    margin-bottom: 15px;
}

.fellow-guest .list p {
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
}

.buy-section {
    padding-top: var(--large-spacing);
    position: relative;
}

.buy-section .nav-tabs.buy-tabs {
    margin: -7px;
    border-bottom: none;
}

.buy-section .nav-tabs.buy-tabs li {
    width: calc(25% - 14px);
    margin: 7px;
}

.buy-section .nav-tabs.buy-tabs li .nav-link {
    padding: 0.6rem;
    border-radius: 6px;
    color: var(--white);
    background: var(--blue);
    border: 1px solid transparent;
    display: flex;
}

.buy-section .nav-tabs.buy-tabs li .nav-link i {
    margin-inline-end: 7px;
    width: 40px;
    flex: 0 0 40px;

}

.buy-section .nav-tabs.buy-tabs li .nav-link svg {
    margin-inline-end: 7px;
    width: 30px;
    flex: 0 0 30px;
}

.buy-section .nav-tabs.buy-tabs li .nav-link i {
    font-size: 40px;
}

.buy-section .nav-tabs.buy-tabs li .nav-link svg {
    margin-bottom: 5px;
}

.buy-section .nav-tabs.buy-tabs li .nav-link h5 {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 7px 0 5px;
}

.buy-section .nav-tabs.buy-tabs li .nav-link span {
    display: block;
    opacity: 0.7;
    line-height: 16px;
    margin-top: 3px;
    font-size: 10px;
    min-height: 32px;
}

.buy-section .nav-tabs.buy-tabs li .nav-link.active {
    color: var(--text-primary);
    background: var(--white);
    border: 1px solid transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.buy-section .nav-tabs.buy-tabs li .nav-link.active i {
    color: var(--blue);
}

.buy-section .nav-tabs.buy-tabs li .nav-link.active svg path {
    fill: var(--blue);
    stroke: var(--blue);
}

.buy-section .tab-pane {
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.buy-section #park-entry {
    padding: 0;
    margin-top: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.park-entry-list .views-element-container {
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    max-width: calc(50% - 8px);
}

@media (max-width: 1199px) {
    .park-entry-list .views-element-container {
        max-width: 536px;
    }
}

.buy-section .tab-content .form-group label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 0;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-medium);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.buy-section .tab-content .btn {
    width: 200px;
    flex: 0 0 auto;
    height: 40px;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin-top: 30px;
}

.buy-section .tab-content .park-entry-list .btn {
    margin-left: auto;
    margin-right: auto;
}

.buy-section .tab-content .listing .content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}

.buy-section .tab-content .special_offer-list p {
    margin-bottom: 20px;
}

.buy-section .tab-content .views-element-container .views-row {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}

.buy-section .tab-content .views-element-container .views-row:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.buy-section .tab-content .views-element-container .views-row .content .details h5 {
    margin-top: 10px;
}

.buy-section .tab-content .views-element-container .views-row .quantity {
    margin-bottom: 10px;
}

.buy-section .tab-content .listing .content .image {
    width: 300px;
    flex: 0 0 300px;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
    margin-inline-end: 20px;
}

.buy-section .tab-content .listing .content.attraction-list-products>a {
    display: block;
    width: 300px;
    flex: 0 0 300px;
    height: 190px;
    overflow: hidden;
    border-radius: 10px;
    margin-inline-end: 20px;
}

.buy-section .tab-content .listing .content.attraction-list-products>a .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0;
    margin-inline-end: 0;
}

.buy-section .tab-content .listing .content .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.buy-section .tab-content .listing .content .image:hover span {
    transform: scale(1.1);
}

.buy-section .tab-content .listing .content .details {
    width: calc(100% - 320px);
    flex: 0 0 calc(100% - 320px);
}

.buy-section .tab-content .park-entry-list .listing .content .details {
    width: 100%;
    flex: 0 0 100%;
}

.buy-section .tab-content .listing .content .details a.btn {
    width: fit-content;
}

.buy-section .tab-content .listing .content .details .ticket-name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.buy-section .tab-content .listing .content .details h4 {
    font-size: calc(var(--root-font) + 8px);
    color: var(--blue);
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .listing .content .details h5 {
    font-size: calc(var(--root-font) + 4px);
    color: var(--text-primary);
    margin: 0;
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .listing .content .details h5 small {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    color: rgba(78, 73, 83, 0.5);
    margin: 0;
    text-transform: none;
    letter-spacing: initial;
}

.buy-section .tab-content .listing .content .details p {
    margin-bottom: 10px;
}

.buy-section .tab-content .listing .content .details a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
    font-size: 12px;
}

.buy-section .tab-content .listing .content .details .starting-message {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

@media (max-width: 991px) {
    .buy-section .tab-content .listing .content .details .starting-message {
        font-size: 14px;
    }
}

.buy-section .tab-content .listing .content .details ul {
    padding-inline-start: 20px;
    margin-bottom: 10px;
}

.buy-section .tab-content .listing .content .details a.btn {
    width: fit-content;
}

.buy-section .tab-content .listing .content .details a i {
    display: inline-block;
    margin-inline-start: 1px;
    vertical-align: 0;
    font-size: var(--font-extrasmall);
}

.buy-section .tab-content .listing .content .details a.btn,
.buy-section .tab-content .listing .content .details a.btn:hover,
.buy-section .tab-content .listing .content .details a.btn:focus {
    color: var(--white);
}

.buy-section .tab-content .listing .content .details .bottom {
    margin-top: 15px;
}

.buy-section .tab-content .listing .content .details .bottom .form-group {
    margin-bottom: 0;
    margin-inline-end: 10px;
    width: 210px;
    flex: 0 0 210px;
}

.buy-section .tab-content .listing .content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.buy-section .tab-content .quantity {
    display: flex;
    align-items: center;
}

.buy-section .tab-content .quantity input {
    width: 30px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.buy-section .tab-content .select-packs {
    margin: 10px -20px 0;
    padding: 20px 20px 30px;
    background: rgba(243, 112, 33, 0.07);
}

.buy-section .tab-content .select-packs .slick-track {
    margin-left: 0;
}

.buy-section .tab-content .select-packs .pack-list {
    width: calc(210px - 12px);
    flex: 0 0 calc(210px - 12px);
    border-radius: 5px;
    padding: 12px 10px;
    margin: 6px;
    text-align: center;
    background: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    min-height: 93px;
    font-size: calc(var(--root-font) - 3px);
    line-height: 15px;
}

.buy-section .tab-content .select-packs .pack-list img {
    position: absolute;
    top: 3px;
    right: 10px;
}

.buy-section .tab-content .select-packs .pack-list .price {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 7px;
    line-height: normal;
}

.buy-section .tab-content .select-packs .pack-list .price span {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .select-packs .pack-list p {
    font-size: calc(var(--root-font) - 3px);
    line-height: 15px;
    margin-bottom: 0;
}

.buy-section .tab-content .select-packs .pack-list.current {
    border: 2px solid var(--orange);
}

.buy-section .tab-content .and-or {
    text-align: center;
    margin: 25px 0;
    color: var(--text-light);
}

.buy-section .tab-content .select-offers {
    margin: 0 -20px;
    padding: 20px 20px 30px;
    background: rgba(243, 112, 33, 0.07);
}

.buy-section .tab-content .select-offers .slick-track {
    margin-left: 0;
    margin-right: auto;
}

.buy-section .tab-content .select-offers .offer-list {
    position: relative;
    width: calc(270px - 12px) !important;
    flex: 0 0 calc(270px - 12px);
    border-radius: 5px;
    padding: 12px 10px;
    margin: 6px;
    background: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.buy-section .tab-content .select-offers .offer-list h6 {
    width: calc(100% - 80px);
    font-size: 15px;
}

.buy-section .tab-content .select-offers .offer-list .save {
    padding: 3px 12px;
    border-radius: 5px;
    position: absolute;
    top: -2px;
    right: -2px;
    text-align: center;
    font-size: calc(var(--root-font) - 2px);
    line-height: 15px;
    color: #D7182A;
    background: #FDB6BD;
    width: 80px;
}

.buy-section .tab-content .select-offers .offer-list .save b {
    display: block;
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .select-offers .offer-list .you-get {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}

.buy-section .tab-content .select-offers .offer-list .you-get .get-label {
    white-space: nowrap;
    margin-inline-end: 10px;
    margin-bottom: 0;
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .select-offers .offer-list .you-get span {
    font-size: calc(var(--root-font) - 2px);
}

.buy-section .tab-content .select-offers .offer-list hr {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.buy-section .tab-content .select-offers .offer-list .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buy-section .tab-content .select-offers .offer-list .bottom .price {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-semibold);
    text-align: right;
    line-height: 16px;
}

.buy-section .tab-content .select-offers .offer-list .bottom .price span {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .select-offers .offer-list .bottom .price small {
    display: block;
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .select-offers .offer-list.current {
    border: 2px solid var(--orange);
}

.buy-section .tab-content .alert-danger {
    display: flex;
    align-items: center;
    padding: 20px;
    background: rgba(255, 39, 56, 0.05);
    border: none;
}

.buy-section .tab-content .alert-danger i {
    margin-inline-end: 20px;
    font-size: 50px;
    color: #BE1525;
}

.buy-section .tab-content .alert-danger h5 {
    font-size: calc(var(--root-font) + 8px);
    color: var(--text-primary);
    margin-bottom: 7px;
}

.buy-section .tab-content .alert-danger p {
    color: var(--text-dark);
}

.buy-section .tab-content .park-entry-list .listing .content .bottom {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    margin-top: 15px;
}

.buy-section .tab-content .park-entry-list .listing .content .bottom .ajax-progress {
    position: absolute;
    bottom: 5px;
    right: 40px;
}

@media (max-width: 1599px) {
    .buy-section .tab-content .park-entry-list .listing .content .bottom .ajax-progress {
        position: relative;
        bottom: -10px;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }
}

.buy-section .tab-content .park-entry-list .listing .content .bottom ul {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.buy-section .tab-content .attraction-list p {
    margin-bottom: 20px;
}

.buy-section .tab-content .attraction-list .listing .content .bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox {
    position: relative;
    margin-top: 15px;
}

.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox label {
    position: relative;
    display: block;
    margin: 0;
    padding-inline-start: 1.875rem;
    font-weight: var(--font-weight-regular);
}

.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 3px;
}

.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox input:checked+label:before {
    background-color: var(--orange);
}

.buy-section .tab-content .attraction-list .listing .content .upgread-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.buy-section .tab-content .wonderpass-plans {
    margin-top: 30px;
}

.buy-section .tab-content .wonderpass-plans h5 {
    font-size: calc(var(--root-font) + 2px);
    color: var(--blue);
    margin-bottom: 5px;
}

.buy-section .tab-content .wonderpass-plans a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
    display: flex;
    align-items: flex-start;
    width: max-content;
}

.buy-section .tab-content .wonderpass-plans a i {
    font-size: 18px;
    vertical-align: -3px;
    margin-inline-end: 5px;
}

.buy-section .tab-content .custom-amount {
    margin: 10px -20px 0;
    padding: 20px 20px 30px;
    background: rgba(243, 112, 33, 0.07);
}

.buy-section .tab-content .custom-amount h6 {
    color: var(--blue);
    margin-bottom: 15px;
}

.buy-section .tab-content .custom-amount .form-group {
    position: relative;
}

.buy-section .tab-content .custom-amount .form-group span {
    position: absolute;
    top: 11px;
    right: 11px;
    font-weight: 600;
    font-size: 16px;
}

.payment-icons {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: -1;
}

.payment-icons h6 {
    margin-bottom: 12px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-light);
}

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

.payment-icons ul li {
    display: block;
    margin: 0 3px;
}

.addthis-card {
    position: relative;
}

.addthis-card .addthis-card-list {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    max-width: 370px;
    padding: .5rem 0 0;
    margin: 0.25rem 0 0;
    font-size: var(--root-font);
    border-radius: 0.25rem;
    color: var(--text-primary);
    background: var(--white);
    border: 1px solid rgba(78, 73, 83, 0.15);
    z-index: 1;
    max-height: 400px;
    overflow: auto;
}

.addthis-card .addthis-card-list .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    margin-bottom: 5px;
}

.addthis-card .addthis-card-list .top span {
    display: block;
    text-align: center;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
}

.addthis-card .addthis-card-list .top a {
    color: var(--orange);
    font-weight: var(--font-weight-bold);
}

.addthis-card .addthis-card-list p.points-needed {
    text-align: end;
    margin-inline-end: 15px;
}

.addthis-card .addthis-card-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}

.addthis-card .addthis-card-list ul li label {
    margin-bottom: 0;
    line-height: 18px;
}

.addthis-card .addthis-card-list ul li label small {
    display: block;
    margin-top: 3px;
    color: var(--text-light);
    font-size: calc(var(--root-font) - 2px);
}

.addthis-card .addthis-card-list ul li:last-child {
    border-bottom: none;
}

.addthis-card .addthis-card-list ul .quantity {
    width: 140px;
    flex: 0 0 140px;
    margin-inline-start: 20px;
}

.addthis-card .addthis-card-list ul .quantity .points_count {
    margin-inline-start: 10px;
    width: 40px;
}

.addthis-card .totalprice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}

.addthis-card .totalprice label {
    font-size: 18px;
    font-weight: 800;
    color: var(--blue);
}

.addthis-card .totalprice h4 small {
    font-size: 13px;
}

.buy-section .tab-content .addthis-card .closebutton-group {
    padding: 0 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buy-section .tab-content .addthis-card .closebutton-group a {
    width: 100%;
    flex: none;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

.buy-section .tab-content .addthis-card .closebutton-group .btn:hover,
.buy-section .tab-content .addthis-card .closebutton-group .btn:focus {
    color: #FFF;
}

.buy-section .tab-content .choose-card a.addnew {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.buy-section .tab-content .choose-card a.addnew i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    margin-inline-end: 4px;
    background: var(--orange);
    color: var(--white);
}

.buy-section .tab-content .total {
    margin-top: 20px;
}

.buy-section .tab-content .total .sub-price ul li {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 7px;
}

.buy-section .tab-content .total .sub-price ul li span {
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .total .sub-price ul li .price {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .total .sub-price ul li .price small {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .total .sub-price ul li:last-child {
    margin-bottom: 0;
}

.buy-section .tab-content .total hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.buy-section .tab-content .total .total-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}

.buy-section .tab-content .total .total-price b {
    color: var(--blue);
}

.buy-section .tab-content .total .total-price .price {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .total .total-price .price span {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .exclusive-packs .listing {
    margin-top: 40px;
}

.buy-section .tab-content .exclusive-packs .listing .content .details p {
    margin-bottom: 10px;
}

.buy-section .tab-content .exclusive-packs .listing .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buy-section .tab-content .exclusive-packs .listing .bottom .buy {
    display: flex;
    align-items: center;
}

.buy-section .tab-content .exclusive-packs .listing .bottom .buy .sold-at b {
    color: #888;
}

.buy-section .tab-content .exclusive-packs .listing .bottom .buy .sold-at img {
    width: 50px;
}

.buy-section .tab-content .exclusive-packs .listing:first-child {
    margin-top: 20px;
}

.buy-section .tab-content .guest-services-list .accordion .card {
    margin-bottom: 10px;
    border: none;
}

.buy-section .tab-content .guest-services-list .accordion .card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(58, 142, 178, 0.05);
    border-bottom: none;
    font-size: calc(var(--root-font) + 4px);
    border-radius: 5px;
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

.buy-section .tab-content .guest-services-list .accordion .card .card-header[aria-expanded="true"]:after {
    font-family: 'icomoon';
    content: "\e938";
    font-size: var(--root-font);
    color: var(--blue);
}

.buy-section .tab-content .guest-services-list .accordion .card .card-header[aria-expanded="false"]:after {
    font-family: 'icomoon';
    content: "\e90d";
    font-size: var(--root-font);
    color: var(--blue);
}

.buy-section .tab-content .guest-services-list .accordion .card .card-body {
    padding: 0;
    margin: 20px 0;
}

.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section {
    margin-inline-end: 20px;
}

.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section .image {
    margin-inline-end: 0;
}

.buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section h6 {
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
}

.buy-section .tab-content .guest-services-list .accordion .card:last-child {
    margin-bottom: 0;
}

.buy-section .tab-content .guest-services-list .listing .content {
    align-items: flex-start;
}

.buy-section .tab-content .guest-services-list .listing .bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

.buy-section .tab-content .guest-services-list .listing .bottom>div {
    display: flex;
    align-items: center;
}

.buy-section .tab-content .guest-services-list .listing .bottom>div .form-group {
    margin-inline-end: 10px;
}

.buy-section .tab-content .guest-services-list .listing .bottom>div .form-group:nth-child(2) {
    margin-inline-end: 0;
}

.buy-section .tab-content .paid-parking {
    padding-top: 20px;
}

.buy-section .tab-content .paid-parking .card .card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    border-radius: 5px;
    color: var(--blue);
    background-color: rgba(0, 117, 190, 0.05);
    border-bottom: none;
}

.buy-section .tab-content .paid-parking p {
    margin-bottom: 20px;
}

.buy-section .tab-content .paid-parking p b {
    color: var(--blue);
    font-size: calc(var(--root-font) + 6px);
}

.buy-section .tab-content .paid-parking span {
    display: block;
    width: 25%;
    text-align: center;
    color: #888;
    margin: 20px 0;
}

.buy-section .tab-content .paid-parking input.parking-number {
    width: 25%;
}

.buy-section .tab-content .paid-parking .parking-submit-btn {
    display: flex;
}

.buy-section .tab-content .paid-parking .plate-cart-btn {
    margin-top: 30px;
}

.buy-section .tab-content .paid-parking .car-selection {
    position: relative;
    display: flex;
    align-items: center;
}

.buy-section .tab-content .paid-parking .car-selection div:first-child {
    margin-inline-end: 15px;
}

.buy-section .tab-content .paid-parking .car-selection label {
    width: 80px;
    height: 80px;
    text-align: center;
    padding: 5px;
    line-height: 70px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    background: var(--white);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.buy-section .tab-content .paid-parking .car-selection img {
    width: 75px;
    height: 75px;
}

.buy-section .tab-content .paid-parking .car-selection input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.buy-section .tab-content .paid-parking .car-selection input:checked+label {
    background: #FFF;
    border: 1px solid var(--orange);
}

.buy-section .tab-content .paid-parking .car-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px -10px -10px;
}

.buy-section .tab-content .paid-parking .car-list .slick-dots {
    position: relative;
    bottom: 0;
}

.buy-section .tab-content .paid-parking .car-list .slick-dots li {
    margin: 0;
}

.buy-section .tab-content .paid-parking .car-list .slick-dots li button:before {
    color: var(--blue);
    font-size: 10px;
}

.buy-section .tab-content .paid-parking .car-list .slick-dots li.slick-active button:before {
    color: var(--blue);
}

.buy-section .tab-content .paid-parking .car-list .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: calc(33.33% - 20px);
    flex: 0 0 calc(33.33% - 20px);
    margin: 10px;
}

.buy-section .tab-content .paid-parking .car-list .list input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.buy-section .tab-content .paid-parking .car-list .list .left {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    background: var(--white);
    border: 2px solid #DDDDDD;
    box-shadow: none;
}

.buy-section .tab-content .paid-parking .car-list .list input[type=checkbox]:checked+.left {
    border: 1px solid var(--orange);
}

.buy-section .tab-content .paid-parking .car-list .list .left img {
    width: 50px;
    height: 50px;
    margin-inline-end: 20px;
}

.buy-section .tab-content .paid-parking .car-list .list .left div {
    width: calc(100% - 70px);
    flex: 0 0 calc(100% - 70px);
}

.buy-section .tab-content .paid-parking .car-list .list .left span {
    display: block;
    width: 100%;
    text-align: start;
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .paid-parking .car-list .list .left h4 {
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0;
}

.buy-section .tab-content .parking-checkbox-group {
    display: block;
}

.buy-section .tab-content .parking-checkbox-group .form-group label {
    overflow: auto;
    white-space: initial;
    text-overflow: inherit;
    position: relative;
    display: block;
    line-height: normal;
    font-weight: var(--font-weight-normal);
}

.buy-section .tab-content .parking-checkbox-group .form-group label a {
    color: var(--orange);
}

.modal-content {
    border: none;
    padding: 50px;
    position: relative;
    background: var(--blue);
}

.modal-content a {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: var(--white);
    text-align: center;
    line-height: 33px;
    z-index: 1;
}

.modal-content .modal-body {
    padding: 0;
    color: var(--white);
}

.modal-content .modal-body h3 {
    font-size: 40px;
    margin-bottom: 30px;
}

.modal-content .modal-body .form-group label {
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--font-regular);
    margin-bottom: 4px;
    font-weight: 500;
}

.modal-content .modal-body .form-group .form-control {
    border: none;
    height: 44px;
    padding: 5px 12px;
    font-size: var(--font-regular);
    color: var(--white) !important;
    background-color: var(--input-bg);
}

.modal-content .modal-body .form-group .form-control:focus {
    color: var(--white);
    background: var(--input-bg);
}

.modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.modal-content .modal-body .form-group .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.modal-content .modal-body .form-group .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.modal-content .modal-body .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.modal-content .modal-body .cart-items {
    margin-top: 40px;
}

.modal-content .modal-body .cart-items ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-content .modal-body .cart-items ul li p {
    font-size: calc(var(--root-font) + 1px);
    font-weight: var(--font-weight-medium);
    margin-bottom: 0;
}

.modal-content .modal-body .cart-items ul li span {
    opacity: 0.7;
}

.modal-content .modal-body .cart-items ul li .price {
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

.modal-content .modal-body .cart-items ul li .price small {
    font-size: var(--font-extrasmall);
}

.modal-content .modal-body .cart-items .total-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

.modal-content .modal-body .cart-items .total-amount .price small {
    font-size: var(--font-extrasmall);
}

.modal-content .modal-body .cart-items .btn {
    min-width: 160px;
    height: 44px;
}

.modal-content .modal-body .btn {
    margin-top: 40px;
}

.media-partners-popup.modal-content .modal-body .btn {
    float: left;
    margin: 0 10px;
    margin-top: 40px;
    min-width: calc(50% - 20px) !important;
}

#LoginNow .modal-content .modal-body p,
#DeleteCard .modal-content .modal-body p,
#LoginNowRaffle .modal-content .modal-body p {
    font-size: 20px;
    font-weight: 600;
}

#LoginNow .modal-content .modal-body .btn,
#LoginNowRaffle .modal-content .modal-body .btn {
    position: relative;
    min-width: 180px;
    height: 44px;
    margin: 40px auto 0;
    top: 0;
    right: 0;
    font-size: 1rem;
    width: fit-content;
    line-height: initial;
}

#DeleteCard .modal-content .modal-body .btn {
    float: left;
    margin: 40px 10px 0;
    min-width: calc(50% - 20px) !important;
    height: 44px;
}

#cardValidPopup .modal-content .modal-body {
    text-align: center;
}

#cardValidPopup .modal-content .modal-body h5 {
    text-align: start;
}

#cardValidPopup .btn {
    min-width: 140px;
    height: 44px;
}

#Addcar .add-car-form h5,
#EditCar .edit-car-form h5 {
    margin-bottom: 20px;
}

.ticket-dropdown {
    position: relative;
}

.ticket-dropdown .ticket-label {
    display: none;
    width: 220px;
    height: 44px;
    line-height: 30px;
    padding: 5px 12px;
    margin-right: 10px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
    cursor: pointer;
}

.ticket-dropdown .ticket-label::after {
    display: inline-block;
    margin-inline-start: 10px;
    vertical-align: middle;
    content: "\e90d";
    font-family: 'icomoon';
    border: none;
    font-weight: normal;
    font-size: 14px;
    color: var(--orange);
    float: right;
}

.ticket-dropdown .ticket-list {
    display: block;
}

/* Toggle switch */
.ticket-dropdown .ticket-list .cm-toggle {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin-top: 5px;
    margin-inline-start: 10px;
    width: 35px;
    flex: 0 0 35px;
    order: 1;
}

@media (max-width: 991px) {
    .ticket-dropdown .ticket-list .cm-toggle {
        order: 0;
        margin-inline-start: 0px;
        margin-inline-end: 10px;
    }
}

.ticket-dropdown .ticket-list .cm-toggle:after {
    content: '';
    width: 36px;
    height: 20px;
    display: inline-block;
    background: #d3d3d3;
    border-radius: 18px;
    clear: both;
}

.ticket-dropdown .ticket-list .cm-toggle:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.ticket-dropdown .ticket-list .cm-toggle:checked:before {
    left: 18px;
}

.ticket-dropdown .ticket-list .cm-toggle:checked:after {
    background: var(--orange);
}

.ticket-dropdown .ticket-list .cm-toggle,
.ticket-dropdown .ticket-list .cm-toggle:before,
.ticket-dropdown .ticket-list .cm-toggle:after,
.ticket-dropdown .ticket-list .cm-toggle:checked:before,
.ticket-dropdown .ticket-list .cm-toggle:checked:after {
    transition: ease .3s;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
}

.ticket-dropdown .ticket-list .value-ticket-wrapper {
    display: flex;
}

.ticket-dropdown .ticket-list .value-ticket-wrapper label {
    font-weight: var(--font-weight-normal);
    color: var(--text-primary);
}

@media (max-width: 991px) {
    .ticket-dropdown .ticket-list .value-ticket-wrapper label {
        font-size: 12px;
    }
}

.ticket-dropdown .ticket-list .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

@media (max-width: 991px) {
    .ticket-dropdown .ticket-list .top {
        padding: 5px 0;
    }
}

.ticket-dropdown .ticket-list .top span {
    display: block;
    text-align: center;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.ticket-dropdown .ticket-list .top a {
    display: none;
    color: var(--orange);
    font-weight: var(--font-weight-bold);
}

.ticket-dropdown .ticket-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}

@media (max-width: 575px) {
    .ticket-dropdown .ticket-list ul li {
        padding: 15px 0;
    }

    .ticket-dropdown .ticket-list ul li .pack-details {
        min-width: 160px;
    }
}

.ticket-dropdown .ticket-list ul li .pack-details label {
    margin-bottom: 0;
    line-height: 18px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    font-size: 1rem;
}

@media (max-width: 991px) {
    .ticket-dropdown .ticket-list ul li .pack-details label {
        font-size: 14px;
    }
}

.ticket-dropdown .ticket-list ul li .pack-details .price {
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    font-size: 14px;
}

.ticket-dropdown .ticket-list ul li .pack-details .price small {
    display: inline-block;
    margin-inline-start: 10px;
    margin-top: 0;
    font-size: 10px;
    color: #A7A4A9;
}

.ticket-dropdown .ticket-list ul li .pack-details small {
    display: block;
    margin-top: 3px;
    color: var(--text-light);
    font-size: calc(var(--root-font) - 2px);
}

.ticket-dropdown .ticket-list ul li:last-child {
    border-bottom: none;
}

.checkout .cart-items ul li .product-details {
    width: 50%;
}

.checkout .cart-items ul li .quantity {
    display: flex;
    align-items: center;
    width: 100px;
    flex: 0 0 100px;
    margin-inline-start: 20px;
    justify-content: center;
}

.ticket-dropdown .ticket-list ul li .quantity {
    display: flex;
    align-items: center;
    width: 90px;
    flex: 0 0 90px;
    margin-inline-start: 20px;
    justify-content: center;
}

.ticket-dropdown .ticket-list ul li .quantity input,
.checkout .cart-items ul li .quantity input {
    width: 30px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.checkout .cart-items ul li .quantity button {
    padding: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.ticket-dropdown .ticket-list ul li .quantity button {
    padding: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.checkout .cart-items ul li .quantity button:disabled {
    color: var(--text-light);
    border: 1px solid var(--text-light);
}

.checkout .cart-items ul li .quantity button.checkoutRemoveBtn {
    border: none;
    min-width: auto;
    margin-top: 0;
}

.checkout .cart-items ul li .quantity button.checkoutRemoveBtn img {
    width: 30px;
    height: auto;
}

.ticket-dropdown .ticket-list ul li:last-child,
.checkout .cart-items ul li:last-child {
    border-bottom: none;
}

.checkout .cart-items ul li .price {
    width: 25%;
    text-align: right;
    margin-inline-start: 10px;
}

.checkout {
    padding-top: var(--medium-spacing);
}

.checkout #msform {
    position: relative;
    margin-top: 20px;
}

.checkout #msform fieldset:not(:first-of-type) {
    display: none;
}

.checkout #msform .form-group {
    margin-bottom: 25px;
}

.checkout #msform .form-group iframe {
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
}

.checkout #msform label {
    display: block;
    font-size: var(--font-small);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 3px;
}

.checkout #msform .custom-control-label {
    font-size: var(--root-font);
    font-weight: var(--font-weight-normal);
    margin-bottom: 0;
    padding-inline-start: 30px;
}

.checkout #msform .custom-control-label a {
    color: var(--orange);
}

.checkout #msform .custom-checkbox.term-checkbox-wrapper {
    padding-left: 5rem;
    margin-top: 1rem;
}

@media (max-width: 1199px) {
    .checkout #msform .custom-checkbox.term-checkbox-wrapper {
        padding-left: 1.5rem;
    }
}

.checkout #msform .custom-checkbox.term-checkbox-wrapper .custom-control-label {
    color: #FFF;
}

.checkout .fs-title {
    margin-bottom: 30px;
}

.checkout .fs-title h3 {
    font-size: 26px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.checkout .cart-items .free-ticket-count-checkout {
    font-size: 1.25rem;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.checkout .cart-items .free-ticket-description {
    font-size: 12px;
    padding: 0.5rem 0;
    max-width: 550px;
    display: block;
}

.checkout .cart-items .free-ticket-count-checkout+ul {
    margin-top: 30px;
}

.checkout .fs-title p {
    margin-top: 5px;
}

.checkout #progressbar {
    margin-bottom: 50px;
    overflow: hidden;
    color: #AEC9E0;
    display: flex;
    justify-content: center;
}

.checkout #progressbar .active {
    color: var(--text-dark);
}

.checkout #progressbar li {
    list-style-type: none;
    font-size: 14px;
    font-weight: 500;
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
}

.checkout #progressbar #guest:before {
    font-family: 'icomoon';
    content: "\e93a";
}

.checkout #progressbar #cart:before {
    font-family: 'icomoon';
    content: "\e906";
}

.checkout #progressbar #payment:before {
    content: url(../images/resources/payment-method_blue.png);
    line-height: 62px;
}

.checkout #progressbar #payment.active:before {
    content: url(../images/resources/payment-method_white.png);
}

.checkout #progressbar #confirm:before {
    font-family: 'icomoon';
    content: "\e92b";
}

.checkout #progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 46px;
    display: block;
    font-size: 20px;
    color: var(--blue);
    background: #AEC9E0;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

.checkout #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #AEC9E0;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

.checkout #progressbar li.active:before,
.checkout #progressbar li.active:after {
    background: var(--blue);
    color: var(--white);
}

.checkout .signin-text {
    margin-top: 30px;
    text-align: center;
}

.checkout .signin-text a {
    color: var(--orange);
    font-weight: var(--font-weight-medium);
}

.checkout .guest-details .padding-right {
    padding-right: 30px;
}

@media (max-width: 767px) {
    .checkout .guest-details .padding-right {
        padding-right: 15px;
    }
}

.checkout .guest-details .padding-left {
    padding-left: 30px;
}

@media (max-width: 767px) {
    .checkout .guest-details .padding-left {
        padding-left: 15px;
    }
}

.checkout .guest-details .form-group {
    margin-bottom: 25px;
}

.checkout .guest-details .form-group label {
    display: inline-block;
    margin-bottom: 7px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.checkout .guest-details .form-group .nameprefix {
    display: flex;
    align-items: center;
}

.checkout .guest-details .form-group .nameprefix select {
    width: 100px;
}

.checkout .guest-details .form-group .nameprefix input {
    width: calc(100% - 110px);
    margin-inline-start: 10px;
}

.checkout .guest-details .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}

.checkout .raffle-dob {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.checkout .guest-details .checkbox-group {
    display: block;
    margin-bottom: 0;
    margin-top: 25px;
}

.checkout .guest-details .profile {
    margin-top: 0px;
    max-width: 100%;
}

.checkout .guest-details .form-group .select2-container {
    display: block;
    width: 100% !important;
}

.checkout .guest-details .form-group .select2-container .select2-selection--single {
    disable: block;
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    margin: 0;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.checkout .guest-details .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
    padding-right: 20px;
    line-height: 34px;
    color: #444;
}

.checkout .guest-details .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 34px;
    line-height: 44px;
    text-align: center;
}

.checkout .guest-details .form-group .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: url(../images/icons/dropdown-orange.svg);
}

.checkout .guest-details .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.checkout .guest-details .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.checkout .account-confirmation {
    margin-top: 40px;
    padding: 30px;
    text-align: center;
    background: #F5F8FB;
}

.checkout .account-confirmation p {
    font-size: 16px;
    max-width: 480px;
    margin: 0 auto 15px;
}

.checkout .account-confirmation h5 {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
}

.checkout .account-confirmation h6 {
    line-height: 24px;
    font-weight: var(--font-weight-medium);
}

.checkout .cart-items ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.checkout .cart-items ul li p {
    font-size: calc(var(--root-font) + 1px);
    font-weight: var(--font-weight-medium);
}

.checkout .cart-items ul li span {
    opacity: 0.7;
}

.checkout .cart-items ul li .price {
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

.checkout .cart-items ul li .price small {
    font-size: var(--font-extrasmall);
}

.checkout .cart-items .total-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

.checkout .cart-items .total-amount .price small {
    font-size: var(--font-extrasmall);
}

.checkout .promocode {
    margin-top: 40px;
    padding: 30px;
    background: #F5F8FB;
}

.checkout .promocode h6 {
    font-weight: var(--font-weight-medium);
}

.checkout .promocode .code {
    margin-top: 7px;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

.checkout .promocode .code a {
    color: var(--ornage);
    font-size: calc(var(--root-font) + 6px);
    margin-inline-start: 5px;
}

.checkout .promocode .btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    line-height: 22px;
    padding: 8px 10px;
    border-radius: 0 3px 3px 0;
    color: var(--white);
    background: var(--orange);
    width: 100px;
    margin-top: 0;
    height: 44px;
}

.checkout .promocode a {
    margin-top: 5px;
    position: relative;
    display: block;
    color: var(--orange);
}

.checkout .promocode small a {
    display: inline-block;
}

.checkout p.email-info {
    text-align: center;
    line-height: 26px;
    margin-top: 30px;
}

.checkout .savedcard-list ul {
    display: flex;
    align-items: center;
    margin: -8px;
}

.checkout .savedcard-list ul li {
    display: block;
    border-radius: 6px;
    margin: 8px;
    width: 150px;
    height: 150px;
    border: 1px solid #DDD;
}

.checkout .savedcard-list ul li a {
    display: flex;
    padding: 10px 15px;
    line-height: 30px;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-medium);
    color: var(--text-dark);
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.checkout .savedcard-list ul li a img {
    width: 40px;
    flex: 0 0 40px;
    margin-bottom: 10px;
}

.checkout .savedcard-list ul li a .ccard {
    background: url(../images/icons/credit-card-dark.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    background-position: center center;
    display: block;
    width: 41px;
    border-radius: 0;
    margin-bottom: 12px;
}

.checkout .savedcard-list ul li.current {
    background: var(--input-bg);
}

.checkout .savedcard-list ul li.current a {
    color: var(--white);
}

.checkout .savedcard-list ul li.current a .ccard {
    background: url(../images/icons/credit-card.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    background-position: center center;
    display: block;
    width: 41px;
    border-radius: 0;
    margin-bottom: 12px;
}

.checkout .addnew {
    margin-top: 20px;
}

.checkout .addnew a {
    font-weight: 600;
    color: var(--orange);
}

.checkout .addnew a i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background: var(--orange);
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    margin-inline-end: 4px;
}

.checkout .addnewcard {
    margin-top: 30px;
}

.checkout .btn {
    margin-top: 50px;
    text-align: center;
    min-width: 120px;
    float: left;
}

.checkout .addnewcard #payButtonParking {
    float: right;
}

@media (max-width: 576px) {
    .checkout .addnewcard #payButtonParking {
        float: none;
        width: 100%;
    }
}

.checkout .action-button {
    float: right;
}

.checkout .action-button-previous {
    float: left;
}

.parkentry-ticket {
    position: relative;
}

@media (min-width: 768px) {
    .parkentry-ticket-combo .row {
        flex-direction: row-reverse;
    }
}

.parkentry-ticket .combo-content {
    padding-top: var(--small-spacing);
}

.parkentry-ticket .combo-content:nth-child(1) {
    position: sticky;
    position: -webkit-sticky;
    top: 80px;
    z-index: 1;
    background: var(--white);
}

.parkentry-ticket .content p {
    font-size: var(--root-font);
}

.parkentry-ticket .content h5 {
    margin: 10px 0 20px;
    font-size: calc(var(--root-font) + 6px);
    color: var(--blue);
}

.parkentry-ticket .content ul li {
    display: block;
    position: relative;
    padding-inline-start: 20px;
    font-size: calc(var(--root-font) + 2px);
    margin-bottom: 3px;
}

.parkentry-ticket .content ul li:last-child {
    margin-bottom: 0;
}

.parkentry-ticket .content ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00AB4E;
}

.parkentry-ticket p.ticket-terms {
    margin-top: 20px;
    font-weight: var(--font-weight-semibold);
}

.parkentry-ticket p.ticket-terms a {
    color: var(--orange);
    text-decoration: underline;
}

.parkentry-ticket .addto-cart {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #DDD;
}

.parkentry-ticket .addto-cart .upgread-checkbox {
    position: relative;
    margin-top: 15px;
}

.parkentry-ticket .addto-cart .upgread-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.parkentry-ticket .addto-cart .upgread-checkbox label {
    position: relative;
    display: block;
    margin: 0;
    padding-inline-start: 1.875rem;
    font-weight: var(--font-weight-regular);
}

.parkentry-ticket .addto-cart .upgread-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 3px;
}

.parkentry-ticket .addto-cart .upgread-checkbox input:checked+label:before {
    background-color: var(--orange);
}

.parkentry-ticket .addto-cart .upgread-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.parkentry-ticket .addto-cart .form-group {
    margin: 0;
}

.parkentry-ticket .addto-cart label {
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 3px;
}

.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list li {
    align-items: start;
}

.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list label {
    margin-top: 0.5rem;
    font-size: calc(var(--font-small) + 1);
}

.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list label #currentPrice {
    font-size: 1.5rem;
}

.parkentry-ticket .addto-cart .container {
    padding: 0;
}

.parkentry-ticket .addto-cart .special_offer_page {
    margin-top: 20px;
}

.parkentry-ticket .addto-cart .special_offer_page .content {
    position: relative;
}

.parkentry-ticket .addto-cart .special_offer_page .content .total-price {
    position: relative;
    display: flex;
    position: relative;
    gap: 0.75rem;
    top: 7px;
    right: 0;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-bold);
}

.parkentry-ticket .addto-cart .special_offer_page .content .total-price .strike-price {
    opacity: 0.7;
}

.parkentry-ticket .addto-cart .special_offer_page .content button {
    width: 100%;
    height: 44px;
}

.parkentry-ticket .addto-cart .special_offer_page .content .total-price span {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
}

.parkentry-ticket .addto-cart .bottom .quantity {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    flex: 0 0 100%;
}

.parkentry-ticket .addto-cart .bottom .quantity input {
    width: 40px;
    text-align: center;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    border: none;
}

.parkentry-ticket .addto-cart .bottom .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 10px;
    text-align: center;
    color: var(--white);
    background: var(--orange);
    border: 1px solid var(--orange);
}

.parkentry-ticket .addto-cart .bottom .quantity button[disabled] {
    color: #666;
    background: #DDD;
    border: 2px solid #DDD;
}

.parkentry-ticket .addto-cart .total {
    margin-top: 10px;
}

.parkentry-ticket .addto-cart .general-ticket {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.parkentry-ticket .addto-cart .general-ticket b {
    font-size: calc(var(--root-font) + 4px);
}

.parkentry-ticket .addto-cart h6 {
    font-size: calc(var(--root-font) + 2px);
    color: var(--blue);
}

.parkentry-ticket .addto-cart .sold-pass {
    display: flex;
    align-items: center;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin-bottom: 15px;
}

.parkentry-ticket .addto-cart .sold-pass img {
    width: 70px;
    flex: 0 0 70px;
    margin-inline-end: 12px;
}

.parkentry-ticket .addto-cart .btn {
    margin-top: 10px;
}

.parkentry-ticket .addto-cart .ticket-dropdown .ticket-list {
    position: relative;
    top: 0;
}

.add-ons {
    padding-top: var(--large-spacing);
}

.add-ons .cardbox .cardbox-content h4 {
    white-space: normal;
    overflow: unset;
    text-overflow: unset;
}

.services-offered {
    padding-top: var(--large-spacing);
}

.services-offered .nav-tabs.offer-tab {
    margin: -8px;
    border-bottom: none;
}

.services-offered .nav-tabs.offer-tab li {
    width: calc(20% - 16px);
    flex: 0 0 calc(20% - 16px);
    margin: 8px;
    position: relative;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.services-offered .nav-tabs.offer-tab li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    min-height: 160px;
}

.services-offered .nav-tabs.offer-tab li a img {
    width: 80px;
    margin-bottom: 15px;
}

.services-offered .nav-tabs.offer-tab li a p {
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
}

.services-offered .nav-tabs .nav-item.show .nav-link,
.services-offered .nav-tabs .nav-link.active {
    color: var(--text-primary);
    background-color: var(--white);
    border-color: transparent;
}

.services-offered .tab-content {
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.services-offered .tab-content .all-list p {
    font-size: calc(var(--root-font) + 2px);
    margin-bottom: 20px;
}

.services-offered .tab-content .all-list .four-thumbnails .cardbox {
    box-shadow: none;
}

.services-offered .tab-content .all-list .four-thumbnails .cardbox .cardbox-image {
    height: 180px;
}

.services-offered .tab-content .all-list .four-thumbnails .cardbox .name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 40px;
    padding: 10px;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

.services-offered .tab-content .all-list .pager {
    text-align: center;
}

.services-offered .tab-content .all-list .pager .pager__item {
    padding: 0;
    display: block;
    font-size: initial;
}

.parkentry-ticket {
    padding-top: var(--small-spacing);
    padding-bottom: var(--small-spacing);
}

.parkentry-ticket .have-vippack {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #DDD;
    margin-bottom: 15px;
}

.parkentry-ticket .have-vippack h6 {
    font-size: calc(var(--root-font) + 2px);
    color: var(--blue);
}

.parkentry-ticket .have-vippack p {
    margin-top: 10px;
    margin-bottom: 6px;
}

.parkentry-ticket .have-vippack a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.parkentry-ticket .have-vippack a i {
    margin-inline-start: 3px;
    vertical-align: -1px;
}

.parkentry-ticket .have-vippack a.btn-theme-bordered:hover,
.parkentry-ticket .have-vippack a.btn-theme-bordered:focus {
    color: var(--white);
}

.parkentry-ticket .have-vippack .sold-pass {
    display: flex;
    align-items: center;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: 22px;
    margin-bottom: 15px;
}

.parkentry-ticket .have-vippack .sold-pass img {
    width: 70px;
    flex: 0 0 70px;
    margin-inline-end: 12px;
}

.parkentry-ticket .have-vippack .btn {
    margin-top: 20px;
}

.starting-text {
    padding-top: var(--medium-spacing);
    position: relative;
}

.starting-text h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}

.starting-text p {
    margin-bottom: 15px;
    font-size: calc(var(--root-font) + 2px);
}

.starting-text ul {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: var(--text-light);
}

.starting-text ul li {
    display: block;
    margin-inline-end: 30px;
}

.starting-text ul li img {
    margin-inline-end: 5px;
    width: 22px;
    vertical-align: middle;
}

.starting-text ul li:last-child {
    margin-inline-end: 0;
}

.starting-text a {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.starting-text a i {
    margin-inline-start: 3px;
    vertical-align: 0px;
    font-size: var(--font-extrasmall);
}

.starting-text a.btn {
    display: block;
    min-width: 140px;
    width: max-content;
    margin: 0 auto;
    color: var(--white) !important;
    font-weight: var(--font-weight-semibold);
}

.starting-text a:hover {
    color: var(--orange);
}

.starting-text p a {
    display: inline-block;
    margin-top: 0;
}

.starting-text.media-starting-text a {
    padding: 10px 20px;
    margin: 40px auto 0;
    min-width: 240px;
    max-width: max-content;
    display: block;
    text-align: center;
    font-size: var(--font-regular);
    color: var(--white);
    background: var(--orange);
    border-radius: 0.75rem;
    transition: all .25s ease-in-out;
    overflow: hidden;
    position: relative;
}

.starting-text.media-starting-text a::after {
    content: "";
    position: absolute;
    height: 155px;
    left: -75px;
    top: -50px;
    width: 50px;
    z-index: 0;
    opacity: 0.2;
    background: var(--white);
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.starting-text.media-starting-text a:hover::after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.breadcrumb-section {
    padding-top: var(--small-spacing);
}

.breadcrumb-section .breadcrumb {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    line-height: 18px;
    background: transparent;
    font-family: 'Poppins';
}

.breadcrumb-section .breadcrumb-item a {
    color: var(--text-dark);
    text-decoration: underline;
}

.breadcrumb-section .breadcrumb-item+.breadcrumb-item::before {
    color: var(--text-dark);
    content: ">";
}

.breadcrumb-section .breadcrumb-item.active {
    color: var(--text-dark);
}

.page-name {
    padding-top: var(--small-spacing);
    position: relative;
}

.page-name img.map-pattern {
    position: absolute;
    top: 40px;
    left: -20px;
    z-index: 0;
    width: 680px;
}

.page-node-type-retailer-list .page-name {
    padding-bottom: var(--small-spacing);
}

.page-name .page-name-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.page-name .page-name-content .left {
    display: flex;
    align-items: center;
}

.page-name .page-name-content .left .image {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
    border-radius: 50%;
    margin-inline-end: 20px;
}

.page-name .page-name-content .left .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    border-radius: 50%;
}

.page-name .page-name-content .left h1 {
    font-size: var(--primary-heading);
    color: var(--blue);
    margin-bottom: 7px;
}

.page-name .page-name-content.media-page-name-content .left h1 {
    font-size: 40px;
}

.page-name .page-name-content .fav-flag,
.page-name .page-name-content .route-flag {
    display: inline-block;
    margin-inline-start: 7px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    font-size: calc(var(--root-font) + 4px);
    color: #DBDADC;
    background: #FAFAFA;
}

.page-name .page-name-content .action-buttons div:first-child {
    margin-inline-start: 0;
}

.page-name .page-name-content .action-buttons .fav-flag.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.page-name .page-name-content .action-buttons .route-flag.blue-flag {
    color: #004A8F;
    background: #E5ECF4;
}

.our-highlights {
    padding-top: var(--large-spacing);
    position: relative;
}

.our-highlights .shows-vector-2 {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 0;
}

.our-highlights.show-featured {
    padding-bottom: var(--large-spacing);
}

.our-highlights .cardbox .cardbox-image.extra-hight {
    height: 260px;
}

.our-highlights .cardbox .name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 60px;
    padding: 10px;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
    line-height: 20px;
}

.our-highlights.store-heighlight .name {
    max-height: 110px;
}

.our-highlights.show-featured .cardbox .name {
    text-transform: uppercase;
    color: var(--blue);
}

.our-outlets {
    padding-top: var(--large-spacing);
    position: relative;
}

.our-outlets .our-outlet-slider .view-content,
.our-outlets .pavilion-product-list {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 2fr 1fr 1fr;
    margin: -8px;
}

@media (max-width: 991px) {

    .our-outlets .our-outlet-slider .view-content,
    .our-outlets .pavilion-product-list {
        display: block;
        grid-auto-flow: column;
        grid-template-columns: auto;
    }
}

.our-outlets .our-outlet-slider>div {
    display: none;
}

.our-outlets .our-outlet-slider>div:nth-child(1),
.our-outlets .our-outlet-slider>div:nth-child(2),
.our-outlets .our-outlet-slider>div:nth-child(3),
.our-outlets .our-outlet-slider>div:nth-child(4),
.our-outlets .our-outlet-slider>div:nth-child(5) {
    display: block;
}

.our-outlets .our-outlet-slider>div:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
}

.our-outlets .our-outlet-slider .cardbox.big-cell,
.our-outlets .our-outlet-slider .cardbox.small-cell {
    width: calc(100% - 16px);
    margin: 8px;
}

.our-outlets .our-outlet-slider .cardbox.big-cell .image {
    height: 486px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.our-outlets .our-outlet-slider .cardbox.big-cell .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.our-outlets .our-outlet-slider .cardbox.big-cell:hover .image img {
    transform: scale(1.1);
}

.our-outlets .our-outlet-slider .cardbox.small-cell .image {
    height: 205px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.our-outlets .our-outlet-slider .cardbox.small-cell .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.our-outlets .our-outlet-slider .cardbox.small-cell:hover .image img {
    transform: scale(1.1);
}

.our-outlets .our-outlet-slider .outlet-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 15px;
    z-index: 2;
    margin-bottom: 0;
    font-size: var(--root-font);
    color: var(--white);
    background: rgba(32, 41, 92, 0.9);
    transition: all 0.25s ease-in-out;
}

.our-outlets .our-outlet-slider .outlet-content .outlet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.our-outlets .our-outlet-slider .outlet-content .outlet-header .fav-flag {
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background: rgba(255, 255, 255, 0.5);
}

.our-outlets .our-outlet-slider .outlet-content .outlet-header .fav-flag.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.our-outlets .our-outlet-slider .outlet-content .outlet-header h5 {
    font-weight: var(--font-weight-semibold);
    width: calc(100% - 40px);
    flex: 0 0 calc(100% - 40px);
}

.our-outlets .our-outlet-slider .outlet-content .outlet-header h5 a {
    color: var(--white);
}

.our-outlets .our-outlet-slider .outlet-content .rating {
    margin-bottom: 15px;
    font-size: var(--font-regular);
}

.our-outlets .our-outlet-slider .outlet-content p {
    margin-top: 15px;
}

.our-outlets .our-outlet-slider .outlet-content p b {
    font-weight: var(--font-weight-semibold);
}

.our-outlets .our-outlet-slider .outlet-content p span {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 5px;
}

.our-outlets .our-outlet-slider .outlet-content p span i {
    vertical-align: middle;
    margin-inline-end: 5px;
}

.our-outlets .our-outlet-slider .cardbox:hover .outlet-content {
    display: block;
}

.our-outlets .name {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 10px;
    text-align: center;
    line-height: normal;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

.our-outlets .our-outlet-slider .view-content>div:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
}

.shows-events-offseason .show-events-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 15px;
    z-index: 2;
    margin-bottom: 0;
    font-size: var(--root-font);
    color: var(--white);
    background: rgba(32, 41, 92, 0.9);
    transition: all 0.25s ease-in-out;
}

.shows-events-offseason .show-events-content h5 {
    font-weight: var(--font-weight-semibold);
    text-align: center;
    margin-bottom: 15px;
}

.shows-events-offseason .cardbox:hover .show-events-content {
    display: block;
}

.all-outlets {
    position: relative;
    padding-top: var(--large-spacing);
}

.all-outlets .all-list .view-similar-rides-games-website-listing .view-content,
.all-outlets .all-list .views-infinite-scroll-content-wrapper,
.store-heighlight .view-store-highlights .view-content,
.view-retailer-shopping-list .views-infinite-scroll-content-wrapper,
.view-carnaval-skip-queues .view-content {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -15px -8px;
}

.all-outlets .all-list .view-similar-rides-games-website-listing .view-content .cardbox,
.all-outlets .all-list .views-infinite-scroll-content-wrapper .cardbox {
    width: calc(33.33% - 16px);
    margin: 15px 8px;
}

.all-outlets .all-list .view-similar-products,
.store-heighlight .view-store-highlights .view-content,
.view-carnaval-skip-queues .view-content {
    margin: -8px;
}

.all-outlets .all-list .view-all-shoppings .views-infinite-scroll-content-wrapper .cardbox,
.all-outlets .all-list .view-similar-products .views-infinite-scroll-content-wrapper .cardbox,
.store-heighlight .view-store-highlights .view-content .cardbox,
.view-retailer-shopping-list .views-infinite-scroll-content-wrapper .cardbox,
.view-carnaval-skip-queues .cardbox {
    width: calc(25% - 16px);
    margin: 8px;
}

.all-outlets .all-list .four-thumbnails .cardbox .name,
.all-outlets .all-list .view-all-shoppings .cardbox .name,
.all-outlets .all-list .view-similar-products .cardbox .name,
.all-outlets .store-heighlight .view-store-highlights .view-content .cardbox .name,
.all-outlets .view-retailer-shopping-list .views-infinite-scroll-content-wrapper .cardbox .name,
.view-carnaval-skip-queues .cardbox .name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 60px;
    max-height: 60px;
    padding: 10px;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li {
    width: 100%;
    flex: 0 0 100%;
}

.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li {
    display: none;
}

.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li:first-child {
    display: flex;
}

.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li .venue-location {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

.all-outlets .all-list .view-all-shows-and-concerts .cardbox .cardbox-content .points ul li .venue-time {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
}

.all-outlets .btn {
    margin-top: 30px;
}

.all-outlets .outlet-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 15px;
    z-index: 2;
    margin-bottom: 0;
    font-size: var(--root-font);
    color: var(--white);
    background: rgba(32, 41, 92, .9);
    transition: all .25s ease-in-out;
}

.all-outlets .outlet-content .outlet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.all-outlets .outlet-content .outlet-header .fav-flag {
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background: rgba(255, 255, 255, .5);
}

.all-outlets .outlet-content .outlet-header .fav-flag.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.all-outlets .outlet-content .outlet-header h5 {
    font-weight: var(--font-weight-semibold);
    width: calc(100% - 40px);
    flex: 0 0 calc(100% - 40px);
}

.all-outlets .outlet-content .outlet-header h5 a {
    color: var(--white);
}

.all-outlets .outlet-content .rating {
    margin-bottom: 15px;
    font-size: var(--font-regular);
}

.all-outlets .outlet-content p {
    margin-top: 15px;
}

.all-outlets .outlet-content p b {
    font-weight: var(--font-weight-semibold);
}

.all-outlets .outlet-content p span {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 5px;
}

.all-outlets .outlet-content p span i {
    vertical-align: middle;
    margin-inline-end: 5px;
}

.all-outlets .cardbox:hover .outlet-content {
    display: block;
}

.all-outlets .all-list .view-content .cardbox-image .countdown-timer {
    position: absolute;
    bottom: 12px;
    right: 12px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.todays-shows .cardbox .cardbox-image .countdown-timer b {
    margin-inline-start: 3px;
}

.all-outlets .all-list .view-content .cardbox-image .countdown-timer i {
    font-size: 20px;
    margin-inline-end: 3px;
    vertical-align: middle;
}

.all-outlets .view-all-shows-and-concerts .view-content .cardbox {
    margin: 8px;
}

.gallery {
    padding-top: var(--small-spacing);
    padding-bottom: var(--small-spacing);
    position: relative;
    overflow: hidden;
}

.gallery.off-season {
    padding-bottom: var(--large-spacing);
}

.gallery .product-gallery {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 2fr 1fr;
    margin: -5px;
}

@media (max-width: 991px) {
    .gallery .product-gallery {
        display: block;
        grid-auto-flow: column;
        grid-template-columns: auto;
    }
}

.gallery .product-gallery>div:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
}

.gallery .product-gallery>div {
    display: none;
}

.gallery .product-gallery>div:nth-child(1),
.gallery .product-gallery>div:nth-child(2),
.gallery .product-gallery>div:nth-child(3) {
    display: block;
}

.gallery .product-gallery .big-image {
    position: relative;
    width: calc(100% - 10px);
    margin: 5px;
}

.gallery .product-gallery .big-image .image {
    height: 490px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.gallery .product-gallery .big-image .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.gallery .product-gallery .big-image .countdown-timer {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.gallery .product-gallery .big-image .countdown-timer b {
    margin-inline-start: 3px;
}

.gallery .product-gallery .big-image .countdown-timer i {
    font-size: 20px;
    margin-inline-end: 3px;
    vertical-align: middle;
}

.gallery .product-gallery .big-image i.icon-gallery {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    font-size: 36px;
    color: var(--white);
    display: none;
}

.gallery .product-gallery .big-image .btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    border-radius: 0.75rem;
}

@media (max-width: 991px) {
    .gallery .product-gallery .big-image .btn {
        display: none;
    }

    .gallery .btn-mobile {
        position: absolute;
        z-index: 1;
        bottom: 20px;
        right: 40px;
    }
}

@media (min-width: 992px) {
    .gallery .btn-mobile {
        display: none;
    }
}

.gallery .product-gallery .big-image:hover .image span {
    transform: scale(1.1);
}

.gallery .product-gallery .small-image {
    width: 440px;
    height: 240px;
    margin: 5px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.gallery .product-gallery .small-image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.gallery .product-gallery .image:hover span,
.gallery .product-gallery .small-image:hover span {
    transform: scale(1.1);
}

.gallery .product-gallery .small-image .btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
}

.btngallery-mob {
    display: none;
}

.review {
    padding-top: var(--large-spacing);
}

.review .title .ajax-progress-throbber {
    display: none
}

.review .cardbox {
    margin: 8px;
    padding: 15px;
    min-height: 140px;
    max-height: 160px;
}

.review .cardbox p {
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: calc(100% - 52px);
}

.review .cardbox a {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 42px;
    text-align: right;
    margin-inline-start: 10px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.review .user-details {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
}

.review .user-details .user-name {
    display: flex;
    align-items: center;
}

.review .user-details .user-name .userpic {
    width: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 10px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 40px;
}

.review .user-details h6 {
    color: var(--text-primary);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review .user-details h6 small {
    display: block;
    color: var(--text-light);
    margin-top: 3px;
    letter-spacing: 0;
}

.review .user-details .rating span {
    color: var(--blue);
}

.filter {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: var(--white);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.filter .mobile-filter {
    display: none;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
}

.filter .mobile-filter:after {
    content: "\e939";
    font-family: 'icomoon';
    position: absolute;
    right: 175px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.filter .filter-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.filter .filter-items .form-group {
    position: relative;
    width: 200px;
    flex: 0 0 200px;
    margin-bottom: 0;
    padding: 0 15px;
    border-right: 1px solid #DDD;
}

.filter.shopping-filter .filter-items .form-group {
    width: 175px;
    flex: 0 0 175px;
}

.filter .filter-items .form-group .form-item {
    margin: 0;
}

.filter .filter-items .form-group:nth-child(1) {
    padding-inline-start: 0;
}

.filter .filter-items .form-group:nth-child(5) {
    width: 150px;
    flex: 0 0 150px;
}

.filter .filter-items label {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: var(--font-weight-medium);
}

.filter .filter-items select {
    padding: 0 16px 0 10px;
    margin: 0 -10px;
    height: auto;
    width: calc(100% + 10px);
    font-weight: var(--font-weight-bold);
    background: #FFF url(../images/icons/updownarrow.svg) no-repeat right 0 center/15px 15px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'Poppins';
}

.filter .filter-items select:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.filter .filter-items input.form-date {
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%;
    font-weight: var(--font-weight-bold);
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'Poppins';
}

.filter .filter-items .form--inline .form-actions {
    clear: left;
    margin: 0 0 0 15px;
    padding: 0;
}

.filter .filter-items input.form-submit {
    padding: 6px 20px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    background: transparent;
    border: 2px solid var(--orange);
    border-radius: 0.25rem;
    font-family: inherit;
}

.filter .search-form a#OpenSearch {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 20px;
}

.filter .search-form a:hover {
    color: var(--orange);
}

.filter .search-form .search-box {
    position: absolute;
    width: 220px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.filter .search-form .search-box input.form-text {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    background: var(--white);
    border-radius: 5px;
}

.filter .search-form .search-box .form-item {
    margin: 0;
}

.filter .search-form .search-box .form-item:after {
    display: none;
}

.filter .search-form a#CloseSearch {
    position: absolute;
    top: 13px;
    right: 10px;
    color: var(--orange);
}

.checkbox-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.checkbox-group .custom-control {
    padding-inline-start: 0;
    position: relative;
}

.checkbox-group .custom-control .form-item {
    margin: 0;
}

.checkbox-group .custom-control .form-item:after {
    display: none;
}

.checkbox-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox-group label {
    display: flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
    z-index: 0;
    line-height: 20px;
    padding-inline-start: 30px;
}

.checkbox-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.checkbox-group input:checked+label:before {
    background-color: var(--orange);
}

.checkbox-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-group .button,
.checkbox-group .button:hover {
    position: absolute;
    right: 15px;
    margin: 0;
    background: no-repeat;
    border: none;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    padding: 0;
    color: #f37021;
}

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

.js-pager__items .pager__item {
    padding: 0;
    display: block;
    font-size: var(--font-regular);
}

.special-events {
    padding-top: var(--large-spacing);
}

.special-events .cardbox .cardbox-image {
    height: 250px;
}

.special-events .cardbox h4 {
    margin-bottom: 0;
    color: var(--blue);
}

.special-events .cardbox small {
    margin-bottom: 0;
}

.popular-shows {
    padding-top: var(--large-spacing);
    position: relative;
}

.popular-shows .cardbox .cardbox-content h4 {
    color: var(--blue);
}

.all-shows {
    padding-top: var(--large-spacing);
}

.all-shows .cardbox .cardbox-content h4 {
    color: var(--blue);
}

.all-shows .btn {
    margin-top: 30px;
}

.promoted-events {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.promoted-events .content {
    text-align: center;
    color: var(--white);
}

.promoted-events .content h3 {
    font-size: var(--primary-heading);
    color: var(--yellow);
}

.promoted-events .content p {
    font-size: calc(var(--root-font) + 4px);
    margin-top: 15px;
}

.promoted-events .content .btn {
    margin-top: 40px;
    width: 220px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    padding: .5rem 2.5rem;
    color: var(--white);
    background: transparent;
    border: 2px solid var(--white);
}

.promoted-events .content .btn:hover {
    color: var(--text-primary);
    background: var(--white);
    border: 2px solid var(--white);
}

.promoted-events:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 41, 92, 0.6);
}

.promoted-banner .image {
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.promoted-banner .image span {
    display: flex;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.repley-feature {
    position: relative;
    padding-top: var(--medium-spacing);
}

.repley-feature .view-content {
    display: flex;
    align-items: center;
    margin: -8px;
}

.repley-feature .view-content .cardbox {
    margin: 8px;
}

.dining-features {
    padding-top: var(--medium-spacing);
}

.dining-features .cardbox {
    position: relative;
    cursor: pointer;
}

.dining-features .cardbox .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 25px;
    min-height: 200px;
}

.dining-features .cardbox .list img {
    width: 100px;
    margin-bottom: 20px;
}

.dining-features .cardbox .list p {
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
}

.dining-features .btn {
    margin-top: 30px;
}

.overview {
    position: relative;
    padding-top: var(--small-spacing);
}

.overview .overview-content p {
    font-size: calc(var(--root-font) + 1px);
    margin-bottom: 10px;
}

.overview .overview-content p a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.overview .overview-content p b.big-text {
    font-size: calc(var(--root-font) + 4px);
    color: var(--blue);
}

.overview .overview-content h5 {
    margin: 30px 0 10px;
    font-size: calc(var(--root-font) + 6px);
    color: var(--blue);
}

.overview .overview-content ul li {
    display: block;
    position: relative;
    padding-inline-start: 20px;
    font-size: calc(var(--root-font) + 2px);
    margin-bottom: 3px;
}

.overview .overview-content ul li:last-child {
    margin-bottom: 0;
}

.overview .overview-content ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00AB4E;
}

.overview .overview-content .points ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.overview .overview-content .points ul li {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%;
    margin-top: 20px;
    margin-bottom: 0;
    color: var(--text-light);
}

.overview .overview-content .points ul li img {
    width: 22px;
    flex: 0 0 22px;
    margin-inline-end: 5px;
}

.overview .overview-content .points.points-second ul li {
    width: 33.33%;
    flex: 0 0 33.33%;
}

.overview .overview-content .points.points-second ul li .venue-location {
    width: calc(50% - 20px);
    margin-inline-end: 20px;
}

.overview .overview-content .points.points-second ul li .venue-time {
    width: calc(50% - 20px);
}

.overview-content h5 {
    margin: 20px 0 10px;
    font-size: calc(var(--root-font) + 6px);
    color: var(--blue);
}

.overview .reserve-table {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #DDD;
}

.overview .kids-terms {
    font-size: calc(var(--root-font) + 1px);
    margin-bottom: 10px;
    margin-top: 20px;
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.page-node-type-shows-and-events .overview .overview-content .shows-category {
    padding-top: 30px;
}

.page-node-type-shows-and-events .overview .overview-content .shows-category h4 {
    font-size: 26px;
    font-weight: 700;
    color: var(--blue);
    margin-bottom: 10px;
}

.page-node-type-shows-and-events .overview .overview-content .shows-category .tag ul {
    display: flex;
    align-items: center;
}

.page-node-type-shows-and-events .overview .overview-content .shows-category .tag ul li {
    margin-inline-end: 20px;
}

.page-node-type-shows-and-events .overview .overview-content .shows-category .tag ul li:last-child {
    margin-inline-end: 0;
}

.reservation-number {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.reservation-number .btn {
    margin-top: 20px;
}

.overview .reserve-table h5 {
    font-size: calc(var(--root-font) + 6px);
    color: var(--blue);
    text-align: center;
    margin-bottom: 15px;
}

.overview .reserve-table h5 i {
    font-size: 44px;
    vertical-align: -8px;
    margin-inline-end: 3px;
    color: var(--blue);
}

.overview .reserve-table h4 {
    font-size: calc(var(--root-font) + 8px);
    color: var(--blue);
    margin-bottom: 10px;
}

.overview .reserve-table label {
    font-size: var(--font-small);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 3px;
}

.overview .reserve-table .gj-datepicker-bootstrap[role=right-icon] button,
.overview .reserve-table .gj-timepicker-bootstrap[role=right-icon] button {
    color: rgba(78, 73, 83, 0.3);
}

.overview .reserve-cabana-table h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--blue);
}

.overview .reserve-cabana-table form {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #DDD;
}

.overview .reserve-cabana-table form .form-group {
    margin-bottom: 20px;
}

.overview .reserve-cabana-table form .form-group label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
}

.overview .reserve-cabana-table form .form-group.choose-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overview .reserve-cabana-table form .form-group.choose-quantity .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    flex: 0 0 100px;
}

.overview .reserve-cabana-table form .form-group.choose-quantity .quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.overview .reserve-cabana-table form .form-group.choose-quantity .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 14px;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.overview .reserve-cabana-table form .form-group.display-date-time {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 20px 0;
    text-align: center;
}

.overview .reserve-cabana-table form .form-group.display-date-time .date-time-text {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-semibold);
    color: #2A2828;
}

.overview .reserve-cabana-table .vipMessage h6 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    color: var(--blue);
    background: #EEF0FD;
}

.overview .reserve-cabana-table .vipMessage p {
    font-size: 14px;
    margin-top: 15px;
}

.overview .buy-wonderpass-tickets {
    margin-top: 30px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #DDD;
}

.overview .buy-wonderpass-tickets h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--blue);
}

.overview .buy-wonderpass-tickets .buy-wonderpass-button {
    margin-top: 50px;
}

.overview .get-direction {
    margin-top: 30px;
}

.overview .get-direction a:hover,
.overview .get-direction a:focus {
    outline: none;
    box-shadow: none;
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.overview .fifa-match-timing {
    margin-top: 30px;
}

.overview .fifa-match-timing .table-responsive {
    max-height: 350px;
    overflow: auto;
}

.overview .fifa-match-timing .table-responsive .table {
    margin: 0;
}

.overview .fifa-match-timing thead {
    color: var(--blue);
    background: #F4F4F4;
}

.overview .fifa-match-timing tbody tr td {
    white-space: nowrap;
}

.overview .fifa-match-timing tbody tr td a {
    display: inline-block;
    margin-inline-start: 4px;
    color: var(--blue);
}

.overview .match-score a {
    color: var(--orange);
    text-decoration: underline;
}

.overview .floor-plan {
    margin-top: 30px;
}

.overview .floor-plan h4 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

.overview .floor-plan .listing {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -8px;
}

.overview .floor-plan .listing .list {
    width: calc(33.33% - 16px);
    height: 180px;
    margin: 8px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
}

.overview .floor-plan .listing .list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.overview img.fifa-1-vector {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: -1;
    width: 160px;
}

.overview img.fifa-2-vector {
    position: absolute;
    bottom: 70px;
    left: 0;
    z-index: 0;
}

.overview .check-availability h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--blue);
}

.overview .check-availability form {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #DDD;
}

.overview .check-availability form .form-group {
    margin-bottom: 20px;
}

.overview .check-availability form .form-group label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
}

.overview .check-availability form .form-group.choose-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overview .check-availability form .form-group.choose-quantity .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    flex: 0 0 100px;
}

.overview .check-availability form .form-group.choose-quantity .quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.overview .check-availability form .form-group.choose-quantity .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 14px;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.pavallion-associate {
    padding-top: 30px;
}

.pavallion-associate h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--blue);
}

.pavallion-associate ul li:not(:last-child) {
    margin-right: 0;
    margin-inline-end: 1rem;
}

.pavallion-associate ul li img {
    width: 24px;
    height: 24px;
}

.dining-menu {
    padding-top: var(--large-spacing);
    position: relative;
}

.dining-menu .menu-image {
    height: 220px;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
}

.dining-menu .menu-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.dining-menu .menu-image:hover img {
    transform: scale(1.1);
}

.menu-image img {
    width: 100%;
    height: auto;
}

.page-node-type-ramadan-majlis .dining-menu .four-thumbnails-arrow {
    margin: -8px;
}

.page-node-type-ramadan-majlis .dining-menu .four-thumbnails-arrow .menu-image {
    margin: 8px;
    height: 350px;
}

.special-offers {
    padding-top: var(--medium-spacing);
}

.special-offers .content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 8px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.special-offers .content .image {
    width: 300px;
    flex: 0 0 300px;
    height: 200px;
    overflow: hidden;
    border-radius: 3px;
    margin-inline-end: 20px;
}

.special-offers .content .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.special-offers .content .details {
    width: calc(100% - 320px);
    flex: 0 0 calc(100% - 320px);
}

.special-offers .content .details h4 {
    font-size: var(--section-header);
    color: var(--blue);
}

.special-offers .content .details p {
    margin-top: 10px;
}

.special-offers .content .details a {
    color: var(--orange);
    text-decoration: underline;
}

.similer-outlets {
    padding-top: var(--large-spacing);
    position: relative;
}

.imageoverly-content {
    position: relative;
    margin-top: 40px;
}

.imageoverly-content.fortravel-trade {
    padding-top: var(--medium-spacing);
}

.imageoverly-content.fortravel-trade .list .content h4 {
    margin-bottom: 10px;
}

.fortravel-trade.imageoverly-content .list .content p {
    margin-bottom: 5px;
}

.fortravel-trade.imageoverly-content .list .content p strong {
    display: block;
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.fortravel-trade.imageoverly-content .list .content ul {
    padding-inline-start: 20px;
    margin-top: 15px;
}

.fortravel-trade.imageoverly-content .list .content ul li {
    margin-bottom: 3px;
}

.fortravel-trade.imageoverly-content .list .content ul li:last-child {
    margin-bottom: 0;
}

.fortravel-trade.imageoverly-content .list .content a.showMore {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 20px;
    color: var(--orange);
    text-decoration: none;
}

.fortravel-trade.imageoverly-content .list .content a.showMore::after {
    content: '...View More';
}

.fortravel-trade.imageoverly-content .list .content a.showLess::after {
    content: 'View Less';
}

.fortravel-trade.imageoverly-content .list .content {
    height: 360px;
    overflow: auto;
}

.imageoverly-content .list {
    margin-bottom: 40px;
}

.imageoverly-content .list .image {
    height: 430px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.imageoverly-content .list .image .cycle {
    height: 100%;
    height: 100%;
    cursor: move;
}

.imageoverly-content .list .image span {
    display: none;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.imageoverly-content .list .image span:nth-child(2) {
    display: block;
}

.imageoverly-content.fortravel-trade .list .image span {
    display: block;
}

.imageoverly-content .list .image i {
    position: absolute;
    top: 15px;
    z-index: 1;
    font-size: 36px;
    color: var(--white);
}

.imageoverly-content .list .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 520px;
    min-height: 270px;
    padding: 30px;
    background: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.imageoverly-content .list .content h4 {
    font-size: calc(var(--root-font) + 0.5rem);
    color: var(--text-primary);
    margin-bottom: 10px;
}

.imageoverly-content .list .content p {
    margin-bottom: 0;
}

.imageoverly-content .list .content .suggested-duration {
    color: var(--text-light);
    margin-top: 20px;
}

.imageoverly-content .list .content .suggested-duration i {
    margin-inline-end: 5px;
    vertical-align: -3px;
    font-size: calc(var(--root-font) + 4px);
    color: var(--blue-icon);
}

.imageoverly-content .list .image.rightside i {
    right: 15px;
}

.imageoverly-content .list .image.leftside i {
    left: 15px;
}

.imageoverly-content .list .content.rightside {
    right: 20px;
}

.imageoverly-content .list .content.leftside {
    left: 20px;
}

.imageoverly-content .list:hover .image span {
    transform: scale(1.1);
}

.merchent-offers {
    padding-top: var(--large-spacing);
    position: relative;
}

.merchent-offers .offer-image {
    height: 220px;
    overflow: hidden;
    border-radius: 5px;
}

.merchent-offers .offer-image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.merchent-offers .offer-image:hover span {
    transform: scale(1.1);
}

.exclusivepack-benifits {
    margin-top: 40px;
}

.exclusivepack-benifits .content {
    padding: 20px;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F2F9FF;
}

.exclusivepack-benifits .content>div {
    display: flex;
    align-items: center;
}

.exclusivepack-benifits .content>div i {
    font-size: 44px;
    vertical-align: middle;
    margin-inline-end: 15px;
    color: var(--blue);
}

.exclusivepack-benifits .content>div h5 {
    font-size: calc(var(--root-font) + 6px);
    color: var(--blue);
    margin-bottom: 4px;
}

.exclusivepack-benifits .content>div p {
    font-size: calc(var(--root-font) + 2px);
    color: var(--text-primary);
}

.exclusivepack-benifits .content img {
    position: absolute;
    right: 30px;
    top: -10px;
    height: 96px;
}

.carnaval-logo {
    text-align: center;
    margin-top: -130px;
    z-index: 1;
    position: relative;
}

.carnaval-logo img {
    max-width: 650px;
    height: auto;
}

.carnaval-feature {
    padding-top: var(--medium-spacing);
    position: relative;
}

.carnaval-feature .view-content {
    display: flex;
    align-items: stretch;
    margin: -8px;
}

.carnaval-feature .view-content .cardbox {
    width: calc(33.33% - 16px);
    margin: 8px;
}

.external-links {
    padding-top: var(--large-spacing);
    padding-bottom: var(--large-spacing);
    position: relative;
    overflow: hidden;
}

.external-links .content {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 360px;
}

.external-links .content .ip-promo {
    width: 50%;
    height: 100%;
    padding: 20px;
    color: var(--white);
    background: #D7182A;
}

.external-links .content .ip-promo div {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 275px;
}

.external-links .content .rent-ride {
    width: 50%;
    height: 100%;
    padding: 20px;
    color: var(--white);
    background: #0075BE;
}

.external-links .content .rent-ride div {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 275px;
}

.external-links .content h4 {
    font-size: 35px;
    margin-bottom: 25px;
}

.external-links .content a.btn {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 30px;
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    border: 2px solid var(--white);
}

.our-outlets.ride-attraction-outlets .name {
    color: var(--blue);
}

.ride-attraction-all-outlets {
    padding-bottom: var(--large-spacing);
    position: relative;
    overflow: hidden;
}

.ride-attraction-all-outlets .cardbox .cardbox-content h4 {
    color: var(--blue);
}

.similer-rides {
    padding-bottom: var(--large-spacing);
    position: relative;
    overflow: hidden;
}

.similer-rides .view-content {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -8px;
}

.similer-rides .view-content .cardbox {
    width: calc(33.33% - 16px);
    margin: 8px;
    min-height: 435px;
}

.profile-banner {
    background: url(../images/resources/profile-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 550px;
    display: flex;
    align-items: end;
    text-align: center;
    padding: 20px 0 100px;
}

.profile-banner .user-details {
    position: relative;
}

.profile-banner .user-details .upload-image {
    position: absolute;
    top: 0;
    left: calc(50% + 46px);
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    z-index: 1;
    color: var(--orange);
    background: #FCDAC5;
}

.profile-banner .user-details .upload-image input {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.profile-banner .user-details .user-image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 5px solid var(--white);
}

.profile-banner .user-details .user-image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.profile-banner .user-details h1 {
    font-size: var(--primary-heading);
    color: var(--white);
    margin-top: 45px;
}

.profile-banner .user-details .silver-member,
.profile-banner .user-details .gold-member,
.profile-banner .user-details .platinum-member,
.profile-banner .user-details .diamond-member,
.profile-banner .user-details .private-member,
.profile-banner .user-details .complementary-member,
.profile-banner .user-details .mini-member {
    font-size: calc(var(--root-font) + 8px);
    font-weight: var(--font-weight-bold);
    width: max-content;
    padding: 7px 15px;
    margin: 10px auto 20px;
    border-radius: 5px;
}

.profile-banner .user-details .silver-member {
    color: #7A7B7F;
    background: #DEE0E8;
}

.profile-banner .user-details .gold-member {
    color: #CBA334;
    background: #F9F0D8;
}

.profile-banner .user-details .platinum-member {
    color: #151F33;
    background: #E5EDFF;
}

.profile-banner .user-details .diamond-member {
    color: #5B5B5C;
    background: #E4E4E4;
}

.profile-banner .user-details .private-member {
    color: #020202;
    background: #E6E6E6;
}

.profile-banner .user-details .complementary-member {
    color: #DC8029;
    background: #ffe7da;
}

.profile-banner .user-details .mini-member {
    color: #2D8DBC;
    background: #F0FAFF;
}

.profile-banner .user-details .btn {
    margin-top: 15px;
}

.profile {
    position: relative;
    max-width: 1050px;
    margin: -36px auto 0;
}

.profile .profile-section {
    width: 100%;
    margin: 0 auto;
}

.profile .nav-tabs.profile-tabs {
    border-radius: 5px;
    background: var(--white);
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    .profile .nav-tabs.profile-tabs {
        position: -webkit-sticky;
        position: sticky;
        top: 81px;
        z-index: 1019;
    }
}

.profile .nav-tabs.profile-tabs .nav-item {
    width: 33.33%;
    flex: 0 0 33.33%;
    text-align: center;
}

.profile .nav-tabs.profile-tabs .nav-item .nav-link {
    padding: 10px 20px;
    margin: 10px 0;
    font-size: calc(var(--root-font) + 6px);
    border-radius: 0;
    color: var(--text-dark);
    border: none;
    border-inline-end: 1px solid rgb(79, 74, 84, 0.2)
}

.profile .nav-tabs.profile-tabs .nav-item:last-child .nav-link {
    border-right: none;
}

.profile .nav-tabs.profile-tabs .nav-item .nav-link.active {
    font-weight: var(--font-weight-bold);
    color: var(--orange);
    background-color: transparent;
}

.profile .tab-content {
    position: relative;
}

/* VIP user color changes*/
.profile .nav-tabs.profile-tabs .nav-item {
    border-bottom: 3px solid transparent;
}

.profile .nav-tabs.profile-tabs .nav-item.active {
    border-bottom: 3px solid var(--orange);
}

.profile.silver .nav-tabs.profile-tabs {
    background: #E3F9DD;
}

.profile.gold .nav-tabs.profile-tabs {
    background: #EFEFEF;
}

.profile.platinum .nav-tabs.profile-tabs {
    background: #E7F2F9;
}

.profile.complimentary .nav-tabs.profile-tabs {
    background: #E3F9DD;
}

.profile.private .nav-tabs.profile-tabs {
    background: #FFE8E9;
}

.profile.diamond .nav-tabs.profile-tabs {
    background: #F0F0F0;
}

.profile .card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 5px !important;
    margin-top: 60px;
    overflow: unset;
}

.profile .card .card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    border-radius: 5px;
    color: var(--blue);
    background-color: rgba(0, 117, 190, 0.05);
    border-bottom: none;
}

.profile .card .card-header span {
    cursor: pointer;
}

.profile .card .card-header a {
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.profile .card .card-header a.btn:hover,
.profile .card .card-header a.btn:focus {
    color: var(--white);
}

.profile .card .card-body {
    min-height: 90px;
}

.profile .card .card-body.single-list {
    display: flex;
    align-items: center;
}

.profile .my-purchase ul.list {
    width: 100%;
}

.profile .my-purchase ul.list li {
    display: flex;
    align-items: flex-start;
    padding: 25px 20px;
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
    font-size: var(--root-font);
}

.profile .my-purchase ul.list li .left-side {
    width: 150px;
    flex: 0 0 150px;
}

.profile .my-purchase ul.list li .left-side label {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}

.profile .my-purchase ul.list li .right-side {
    width: calc(100% - 150px);
}

.profile .my-purchase ul.list li .right-side a.view {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.profile .my-purchase ul.list li .right-side a.view i {
    vertical-align: middle;
    margin-inline-start: 3px;
    font-size: var(--font-extrasmall);
}

.profile .my-purchase ul.list li .right-side a.addtofavourite {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    color: #D7182A;
    background: #FBE7E9;
}

.profile .my-purchase ul.list li .right-side .car-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.profile .my-purchase ul.list li .right-side a {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.profile .my-purchase ul.list li .right-side a.change-car i {
    vertical-align: middle;
    font-size: 18px;
    margin-inline-start: 3px;
}

.profile .my-purchase ul.list li .right-side a.add-car i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    margin-inline-end: 4px;
    background: var(--orange);
    color: var(--white);
}

.profile .my-purchase ul.list li .right-side.multi-column {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.profile .my-purchase ul.list li .right-side.multi-column a {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-inline-start: 20px;
}

.profile .my-purchase ul.list li .right-side.offer-slider {
    width: calc(100% - 210px);
    flex: 0 0 calc(100% - 210px);
}

.profile .my-purchase ul.list li:last-child {
    border-bottom: none;
}

.profile .my-purchase .my-wonderpass {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -12px -12px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count {
    margin: 12px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    color: rgba(78, 73, 83, 0.5);
    margin-bottom: 10px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title span {
    float: left;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title .btn {
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    font-size: 20px;
    float: right;
}

.profile .my-purchase .my-wonderpass .wonderpass-count.disabled .wonderpass-title .btn {
    pointer-events: none;
    opacity: 0.5;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .wonderpass-title .btn:hover {
    color: var(--ornage);
    background: transparent;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    width: 340px;
    height: 230px;
    padding: 10px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general {
    background: url(../images/resources/general-wonderpass.jpg);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private {
    background: #5d2940;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini {
    background: #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold {
    background: #000000;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond {
    background: #353535;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus {
    background: #00496D;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary {
    background: #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-inline-end: 10px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top h5 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .top h5 {
    padding: 6px 12px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top a {
    display: block;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top a img {
    width: 26px;
    vertical-align: middle;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle {
    border-radius: 7px;
    padding: 10px;
    background: var(--white);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .middle {
    color: #7f337b;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private .middle {
    color: #5d2940;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver .middle,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini.pack {
    color: #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold .middle {
    color: #000000;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond .middle {
    color: #353535;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum .middle,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle {
    color: #00496D;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary .middle {
    color: #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div:last-child {
    margin-bottom: 0;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div h6 {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-semibold);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div a {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .middle>div a {
    color: #7f337b;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private .middle>div a {
    color: #5d2940;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver .middle>div a,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini .middle>div a,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div a {
    color: #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold .middle>div a {
    color: #000000;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond .middle>div a {
    color: #353535;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum .middle>div a,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div a {
    color: #00496D;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div a {
    color: #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list {
    width: 33.33%;
    padding: 0 3px;
    margin: 0 3px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general .middle>div .list {
    border-inline-end: 1px solid #7f337b;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.private .middle>div .list {
    border-inline-end: 1px solid #5d2940;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.silver .middle>div .list,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini .middle>div .list,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div .list {
    border-inline-end: 1px solid #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.gold .middle>div .list {
    border-inline-end: 1px solid #000000;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.diamond .middle>div .list {
    border-inline-end: 1px solid #353535;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum .middle>div .list,
.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div .list {
    border-inline-end: 1px solid #00496D;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div .list {
    border-inline-end: 1px solid #8DAE83;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list:first-child {
    padding-inline-start: 0;
    margin-inline-start: 0;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list:last-child {
    border-inline-end: none;
    padding-inline-end: 0;
    margin-inline-end: 0;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list label {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    line-height: 14px;
    height: 28px;
    margin-bottom: 10px;
    display: block;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 {
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 small {
    font-size: calc(var(--root-font) - 2px);
    opacity: 0.5;
    display: inline-block;
    margin-inline-start: 5px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-top: 15px;
    padding: 0;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .bottom a {
    font-size: calc(var(--root-font) - 4px);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: rgba(256, 256, 256, 0.2);
    padding: 6px 15px;
    border-radius: 4px;
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details.general-wonderpass .bottom a {
    padding: 5px 10px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.15);
}

.profile .my-purchase .my-wonderpass .wonderpass-count .card-details .bottom a img {
    width: 15px;
    vertical-align: -2px;
    margin-inline-end: 2px;
}

.profile .my-purchase .my-tickets {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px;
}

.profile .my-purchase .my-tickets .ticket-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 130px;
    padding: 15px;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profile .my-purchase .my-tickets .ticket-count img {
    margin-bottom: 10px;
}

.profile .my-purchase .my-tickets .ticket-count h5 {
    margin-bottom: 10px;
    font-weight: var(--font-weight-semibold);
}

.profile .my-purchase .my-tickets .ticket-count a {
    color: var(--orange);
    margin-bottom: 10px;
    font-weight: var(--font-weight-semibold);
}

.profile .my-purchase .my-tickets .ticket-count p {
    font-weight: 700;
}

.profile .my-purchase .my-tickets .ticket-count span {
    font-size: calc(var(--root-font) - 2px);
    font-weight: 600;
    color: rgba(78, 73, 83, 0.4);
}

.profile .my-purchase .complementary-offer {
    margin: 8px;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profile .my-purchase .complementary-offer img {
    margin: 0 auto;
}

.profile .my-purchase .complementary-offer h6 {
    font-size: var(--root-font);
    margin: 20px 0 10px;
}

.profile .my-purchase .complementary-offer p {
    font-size: calc(var(--root-font) - 2px);
}

.profile .my-purchase .complementary-offer span {
    display: block;
    margin-top: 7px;
    font-size: calc(var(--root-font) - 2px);
    color: var(--text-light);
}

.profile .my-purchase .complementary-offer span a {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.profile .my-purchase .table {
    font-family: inherit;
    font-size: var(--root-font);
}

.profile .my-purchase .table thead th {
    text-transform: uppercase;
    padding: 1.25rem 20px 0.5rem;
    color: var(--text-primary);
    background: var(--white);
    border-top: none;
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .my-purchase .table tbody td,
.profile .my-purchase .table tbody th {
    white-space: nowrap;
    vertical-align: middle;
    padding: 1.25rem 20px;
    text-align: left;
    background: var(--white);
    border: none;
    border-top: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .my-purchase .table tbody td:nth-child(2) {
    white-space: normal;
}

.profile .my-purchase .raffeldraw-offers p {
    margin-bottom: 1.5rem;
}

.profile .my-purchase .raffeldraw-offers h5 {
    font-size: var(--root-font);
    font-weight: var(--font-weight-bold);
    margin-bottom: 10px;
    color: var(--blue);
}

.profile .my-purchase .raffeldraw-offers .offers {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -10px;
}

.profile .my-purchase .raffeldraw-offers .list {
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    padding: 12px;
    margin: 10px;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    position: relative;
}

@media (max-width: 767px) {
    .profile .my-purchase .raffeldraw-offers .list {
        width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }
}

.profile .my-purchase .raffeldraw-offers .list .user-delete-offer {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
}

.profile .my-purchase .raffeldraw-offers .list:last-child {
    margin-bottom: 0;
}

.profile .my-purchase .raffeldraw-offers .list .image {
    margin-inline-end: 15px;
}

.profile .my-purchase .raffeldraw-offers .list .image img {
    width: 50px;
    height: 50px;
}

.profile .my-purchase .raffeldraw-offers .list .description {
    width: 100%;
    flex: 1;
}

.profile .my-purchase .raffeldraw-offers .list .description h6 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-medium);
    margin-bottom: 4px;
}

.profile .my-purchase .raffeldraw-offers .list .description p {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    margin-bottom: 2px;
}

.profile .my-purchase .raffeldraw-offers .list .description span {
    display: block;
    font-size: calc(var(--root-font) - 2px);
    color: var(--text-light);
}

.profile .my-purchase .raffeldraw-offers .list .apply-now {
    margin-inline-start: 15px;
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    color: var(--orange);
}

.profile .my-purchase .raffeldraw-offers .list .apply-now a {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    height: auto;
    font-size: 14px;
    color: var(--orange);
    text-align: center;
    line-height: initial;
    z-index: 1;
}

.purchase-history {
    padding-top: var(--large-spacing);
}

.purchase-history .card {
    border: none;
    border-radius: 5px !important;
    overflow: unset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.purchase-history .card .card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    border-radius: 5px;
    color: var(--blue);
    background-color: rgba(0, 117, 190, 0.05);
    border-bottom: none;
}

@media (max-width: 767px) {
    .purchase-history .card .card-header {
        padding: 20px 15px;
        font-size: calc(var(--root-font) + 2px);
    }
}

.purchase-history .table {
    font-family: inherit;
    font-size: var(--root-font);
}

.purchase-history .table thead th {
    text-transform: uppercase;
    padding: 1.25rem 20px 0.5rem;
    color: var(--text-primary);
    background: var(--white);
    border-top: none;
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.purchase-history .table tbody td,
.purchase-history .table .table tbody th {
    white-space: nowrap;
    vertical-align: middle;
    padding: 1.25rem 20px;
    background: var(--white);
    border: none;
    border-top: 1px solid rgba(78, 73, 83, 0.2);
}

.purchase-history .table tbody td:nth-child(2) {
    white-space: wrap;
}

.purchase-history .table thead th:nth-child(4),
.purchase-history .table tbody td:nth-child(4) {
    text-align: end !important;
}

#cart_raffle_wonderpass .modal-dialog {
    max-width: 800px;
}

@media (max-width: 992px) {
    #cart_raffle_wonderpass .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 575px) {
    #cart_raffle_wonderpass .modal-dialog {
        max-width: 400px;
    }
}

#cart_raffle_wonderpass .modal-content {
    background: var(--white);
    padding: 20px;
}

#cart_raffle_wonderpass .modal-content .modal-header .modal-title {
    text-align: center;
    display: block;
    width: 100%;
}

#cart_raffle_wonderpass .modal-content a.cross {
    font-size: 14px;
    z-index: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 31px;
    color: var(--white);
    background: var(--orange);
}

#cart_raffle_wonderpass .my-wonderpass {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    margin: 0 -12px -12px;
    justify-content: center;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count {
    margin: 12px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    color: rgba(78, 73, 83, 0.5);
    margin-bottom: 10px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title span {
    float: left;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title .btn {
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    font-size: 20px;
    float: right;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .wonderpass-title .btn:hover {
    color: var(--ornage);
    background: transparent;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    width: 340px;
    height: 230px;
    padding: 10px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details:hover {
    cursor: pointer;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count.active .card-details {
    box-shadow: 0px 0px 10px rgb(0 0 0);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general {
    background: url(../images/resources/general-wonderpass.jpg);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private {
    background: #691932;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini {
    background: #009CA8;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold {
    background: #A5772A;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond {
    background: #333230;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus {
    background: #151642;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary {
    background: #141416;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-inline-end: 10px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top h5 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general-wonderpass .top h5 {
    padding: 6px 12px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top a {
    display: block;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .top a img {
    width: 26px;
    vertical-align: middle;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle {
    border-radius: 7px;
    padding: 10px;
    background: var(--white);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .middle {
    color: #7f337b;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private .middle {
    color: #691932;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver .middle,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini.pack {
    color: #009CA8;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold .middle {
    color: #A5772A;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond .middle {
    color: #333230;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum .middle,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle {
    color: #151642;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary .middle {
    color: #141416;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div:last-child {
    margin-bottom: 0;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div h6 {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-semibold);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div a {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .middle>div a {
    color: #7f337b;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private .middle>div a {
    color: #691932;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver .middle>div a,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini .middle>div a,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div a {
    color: #009CA8;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold .middle>div a {
    color: #A5772A;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond .middle>div a {
    color: #333230;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum .middle>div a,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div a {
    color: #151642;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div a {
    color: #141416;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list {
    width: 33.33%;
    padding: 0 3px;
    margin: 0 3px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .middle>div .list {
    border-inline-end: 1px solid #7f337b;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.private .middle>div .list {
    border-inline-end: 1px solid #691932;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.silver .middle>div .list,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini .middle>div .list,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.mini.pack .middle>div .list {
    border-inline-end: 1px solid #009CA8;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.gold .middle>div .list {
    border-inline-end: 1px solid #A5772A;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.diamond .middle>div .list {
    border-inline-end: 1px solid #333230;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum .middle>div .list,
#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.platinum.plus .middle>div .list {
    border-inline-end: 1px solid #151642;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.complimentary .middle>div .list {
    border-inline-end: 1px solid #141416;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list:first-child {
    padding-inline-start: 0;
    margin-inline-start: 0;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list:last-child {
    border-inline-end: none;
    padding-inline-end: 0;
    margin-inline-end: 0;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list label {
    font-size: calc(var(--root-font) - 2px);
    font-weight: var(--font-weight-medium);
    line-height: 14px;
    height: 28px;
    margin-bottom: 10px;
    display: block;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 {
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .middle>div .list h5 small {
    font-size: calc(var(--root-font) - 2px);
    opacity: 0.5;
    display: inline-block;
    margin-inline-start: 5px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    margin-top: 15px;
    padding: 0 50px 0 15px;
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .bottom a {
    font-size: calc(var(--root-font) - 4px);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details.general .bottom a {
    padding: 7px 12px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.15);
}

#cart_raffle_wonderpass .my-wonderpass .wonderpass-count .card-details .bottom a img {
    width: 15px;
    vertical-align: -2px;
    margin-inline-end: 2px;
}

.profile .my-purchase .cabana-booking,
.profile .my-purchase .fifa-match-booking {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #DDD;
}

.profile .my-purchase .cabana-booking:last-child,
.profile .my-purchase .fifa-match-booking:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.profile .my-purchase .cabana-booking .left,
.profile .my-purchase .fifa-match-booking .left {
    width: calc(100% - 320px);
    flex: 0 0 calc(100% - 320px);
}

@media (max-width: 767px) {

    .profile .my-purchase .cabana-booking .left,
    .profile .my-purchase .fifa-match-booking .left {
        width: 100%;
        flex: 0 0 100%;
    }
}

.profile .my-purchase .cabana-booking .left h4,
.profile .my-purchase .fifa-match-booking .left h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--blue);
}

.profile .my-purchase .cabana-booking .start-date,
.profile .my-purchase .fifa-match-booking .start-date {
    margin-bottom: 15px;
}

.profile .my-purchase .cabana-booking .end-date,
.profile .my-purchase .fifa-match-booking .end-date {
    margin-bottom: 20px;
}

.profile .my-purchase .cabana-booking .start-date label,
.profile .my-purchase .cabana-booking .end-date label,
.profile .my-purchase .fifa-match-booking .start-date label,
.profile .my-purchase .fifa-match-booking .end-date label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2px;
    color: #A5A5A5;
}

.profile .my-purchase .cabana-booking .start-date span,
.profile .my-purchase .cabana-booking .end-date span,
.profile .my-purchase .fifa-match-booking .start-date span,
.profile .my-purchase .fifa-match-booking .end-date span {
    font-size: 18px;
    font-weight: 700;
}

.profile .my-purchase .cabana-booking button,
.profile .my-purchase .fifa-match-booking button {
    width: 250px;
}

.profile .my-purchase .cabana-booking .note,
.profile .my-purchase .fifa-match-booking .note {
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    font-size: 14px;
}

.profile .my-purchase .cabana-booking .note b,
.profile .my-purchase .fifa-match-booking .note b {
    margin-inline-end: 3px;
}

.profile .my-purchase .cabana-booking .majlis-terms-link {
    margin-top: -25px;
}

.profile .my-purchase .cabana-booking .majlis-terms-link a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--orange);
}

@media (max-width: 767px) {
    .profile .my-purchase .cabana-booking .majlis-terms-link {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }
}

.profile .my-purchase .cabana-booking .cabana-terms-link {
    margin-top: -30px;
}

@media (max-width: 1080px) {
    .profile .my-purchase .cabana-booking .cabana-terms-link {
        margin-top: -10px;
    }
}

@media (max-width: 767px) {
    .profile .my-purchase .cabana-booking .cabana-terms-link {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }
}

.profile .my-purchase .cabana-booking .cabana-terms-link a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--orange);
}

.profile .my-purchase .cabana-booking .right,
.profile .my-purchase .fifa-match-booking .right {
    width: 300px;
    flex: 0 0 300px;
    text-align: center;
    margin-inline-start: 1.25rem;
}

@media (max-width: 767px) {

    .profile .my-purchase .cabana-booking .right,
    .profile .my-purchase .fifa-match-booking .right {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 15px;
        margin-inline-start: 0;
    }
}

.profile .my-purchase .cabana-booking .right p,
.profile .my-purchase .fifa-match-booking .right p {
    font-size: 14px;
    color: var(--text-light);
}

.profile .my-purchase .cabana-booking .right img,
.profile .my-purchase .fifa-match-booking .right img {
    width: 220px;
    height: auto;
}

.profile .my-purchase .cabana-booking .right span,
.profile .my-purchase .fifa-match-booking .right span {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
}

@media (max-width: 576px) {

    .profile .my-purchase .cabana-booking,
    .profile .my-purchase .fifa-match-booking {
        flex-direction: column;
        align-items: flex-start;
    }

    .profile .my-purchase .cabana-booking .left h4,
    .profile .my-purchase .fifa-match-booking .left h4 {
        font-size: 18px;
        font-weight: 700;
    }

    .profile .my-purchase .cabana-booking .start-date span,
    .profile .my-purchase .cabana-booking .end-date span,
    .profile .my-purchase .fifa-match-booking .start-date span,
    .profile .my-purchase .fifa-match-booking .end-date span {
        font-size: 16px;
    }

    .profile .my-purchase .cabana-booking .note,
    .profile .my-purchase .fifa-match-booking .note {
        font-size: 12px;
    }

    .profile .my-purchase .cabana-booking .note br,
    .profile .my-purchase .fifa-match-booking .note br {
        display: none;
    }
}

.profile .ticket-help {
    width: 720px;
    margin: 60px auto 0;
    text-align: center;
}

.profile .ticket-help h6 {
    font-size: calc(var(--root-font) + 2px);
    margin-bottom: 3px;
}

.profile .ticket-help p {
    font-size: calc(var(--root-font) + 3px);
}

.profile .ticket-help p a {
    color: var(--orange);
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
}

.profile .favourites-routes .favourites h5 {
    padding-inline-start: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: calc(var(--root-font) + 2px);
    text-transform: uppercase;
    color: var(--blue);
}

.profile .favourites-routes .favourites ul.list li {
    display: block;
    padding: 15px 20px;
    font-size: var(--root-font);
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .favourites-routes .favourites ul.list li label {
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.profile .favourites-routes .favourites ul.list li a.view {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    display: flex;
    align-items: center;
}

.profile .favourites-routes .favourites ul.list li a.view i {
    vertical-align: middle;
    font-size: var(--font-extrasmall);
    margin-inline-start: 3px;
}

.profile .favourites-routes .favourites ul.list li .fav-flag {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    color: #DBDADC;
    background: #FAFAFA;
}

.profile .favourites-routes .favourites ul.list li .fav-flag.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.profile .favourites-routes .favourites ul.list li p {
    font-size: calc(var(--root-font) + 1px);
}

.profile .favourites-routes .favourites ul.list li p a {
    font-weight: var(--font-weight-medium);
    color: var(--orange);
}

.profile .favourites-routes .favourites ul.list li:first-child {
    border-top: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .favourites-routes .favourites:last-child ul.list li:last-child {
    border-bottom: none;
}

.profile .favourites-routes .routes img {
    width: 100%;
    margin-bottom: 30px;
}

.profile .favourites-routes .routes h5 {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: calc(var(--root-font) + 2px);
}

.profile .favourites-routes .routes ul.list li {
    display: block;
    padding: 15px 0;
    font-size: var(--root-font);
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .favourites-routes .routes ul.list li label {
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.profile .favourites-routes .routes ul.list li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: var(--orange);
}

.profile .favourites-routes .routes ul.list li a:last-child {
    font-size: 18px;
}

.profile .favourites-routes .routes ul.list li:first-child {
    border-top: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .favourites-routes .routes:last-child ul.list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#profile .intro-text {
    margin: 30px 0 40px;
}

#profile .intro-text p {
    font-size: calc(var(--root-font) + 2px);
    margin-bottom: 0;
}

#profile .details-tabs {
    margin: -5px;
    border-bottom: none;
}

@media (max-width: 767px) {
    #profile .details-tabs {
        position: -webkit-sticky;
        position: sticky;
        top: 145px;
        z-index: 1018;
    }
}

@media (max-width: 576px) {
    #profile .details-tabs {
        margin: -3px;
    }
}

#profile .details-tabs .nav-item {
    margin: 5px;
    width: calc(33.33% - 10px);
    flex: 0 0 calc(33.33% - 10px);
}

@media (max-width: 576px) {
    #profile .details-tabs .nav-item {
        margin: 3px;
        width: auto;
        flex: 1;
    }
}

#profile .details-tabs .nav-item .nav-link {
    height: 60px;
    line-height: 44px;
    font-size: var(--medium-font);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    border-radius: 0.25rem;
    background: #F5F5F5;
    border: none;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 576px) {
    #profile .details-tabs .nav-item .nav-link {
        height: 40px;
        line-height: 24px;
        font-size: 12px;
    }
}

#profile .details-tabs .nav-item .nav-link.active {
    color: var(--white);
    background-color: var(--blue);
    border-color: transparent;
}

.profile .my-profile ul.personal-details {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid rgba(32, 41, 92, 0.5);
}

.profile .my-profile ul.personal-details:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.profile .my-profile ul.personal-details li {
    display: flex;
    align-items: center;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 2px);
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

@media (max-width: 576px) {
    .profile .my-profile ul.personal-details li {
        padding: 15px;
    }
}

.profile .my-profile ul.personal-details li label {
    width: 250px;
    flex: 0 0 250px;
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
}

.profile .my-profile ul.personal-details li div {
    flex: 1;
}

.profile .my-profile ul.personal-details li a {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.profile .my-profile ul.personal-details li:last-child {
    border-bottom: none;
}

.profile .my-profile ul.personal-details li .action-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.profile .my-profile .delete-account {
    text-align: end;
    margin-top: 40px;
}

.profile .my-profile .delete-account a {
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: #FF4F5D;
    padding: 10px 20px;
    border-radius: 0.75rem;
    display: block;
    width: fit-content;
    margin-inline-start: auto;
    overflow: hidden;
    position: relative;
}

.profile .my-profile .delete-account a::after {
    content: "";
    position: absolute;
    height: 155px;
    left: -75px;
    top: -50px;
    width: 50px;
    z-index: 0;
    opacity: 0.2;
    background: var(--white);
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.profile .my-profile .delete-account a:hover::after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.profile .my-profile .no-family-available {
    padding: 50px;
    text-align: center;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.profile .my-profile .member-list .list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 25px 20px;
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .my-profile .member-list .list .list-row {
    margin-bottom: 40px;
    display: flex;
    column-gap: 40px;
    width: 100%;
    flex-wrap: wrap;
}

.profile .my-profile .member-list .list .list-row:last-child {
    margin-bottom: 0;
}

.profile .my-profile .member-list .list .list-row>div {
    margin: 7px;
    width: 275px;
    flex: 0 0 275px;
}

@media (max-width: 1199px) {
    .profile .my-profile .member-list .list .list-row {
        column-gap: 20px;
    }

    .profile .my-profile .member-list .list .list-row>div {
        width: 180px;
        flex: 0 0 180px;
    }
}

@media (max-width: 767px) {
    .profile .my-profile .member-list .list .list-row {
        margin-bottom: 0;
    }

    .profile .my-profile .member-list .list .list-row>div {
        width: 100%;
        flex: 0 0 100%;
    }
}

.profile .my-profile .member-list .list div label {
    width: 100%;
    flex: 0 0 100%;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
}

.profile .my-profile .member-list .list .relation {
    width: 150px;
    flex: 0 0 150px;
}

@media (max-width: 991px) {
    .profile .my-profile .member-list .list .relation {
        width: calc(33.33% - 14px);
        flex: 0 0 calc(33.33% - 14px);
    }
}

@media (max-width: 576px) {
    .profile .my-profile .member-list .list .relation {
        width: calc(100% - 14px);
        flex: 0 0 calc(100% - 14px);
    }
}

.profile .my-profile .member-list .list .relation select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}

.profile .my-profile .member-list .list .name {
    width: 250px;
    flex: 0 0 250px;
}

@media (max-width: 991px) {
    .profile .my-profile .member-list .list .name {
        width: calc(33.33% - 14px);
        flex: 0 0 calc(33.33% - 14px);
    }
}

@media (max-width: 576px) {
    .profile .my-profile .member-list .list .name {
        width: calc(100% - 14px);
        flex: 0 0 calc(100% - 14px);
    }
}

.profile .my-profile .member-list .list .birth-date {
    width: 200px;
    flex: 0 0 200px;
}

.profile .my-profile .member-list .list .birth-date .date {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

@media (max-width: 991px) {
    .profile .my-profile .member-list .list .birth-date {
        width: calc(33.33% - 14px);
        flex: 0 0 calc(33.33% - 14px);
    }
}

@media (max-width: 576px) {
    .profile .my-profile .member-list .list .birth-date {
        width: calc(100% - 14px);
        flex: 0 0 calc(100% - 14px);
    }
}

.profile .my-profile .member-list .list .uae-member {
    flex: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    flex: 0 0 200px;
}

.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked) {
    position: absolute;
}

.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked+label,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked)+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    font-size: var(--root-font);
    font-weight: var(--font-weight-normal);
    line-height: 20px;
    padding-inline-start: 28px;
    margin: 0;
}

.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked+label:before,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--white);
    border: 1px solid var(--orange);
}

.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked+label:after,
.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked)+label:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: var(--orange);
}

.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.profile .my-profile .member-list .list .uae-member .radio-group .form-check input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.profile .my-profile .member-list .list:last-child {
    border-bottom: none;
}

@media (max-width: 576px) {
    .profile .my-profile .member-list .list .uae-member .delete-member {
        position: absolute;
        top: 5px;
        right: 5px;
    }
}

.profile .my-profile .save-button {
    text-align: end;
    padding: 30px;
}

.profile .my-profile .save-button .btn-theme {
    min-width: 140px;
    height: 2.75rem;
    letter-spacing: 0.35px;
    font-weight: var(--font-weight-semibold);
}

.profile .my-profile .preferences-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -8px;
}

.profile .my-profile .preferences-list .content {
    margin: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 160px;
    flex: 0 0 160px;
    height: 160px;
    padding: 12px;
    border-radius: 6px;
    color: var(--blue);
    background: var(--white);
    border: 2px solid var(--blue);
}

.profile .my-profile .preferences-list .content img {
    width: 50px;
}

.profile .my-profile .preferences-list .content i {
    font-size: 66px;
}

.profile .my-profile .preferences-list .content span {
    line-height: 18px;
    margin-top: 15px;
    font-weight: var(--font-weight-bold);
}

.profile .my-profile .add-member p {
    font-size: calc(var(--root-font) + 2px);
    padding: 20px;
}

.profile .my-profile .add-member .member-list ul.personal-details li:last-child {
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .my-profile .add-member .member-list h6 {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
}

.profile .my-profile .add-member .member-list .member-name {
    margin-bottom: 10px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile .my-profile .add-member .member-list .member-name h6 {
    color: rgba(78, 73, 83, 0.5);
}

.profile .my-profile .add-member .member-list .member-name a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.profile .my-profile .add-member .member-list .member-preference {
    padding: 20px;
}

.profile .my-profile .add-member .member-list .member-preference h6 {
    margin-bottom: 15px;
    color: var(--text-dark);
}

.profile .my-profile ul.switch-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 2px);
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .my-profile ul.switch-list li label {
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
}

.profile .my-profile ul.switch-list li .switch {
    display: inline-block;
    margin-bottom: 0;
}

.profile .my-profile ul.switch-list li .slider {
    width: 3rem;
    height: 1.5rem;
    border-radius: 30px;
    padding: 2px;
    background-color: rgba(78, 73, 83, 0.4);
    transition: background-color 250ms ease 0s;
}

.profile .my-profile ul.switch-list li .thumb {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: var(--white);
    transition: transform 250ms ease 0s;
}

.profile .my-profile ul.switch-list li .checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.profile .my-profile ul.switch-list li .checkbox:focus+.slider {
    box-shadow: none;
}

.profile .my-profile ul.switch-list li .checkbox:checked+.slider {
    background-color: #00AB4E;
}

.profile .my-profile ul.switch-list li .checkbox:checked+.slider .thumb {
    transform: translateX(1.5rem);
}

.profile .my-profile ul.switch-list li .checkbox:disabled+.slider {
    opacity: 0.25;
}

.profile .my-profile ul.switch-list li:last-child {
    border-bottom: none;
}

.profile-link {
    position: absolute;
    right: 15px;
    top: -35px;
}

.profile .my-profile .download-esaad-card h4 {
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--blue);
    text-align: left;
}

.profile .my-profile .download-esaad-card .stores {
    text-align: center;
}

.profile .my-profile .download-esaad-card .stores h5 {
    font-size: 18px;
    font-weight: var(--font-weight-medium);
    color: var(--text-dark);
    margin-bottom: 0;
    text-align: start;
    display: none;
}

.profile .my-profile .download-esaad-card .stores a {
    display: block;
    margin-bottom: 10px;
}

.profile .my-profile .download-esaad-card .stores a img {
    width: 120px;
    height: auto;
}

.profile .my-profile .download-esaad-card .offers {
    display: flex;
    align-items: strech;
    flex-wrap: wrap;
    margin: 10px -10px -10px;
}

.profile .my-profile .download-esaad-card .offers .list {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
    padding: 15px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}

.profile .my-profile .download-esaad-card .offers .list img {
    width: 50px;
    height: 50px;
    margin-inline-end: 15px;
}

.profile .my-profile .download-esaad-card .offers .list span {
    font-weight: var(--font-weight-semibold);
}

.profile .my-profile .download-esaad-card .note-section {
    margin-top: 30px;
}

.profile .my-profile .download-esaad-card .note-section i {
    color: var(--orange);
}

.profile .my-profile .download-esaad-card .note-section a {
    color: var(--orange);
    font-weight: var(--font-weight-medium);
    text-decoration: underline;
}

.profile .my-profile .download-esaad-card .app-urls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.profile .my-profile .download-esaad-card .app-urls a {
    display: inline-block;
    margin: 0 10px;
}

.profile .my-profile .download-esaad-card .app-urls a img {
    width: 180px;
    height: auto;
}

.profile .my-profile .esaad-card-details .esaad-card {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    width: 340px;
    height: 210px;
    margin: 0 auto;
}

.profile .my-profile .esaad-card-details .exp-message {
    text-align: center;
    color: var(--text-light);
}

.profile .my-profile .esaad-card-details .esaad-card a {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
}

.profile .my-profile .esaad-card-details .esaad-card-status {
    width: 340px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin: 20px auto;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
    border: 1px solid #EBEBEB;
}

.profile .my-profile .esaad-card-details .esaad-card-status span b {
    color: var(--blue);
}

.profile .my-profile .esaad-card-details .validating-text {
    width: 340px;
    margin: 0 auto;
    text-align: center;
}

.profile .my-profile .esaad-card-details .validating-text h6 {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    margin-bottom: 7px;
}

.profile .my-profile .esaad-card-details .validating-text p {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
    margin-bottom: 12px;
}

.profile .my-profile .esaad-card-details .validating-text a {
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    text-decoration: underline;
}

.profile .my-profile .esaad-card-details .offers {
    display: flex;
    align-items: strech;
    flex-wrap: wrap;
    margin: 10px -10px -10px;
}

.profile .my-profile .esaad-card-details .offers .list {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
    padding: 15px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}

.profile .my-profile .esaad-card-details h4 {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    margin-bottom: 0;
    text-align: start;
}

.profile .my-profile .esaad-card-details .offers .list img {
    width: 50px;
    height: 50px;
    margin-inline-end: 15px;
}

.profile .my-profile .esaad-card-details .offers .list span {
    font-weight: var(--font-weight-semibold);
}

.profile .my-profile .fazaa-card-details {
    max-width: 750px;
    margin: 0 auto;
}

.profile .my-profile .fazaa-card-details .add-fazaa-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
    width: 340px;
    height: 210px;
    margin: 0 auto 40px;
    border-radius: 10px;
    background: var(--white);
    border: 1px solid var(--text-light);
}

.profile .my-profile .fazaa-card-details .add-fazaa-card i {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    line-height: 2.5rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
    background: #DCDCDC;
}

.profile .my-profile .fazaa-card-details .add-fazaa-card span {
    display: block;
    text-align: center;
    margin-top: 18px;
    font-weight: var(--font-weight-bold);
}

.profile .my-profile .fazaa-card-details .fazaa-card {
    position: relative;
    background: url(../images/resources/sadaa-card.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 340px;
    height: 210px;
    margin: 0 auto;
}

.profile .my-profile .fazaa-card-details .fazaa-card a {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
}

.profile .my-profile .fazaa-card-details .fazaa-card-status {
    width: 340px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin: 20px auto 30px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    border: 1px solid #EBEBEB;
}

.profile .my-profile .fazaa-card-details .fazaa-card-status span b {
    color: var(--blue);
}

.profile .my-profile .fazaa-card-details h4 {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    margin-bottom: 0;
    text-align: start;
}

.profile .my-profile .fazaa-card-details .offers {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 10px -10px -10px;
}

.profile .my-profile .fazaa-card-details .offers .list {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
    padding: 15px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}

.profile .my-profile .fazaa-card-details .offers .list img {
    width: 50px;
    height: 50px;
    margin-inline-end: 15px;
}

.profile .my-profile .fazaa-card-details .offers .list span {
    font-weight: var(--font-weight-semibold);
}

.profile .my-profile .fazaa-video {
    width: calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
    margin: 10px;
}

.profile .my-profile .fazaa-video .note-section {
    margin-top: 10px;
}

.profile .my-profile .fazaa-video .note-section i {
    color: var(--orange);
}

.profile .my-profile .fazaa-video .note-section a {
    color: var(--orange);
    font-weight: var(--font-weight-medium);
}

@media (max-width: 767px) {
    .profile .my-profile .fazaa-card-details .offers .list {
        width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }
}

#AddEFSNewcard .modal-content,
#CardAdded .modal-content {
    padding: 50px 30px;
    position: relative;
    background: var(--white);
    border: none;
}

#AddEFSNewcard .modal-content .modal-body,
#CardAdded .modal-content .modal-body {
    color: var(--text-dark);
}

#AddEFSNewcard .modal-content .modal-body .card-title,
#CardAdded .modal-content .modal-body .card-title {
    text-align: center;
}

#AddEFSNewcard .modal-content .modal-body .card-title span,
#CardAdded .modal-content .modal-body .card-title span {
    display: block;
    font-size: 24px;
    margin-top: 15px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

#AddEFSNewcard .modal-content .modal-body .radio-group {
    display: block;
    align-items: center;
    margin-top: 40px;
}

#AddEFSNewcard .modal-content .modal-body .radio-group .list {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 15px;
}

#AddEFSNewcard .modal-content .modal-body .radio-group .error {
    display: block;
}

#AddEFSNewcard .modal-content .modal-body .radio-group .list:last-child {
    margin-inline-end: 0;
}

#AddEFSNewcard .modal-content .modal-body .radio-group .list input {
    width: 18px;
    height: 18px;
}

#AddEFSNewcard .modal-content .modal-body .radio-group .list label {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    margin-inline-start: 10px;
    font-weight: 500;
}

#AddEFSNewcard .modal-content .modal-body form {
    margin-top: 20px;
}

#AddEFSNewcard .modal-content .modal-body form .form-group .form-control {
    border: none !important;
    height: 44px;
    padding: 5px 0;
    border-radius: 0;
    font-size: var(--font-regular);
    color: var(--text-dark) !important;
    background-color: var(--white);
    border-bottom: 1px solid #D8D8E1 !important;
}

#AddEFSNewcard .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
    color: #9A9A9A;
    opacity: 1;
}

#AddEFSNewcard .modal-content .modal-body .form-group .form-control::-moz-placeholder {
    color: #9A9A9A;
    opacity: 1;
}

#AddEFSNewcard .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
    color: #9A9A9A;
    opacity: 1;
}

#AddEFSNewcard .modal-content .modal-body .form-group .form-control::-ms-input-placeholder {
    color: #9A9A9A;
    opacity: 1;
}

#AddEFSNewcard .modal-content .modal-body .form-group .form-control::placeholder {
    color: #9A9A9A;
    opacity: 1;
}

#AddEFSNewcard .modal-content .modal-body .add-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image {
    width: 50%;
    flex: 0 0 50%;
    text-align: center;
}

#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image .upload,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image .upload {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100px;
    height: 70px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #707070;
    overflow: hidden;
}

#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image .upload img,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image .upload img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image .upload input,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image .upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image span,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image span {
    display: block;
    margin-top: 6px;
    color: #9A9A9A;
}

#AddEFSNewcard .modal-content .modal-body .add-card .front-card-image span.error,
#AddEFSNewcard .modal-content .modal-body .add-card .back-card-image span.error {
    color: #e40b0b;
}

#AddEFSNewcard .modal-content .modal-body form .form-group .form-control.fazaa-card-expiry {
    background: url(../images/icons/pagenot-found/calendar-orange.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

#AddEFSNewcard .modal-content .modal-body form .form-group .valid-message {
    margin-top: 3px;
    font-size: 13px;
    color: #e40b0b;
}

#CardAdded .modal-content .modal-body p {
    text-align: center;
    margin-bottom: 0;
}

#DeleteEaasdCard .modal-body {
    text-align: center;
}

#DeleteEaasdCard .modal-body img {
    margin-bottom: 20px;
}

#DeleteEaasdCard .modal-body button {
    float: left;
    margin: 0 10px;
    margin-top: 40px;
    min-width: calc(50% - 20px) !important;
}

#esaadVideoModal .modal-content,
#saadaVideoModal .modal-content,
#fazaaVideoModal .modal-content,
#homatVideoModal .modal-content {
    padding: 10px;
}

#esaadVideoModal .modal-content .modal-body,
#saadaVideoModal .modal-content .modal-body,
#fazaaVideoModal .modal-content .modal-body,
#homatVideoModal .modal-content .modal-body {
    padding: 0;
}

#esaadVideoModal .modal-content .modal-body .video-section,
#saadaVideoModal .modal-content .modal-body .video-section,
#fazaaVideoModal .modal-content .modal-body .video-section,
#homatVideoModal .modal-content .modal-body .video-section {
    width: 100%;
    height: 270px;
    overflow: hidden;
}

#esaadVideoModal .modal-content .modal-body .video-section video,
#saadaVideoModal .modal-content .modal-body .video-section video,
#fazaaVideoModal .modal-content .modal-body .video-section video,
#homatVideoModal .modal-content .modal-body .video-section video {
    width: 100%;
    height: 100%;
}

#esaadVideoModal .modal-content .modal-body button.close,
#saadaVideoModal .modal-content .modal-body button.close,
#fazaaVideoModal .modal-content .modal-body button.close,
#homatVideoModal .modal-content .modal-body button.close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -20px;
    right: -20px;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 31px;
    text-shadow: none;
    color: var(--white);
    background: var(--blue);
    font-family: 'Poppins';
    z-index: 1;
}

#esaadVideoModal .modal-content .modal-body button.close:hover,
#saadaVideoModal .modal-content .modal-body button.close:hover,
#fazaaVideoModal .modal-content .modal-body button.close:hover,
#homatVideoModal .modal-content .modal-body button.close:hover {
    color: var(--white);
    background: var(--orange);
}

.profile .my-profile .car-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px -10px -10px;
}

.profile .my-profile .car-list .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
    padding: 15px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}

.profile .my-profile .car-list .list .left {
    display: flex;
    align-items: center;
}

.profile .my-profile .car-list .list .left img {
    width: 50px;
    height: 50px;
    margin-inline-end: 20px;
}

.profile .my-profile .car-list .list .left span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.profile .my-profile .car-list .list .left h4 {
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0;
}

.profile .my-profile .car-list .list .contex-menu {
    position: relative;
}

.profile .my-profile .car-list .list .contex-menu .menu-items {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 1;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

.profile .my-profile .car-list .list .contex-menu .menu-items ul li {
    display: block;
}

.profile .my-profile .car-list .list .contex-menu .menu-items ul li a {
    display: block;
    padding: 10px 15px;
    white-space: nowrap;
    border-bottom: 1px solid #EEE;
}

.profile .my-profile .car-list .list .contex-menu .menu-items ul li a:hover {
    color: var(--orange);
}

.profile .my-profile ul.my-queries li {
    display: flex;
    align-items: flex-start;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 2px);
}

.profile .my-profile ul.my-queries li label {
    width: 160px;
    flex: 0 0 160px;
    margin-bottom: 0;
    font-weight: var(--font-weight-medium);
}

.profile .my-profile ul.my-queries li span {
    display: block;
    flex: 1;
}

/* Interest Tab */
.profile .my-interests .interest-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -5px;
}

.profile .my-interests .interest-list .interest-card {
    display: inline;
    width: calc(20% - 10px);
    flex: 0 0 calc(20% - 10px);
    margin: 5px;
    border-radius: 8px;
    background: var(--white);
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
    .profile .my-interests .interest-list .interest-card {
        width: calc(33.3% - 10px);
        flex: 0 0 calc(33.3% - 10px);
        display: inline;
    }
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card {
        display: block;
        width: calc(100% - 10px);
        flex: 0 0 calc(100% - 10px);
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-header {
    min-height: 185px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 10px;
    border-radius: 8px 8px 0 0;
    color: var(--white);
    border-bottom: none;
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-header {
        min-height: auto;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px;
        padding-inline-end: 15px;
        border-radius: 8px;
    }

    .profile .my-interests .interest-list .interest-card .interest-card-header.show {
        border-radius: 8px 8px 0 0;
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-header.card-yellow {
    background-color: #FCB514;
}

.profile .my-interests .interest-list .interest-card .interest-card-header.card-blue {
    background-color: #004A8F;
}

.profile .my-interests .interest-list .interest-card .interest-card-header.card-red {
    background-color: #C45243;
}

.profile .my-interests .interest-list .interest-card .interest-card-header.card-light-blue {
    background-color: #127DB0;
}

.profile .my-interests .interest-list .interest-card .interest-card-header.card-orange {
    background-color: #DC8029;
}

.profile .my-interests .interest-list .interest-card .interest-card-header .card-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-header .card-title {
        justify-content: space-between;
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-header .card-type {
    width: 74px;
    height: 74px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-header .card-type {
        width: 40px;
        height: 40px;
        margin: 0;
        margin-inline-end: 10px;
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-header .card-title h4 {
    font-size: 18px;
    font-weight: var(--font-weight-medium);
    margin-top: 12px;
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-header .card-title h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-header .card-title h4 {
        margin-top: 0;
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-header .card-title img {
    display: none;
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-header .card-title img {
        width: 14px;
        height: auto;
        display: block;
        margin-inline-start: 10px;
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-body {
    padding: 0;
    margin: 12px 0;
}

.profile .my-interests .interest-list .interest-card .interest-card-body ul {
    padding: 0;
    margin: 0;
}

.profile .my-interests .interest-list .interest-card .interest-card-body li {
    display: block;
    padding: 7px;
}

@media (max-width: 767px) {
    .profile .my-interests .interest-list .interest-card .interest-card-body li {
        padding: 16px;
        border-bottom: 1px solid #DDD;
    }

    .profile .my-interests .interest-list .interest-card .interest-card-body li:last-child {
        border-bottom: 0;
    }
}

.profile .my-interests .interest-list .interest-card .interest-card-body li input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.profile .my-interests .interest-list .interest-card .interest-card-body li label {
    display: inline-block !important;
    position: relative;
    cursor: pointer;
    line-height: 20px;
    margin: 0;
    font-size: 14px !important;
    font-weight: var(--font-weight-normal) !important;
}

.profile .my-interests .interest-list .interest-card .interest-card-body li label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
}

.profile .my-interests .interest-list .interest-card .interest-card-body li input:checked+label:before {
    background-color: var(--orange);
}

.profile .my-interests .interest-list .interest-card .interest-card-body li input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.profile .my-interests .visit-reasons .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(78, 73, 83, 0.2);
}

.profile .my-interests .visit-reasons .list:last-child {
    border-bottom: none;
}

.profile .my-interests .visit-reasons .list .start.selected-reason {
    color: #2A2828;
}

.profile .my-interests .visit-reasons .list .end {
    display: flex;
    align-items: center;
    margin-inline-start: 1.25rem;
}

.profile .my-interests .visit-reasons .list .end .form-check {
    position: relative;
    margin-inline-end: 0;
    margin-inline-start: 0.75rem;
}

.profile .my-interests .visit-reasons .list .end .form-check input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}

.profile .my-interests .visit-reasons .list .end .form-check .form-check-label {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    text-align: center;
    font-weight: var(--font-weight-normal);
    color: #545353;
    background: #CDCDCD;
}

.profile .my-interests .visit-reasons .list .end .form-check input:checked+.form-check-label {
    color: var(--white);
    background: var(--orange);
}

.profile .my-interests .save-button {
    text-align: end;
    margin-top: 40px;
}

.profile .my-interests .save-button .btn-theme {
    min-width: 140px;
    height: 2.75rem;
    letter-spacing: 0.35px;
    font-weight: var(--font-weight-semibold);
}

/* Communication Tab */
.profile .my-communication .communication-checkbox ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -10px;
}

.profile .my-communication .communication-checkbox ul li {
    display: block;
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
}

.profile .my-communication .communication-checkbox .other-reason {
    margin-top: 1.875rem;
}

.profile .my-communication .communication-checkbox ul li label {
    margin-bottom: 0;
}

.profile .my-communication .communication-checkbox.getintouch ul li {
    width: calc(25% - 20px);
    flex: 0 0 calc(25% - 20px);
}

@media (max-width: 576px) {
    .profile .my-communication .communication-checkbox ul li {
        width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }

    .profile .my-communication .communication-checkbox.getintouch ul li {
        width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }
}

.profile .my-communication .communication-checkbox li input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.profile .my-communication .communication-checkbox li label {
    display: inline-block !important;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
    line-height: 20px;
    margin: 0;
    font-weight: var(--font-weight-normal) !important;
}

.profile .my-communication .communication-checkbox li label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
}

.profile .my-communication .communication-checkbox li input:checked+label:before {
    background-color: var(--orange);
}

.profile .my-communication .communication-checkbox li input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.profile .my-communication .save-button {
    text-align: end;
    margin-top: 40px;
}

.profile .my-communication .save-button .btn-theme {
    min-width: 140px;
    height: 2.75rem;
    letter-spacing: 0.35px;
    font-weight: var(--font-weight-semibold);
}

.profile .my-communication .unsubscribe {
    padding: 0;
    font-size: calc(var(--root-font) + 2px);
}

.profile .my-communication .unsubscribe a {
    color: var(--orange);
}

.profile-link a {
    font-size: calc(var(--root-font) + 1px);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.modal-content.termsofuse {
    padding: 40px;
    background: var(--blue);
    border: none;
}

.modal-content.termsofuse a.cross {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    font-size: calc(var(--root-font) + 6px);
    color: var(--white);
}

.modal-content.termsofuse a.cross:hover {
    color: var(--orange);
}

.modal-content.termsofuse .modal-body {
    padding: 0;
    text-align: center;
    color: var(--white);
}

.modal-content.termsofuse .modal-body h4 {
    font-size: 40px;
    font-weight: 700;
}

.modal-content.termsofuse .modal-body p {
    text-align: left;
    margin-top: 10px;
}

.modal-content.termsofuse .modal-body .btn {
    width: 180px;
    margin-top: 30px;
}

.modal-content.offers .slick-prev {
    left: -45px;
}

.modal-content.offers .slick-next {
    right: -45px;
}

.modal-content.offers a.cross {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    font-size: calc(var(--root-font) + 6px);
}

.modal-content.offers a.cross:hover {
    color: var(--orange);
}

.modal-content.offers .modal-body {
    height: 560px;
    overflow: auto;
}

.modal-body-title {
    text-align: center;
    margin-bottom: 40px;
}

.modal-body-title h4 {
    font-size: calc(var(--root-font)+4px);
    font-weight: 600;
    margin-top: 15px;
}

.modal-open {
    overflow: hidden !important;
}

#Addcar .modal-content .modal-body h3,
#EditCar .modal-content .modal-body h3 {
    font-size: 40px;
    margin-bottom: 30px;
}

#Addcar .add-car-form .choose-type,
#EditCar .edit-car-form .choose-type {
    margin-bottom: 30px;
}

#Addcar .add-car-form .choose-type h5,
#EditCar .edit-car-form .choose-type h5 {
    text-align: center;
}

#Addcar .modal-content .modal-body .form-group.car-selection,
#EditCar .modal-content .modal-body .form-group.car-selection {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#Addcar .modal-content .modal-body .form-group.car-selection div:first-child,
#EditCar .modal-content .modal-body .form-group.car-selection div:first-child {
    margin-inline-end: 15px;
}

#Addcar .modal-content .modal-body .form-group.car-selection label,
#EditCar .modal-content .modal-body .form-group.car-selection label {
    width: 80px;
    height: 80px;
    padding: 5px;
    line-height: 70px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    background: #2b679f;
}

#Addcar .modal-content .modal-body .form-group.car-selection label img,
#EditCar .modal-content .modal-body .form-group.car-selection label img {
    width: 70px;
    height: auto;
}

#Addcar .modal-content .modal-body .form-group.car-selection input,
#EditCar .modal-content .modal-body .form-group.car-selection input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

#Addcar .modal-content .modal-body .form-group.car-selection input:checked+label,
#EditCar .modal-content .modal-body .form-group.car-selection input:checked+label {
    background: #FFF;
}

#Addcar .add-car-form .plate-number,
#EditCar .edit-car-form .plate-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

#Addcar .add-car-form .plate-number input:first-child,
#EditCar .edit-car-form .plate-number input:first-child {
    width: 100px;
    margin-inline-end: 10px;
}

#Addcar .add-car-form h5,
#EditCar .edit-car-form h5 {
    margin-bottom: 15px;
    font-weight: var(--font-weight-semibold);
}

#Addcar .modal-content .modal-body .btn,
#EditCar .modal-content .modal-body .btn {
    width: 100%;
    height: 46px;
    margin-top: 20px;
}

.complementary-offer-list {
    min-height: 440px;
    padding: 15px 20px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 8px;
}

.complementary-offer-list .top ul li {
    display: block;
    margin-bottom: 10px;
}

.complementary-offer-list .top ul li label {
    margin-bottom: 0;
    font-size: calc(var(--root-font) - 2px);
    color: rgba(78, 73, 83, 0.5);
}

.complementary-offer-list .top ul li p {
    color: var(--text-primary);
}

.complementary-offer-list .top ul li:nth-child(2) p {
    min-height: 40px;
}

.complementary-offer-list .top ul li:last-child {
    margin-bottom: 0;
}

.complementary-offer-list .bottom {
    margin-top: 20px;
}

.complementary-offer-list .bottom .fixed-height {
    height: 140px;
}

.complementary-offer-list .bottom .fixed-height .promo-code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.complementary-offer-list .bottom .fixed-height .promo-code label {
    margin-bottom: 0;
    font-size: calc(var(--root-font) - 2px);
    color: rgba(78, 73, 83, 0.5);
}

.complementary-offer-list .bottom .fixed-height .promo-code a {
    color: var(--orange);
}

.complementary-offer-list .bottom .fixed-height .promo-code a i {
    vertical-align: 0px;
    margin-inline-end: 3px;
    font-size: calc(var(--root-font) + 4px);
}

.complementary-offer-list .bottom .fixed-height .qr-code {
    text-align: center;
}

.complementary-offer-list .bottom .fixed-height .qr-code img {
    width: 90px;
}

.complementary-offer-list .bottom .fixed-height .qr-code span,
.complementary-offer-list .bottom .qr-code span {
    display: block;
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    text-align: center;
}

.complementary-offer-list .bottom .fixed-height .qr-code h2 {
    margin-top: 40px;
    font-size: calc(var(--root-font) + 1.25rem);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.complementary-offer-list .bottom p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: calc(var(--root-font) - 1px);
}

.complementary-offer-list .bottom p a {
    color: var(--orange);
}

.complementary-offer-list .bottom .terms-conditions {
    text-align: center;
}

.complementary-offer-list .bottom .terms-conditions a {
    font-size: calc(var(--root-font) - 1px);
    color: var(--orange);
}

.complementary-offer-list .bottom .entry-terms-link {
    margin-top: 12px;
}

.complementary-offer-list .bottom .entry-terms-link a {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    height: auto;
    font-size: 14px;
    color: var(--orange);
    text-align: center;
    line-height: normal;
    text-decoration: underline;
    z-index: 1;
}

/* Unsubscribe */
.unsubscribe {
    padding-top: var(--medium-spacing);
}

.unsubscribe .back-arrow {
    margin-bottom: 40px;
}

.unsubscribe .back-arrow a {
    display: flex;
    align-items: center;
    width: max-content;
    color: var(--orange);
}

.unsubscribe .back-arrow a svg {
    width: 18px;
    height: 18px;
    margin-inline-end: 15px;
    vertical-align: middle;
}

.unsubscribe .back-arrow span {
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
}

.unsubscribe .unsubscribe-content {
    padding: 40px 24px;
    border-radius: 8px;
    background: var(--white);
    border: 1px solid #A5A5A5;
}

@media (max-width: 767px) {
    .unsubscribe .unsubscribe-content {
        padding: 0;
        border-radius: 0;
        background: var(--white);
        border: none;
    }
}

.unsubscribe .unsubscribe-content .unsubscribe-title {
    padding: 10px 24px;
    margin-bottom: 30px;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
}

.unsubscribe .unsubscribe-content .checkbox-group {
    display: block;
    margin-top: 30px;
}

.unsubscribe .unsubscribe-content .checkbox-group ul li {
    display: block;
    margin-bottom: 15px;
}

.unsubscribe .unsubscribe-content .checkbox-group ul li label {
    font-weight: var(--font-weight-normal);
    margin-bottom: 0;
}

.unsubscribe .unsubscribe-content .checkbox-group ul li input:checked+label:after {
    top: 1px;
}

.unsubscribe .unsubscribe-content .unsubscribe-button {
    text-align: end;
    margin-top: 40px;
}

.unsubscribe .unsubscribe-content .unsubscribe-button .btn:disabled {
    opacity: 1;
    color: var(--text-dark);
    background: #DCDCDC;
    border: 2px solid #DCDCDC;
}

.unsubscribe .unsubscribe-content .unsubscribe-button .btn-theme {
    min-width: 160px;
    height: 2.75rem;
    letter-spacing: 0.35px;
    font-weight: var(--font-weight-semibold);
}

.about-content {
    padding-top: var(--medium-spacing);
    padding-bottom: var(--large-spacing);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.about-content .statistics {
    margin-top: var(--large-spacing);
}

.about-content .statistics .statistics-list {
    text-align: center;
}

.about-content .statistics .statistics-list h5 {
    margin-bottom: 15px;
    font-size: 18px;
}

.about-content .statistics .statistics-list h2 {
    font-size: 40px;
    min-height: 180px;
    color: var(--orange);
}

.about-content .statistics .statistics-list h4 {
    font-size: 18px;
    margin-top: 10px;
    font-weight: var(--font-weight-normal);
}

.once-time {
    padding-top: var(--large-spacing);
    padding-bottom: var(--large-spacing);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.once-time .image {
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    position: relative;
}

.once-time .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.once-time .image a#OurstoryPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.once-time .image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.once-time .content {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 550px;
    height: auto;
    padding: 40px 30px;
    background: var(--white);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.once-time .content h4 {
    font-size: calc(var(--root-font) + 0.5rem);
    color: var(--blue);
    margin-bottom: 10px;
}

.our-characters .list .image {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
}

.our-characters .list .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.our-history {
    padding-top: var(--large-spacing);
}

.our-history .video {
    width: 100%;
    height: 500px;
}

.welcome-season {
    margin-top: var(--large-spacing);
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.welcome-season p {
    color: var(--white);
    line-height: 36px;
}

.welcome-season p a {
    color: var(--orange);
    text-decoration: underline;
}

.welcome-season:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 41, 92, 0.6);
}

.our-story {
    display: none;
    align-items: center;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background: var(--blue);
    height: 100vh;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.our-story a.CloseMenu {
    position: fixed;
    top: 25px;
    right: 25px;
    font-size: 26px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 44px;
    color: var(--white);
}

.our-story .our-story-content h4 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: var(--font-weight-bold);
    color: var(--white);
}

.our-story .our-story-content .video {
    width: 100%;
    height: 500px;
}

.our-story .our-story-content p {
    color: var(--white);
    margin-top: 12px;
}

.our-story .our-story-content p a {
    color: var(--orange);
    text-decoration: underline;
}

.our-story.active {
    display: flex;
}

.drive-park {
    padding-top: var(--medium-spacing);
    position: relative;
}

.drive-park .nav-tabs.park-tabs {
    border-bottom: none;
    margin: -8px -8px 10px;
}

.drive-park .nav-tabs.park-tabs .nav-item {
    margin-bottom: -1px;
    width: calc(25% - 16px);
    flex: 0 0 calc(25% - 16px);
    margin: 8px;
}

.drive-park .nav-tabs.park-tabs .nav-item .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1rem;
    text-align: center;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--blue);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.drive-park .nav-tabs.park-tabs .nav-item .nav-link i {
    vertical-align: middle;
    margin-inline-end: 5px;
    font-size: calc(var(--root-font) + 6px);
}

.drive-park .nav-tabs.park-tabs .nav-item .nav-link.active {
    color: var(--text-primary);
    background-color: var(--white);
    border-color: transparent;
}

.drive-park .nav-tabs.park-tabs .nav-item .nav-link.active i {
    color: var(--blue);
}

.drive-park .tab-content {
    padding: 40px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.how-get-gv-locations .tab-content {
    padding: 0px;
    box-shadow: none;
}

.drive-park .tab-content .drive-park-content p {
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 18px;
}

@media (max-width: 767px) {
    .drive-park .tab-content .drive-park-content p {

        font-size: 12px;
        margin-bottom: 20px;
    }

}

.drive-park .tab-content .taxi-booking img {
    width: 80%;
    margin-bottom: 30px;
}

.drive-park .tab-content .taxi-booking h5 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    margin-bottom: 7px;
}

.drive-park .tab-content .taxi-booking p {
    width: 80%;
    margin-bottom: 30px;
}

.vipparking {
    margin-top: var(--large-spacing);
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.vipparking .container {
    position: relative;
    z-index: 1;
}

.vipparking .content {
    text-align: center;
    color: var(--white);
}

.vipparking .content h3 {
    font-size: var(--primary-heading);
    color: var(--yellow);
}

.vipparking .content p {
    font-size: calc(var(--root-font) + 4px);
    margin-top: 15px;
}

.vipparking .content .btn {
    margin-top: 40px;
    width: 220px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    padding: .5rem 2.5rem;
    color: var(--white);
    background: transparent;
    border: 2px solid var(--white);
}

.vipparking .content .btn:hover {
    color: var(--text-primary);
    background: var(--white);
    border: 2px solid var(--white);
}

.vipparking:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 41, 92, 0.6);
}

.gv-map {
    padding-top: var(--large-spacing);
}

.gv-map .map {
    width: 100%;
    height: 500px;
    margin-inline-end: 10px;
    position: relative;
}

.gv-map .map .btn {
    position: absolute;
    bottom: 23px;
    right: 60px;
    width: 180px;
}

.your-convinence {
    padding-top: var(--large-spacing);
}

.your-convinence .cardbox .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    min-height: 200px;
}

.your-convinence .cardbox .list img {
    width: 80px;
    margin-bottom: 20px;
}

.your-convinence .cardbox .list p {
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
}

.your-convinence .btn {
    margin-top: 30px;
    width: 130px;
}

.programe-highlight h3 {
    font-size: var(--secondary-heading);
    color: var(--blue);
    margin-top: var(--medium-spacing);
    margin-bottom: 20px;
}

.programe-highlight ul {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
}

.programe-highlight ul li {
    display: block;
    margin-bottom: 20px;
    margin-inline-end: 0;
    font-size: calc(var(--root-font) + 2px);
}

.programe-highlight ul li:last-child {
    margin-bottom: 0;
}

#FAQList .search-section {
    display: none;
}

.search-section .offset-lg-2 {
    margin: 0 auto;
}

.search-section {
    padding-top: var(--small-spacing);
}

.search-section .searchbox {
    position: relative;
    width: 100%;
}

.search-section .searchbox i.icon-search {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 18px;
    color: var(--orange);
}

.search-section .searchbox .form--inline .form-item {
    margin: 0;
    float: none;
    width: 100%;
}

.search-section .searchbox .form-actions {
    display: none;
}

.search-section .searchbox input {
    width: 100%;
    padding: 0 30px 10px;
    border: none;
    background: transparent;
    border-bottom: 1px solid rgba(78, 73, 83, 0.4);
}

.faqs {
    padding-top: var(--medium-spacing);
    padding-bottom: var(--medium-spacing);
}

.faqs .viewall {
    margin-top: 30px;
}

.faqs .viewall a {
    padding: 10px 20px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    width: 140px;
    font-family: inherit;
    border-radius: 0.25rem;
}

.faqs .accordion .card {
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #D0D5D8;
}

.faqs .accordion .card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(58, 142, 178, 0.05);
    border-bottom: none;
    font-size: 22px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

.faqs .accordion .card .card-header[aria-expanded="true"]:after {
    font-family: 'icomoon';
    content: "\e938";
    font-size: var(--root-font);
    color: var(--blue);
}

.faqs .accordion .card .card-header[aria-expanded="false"]:after {
    font-family: 'icomoon';
    content: "\e90d";
    font-size: var(--root-font);
    color: var(--blue);
}

.faqs .accordion .card .card-body {
    padding: 20px;
    border-top: 1px solid #D0D5D8;
}

.faqs .accordion .card .card-body .question-list {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #D0D5D8;
    font-size: var(--root-font);
}

.faqs .accordion .card .card-body .question-list p {
    margin-top: 7px;
}

.faqs .accordion .card .card-body .question-list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.writetous {
    padding-top: var(--large-spacing);
    position: relative;
}

.writetous h2 {
    font-size: var(--secondary-heading);
    color: var(--blue);
    margin-bottom: 30px;
}

.writetous .form-group {
    margin-bottom: 20px;
}

.writetous .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.writetous label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    margin-left: 0;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    font-family: Poppins;
}

.writetous .form-control {
    margin-top: 0;
    color: var(--text-primary) !important;
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    font-family: 'Poppins';
}

.writetous input.form-file {
    height: 44px;
    width: 100%;
    padding: 8px 12px;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    border-radius: .25rem;
}

.writetous textarea.form-control {
    height: auto;
}

.writetous .upload-image {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(235, 243, 247, 0.3);
    border: 1px dashed rgba(78, 73, 83, 0.3);
}

.writetous .upload-image a {
    font-weight: var(--font-weight-meduim);
    color: var(--orange);
    text-decoration: underline;
}

.writetous .form-item .description {
    display: none;
}

.writetous .form-actions {
    padding-top: 0;
    margin: 30px 0 0;
}

.writetous .form-actions input.form-submit {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    width: 140px;
    font-family: inherit;
    border-radius: 0.25rem;
}

.writetous hr {
    margin-top: 40px;
    margin-bottom: 0;
    border-top: 1px solid rgba(78, 73, 83, 0.4);
}

.writetous .image-widget .file--image,
.writetous .image-widget .file-size {
    display: none;
}

.writetous .field--name-field-i-agree-to-receive-updates,
.writetous .field--name-field-i-agree-to-receive-update,
.writetous .field--name-field-vip {
    margin-top: 15px;
}

.writetous .field--name-field-i-agree-to-receive-updates input,
.writetous .js-form-item-field-i-agree-to-receive-update-value input,
.writetous .field--name-field-vip input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.writetous .field--name-field-i-agree-to-receive-updates label,
.writetous .js-form-item-field-i-agree-to-receive-update-value label,
.writetous .field--name-field-vip label {
    /* display: flex; */
    /* align-items: flex-start; */
    position: relative;
    cursor: pointer;
    line-height: 20px;
}

.writetous .field--name-field-i-agree-to-receive-updates label:before,
.writetous .js-form-item-field-i-agree-to-receive-update-value label:before,
.writetous .field--name-field-vip label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
}

.writetous .js-form-item-field-i-agree-to-receive-update-value label a {
    color: var(--orange);
}

.writetous .field--name-field-i-agree-to-receive-updates input:checked+label:before,
.writetous .js-form-item-field-i-agree-to-receive-update-value input:checked+label:before,
.writetous .field--name-field-vip input:checked+label:before {
    background-color: var(--orange);
}

.writetous .field--name-field-i-agree-to-receive-updates input:checked+label:after,
.writetous .js-form-item-field-i-agree-to-receive-update-value input:checked+label:after,
.writetous .field--name-field-vip input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6.3px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.writetous .captcha {
    margin-top: 25px;
}

.writetous .captcha__title {
    display: none;
}

.writetous #edit-field-day-of-visit-wrapper {
    margin-bottom: 20px;
}

.writetous #edit-field-day-of-visit-wrapper h4 {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    margin-left: 0;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    font-family: Poppins;
}

.writetous #edit-field-day-of-visit-wrapper #edit-field-day-of-visit-0-value-date {
    margin-top: 0;
    color: var(--text-primary) !important;
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    text-align: left;
    font-size: var(--font-regular);
    width: 100%;
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.writetous .privacy-policy a {
    color: var(--orange);
}

.contactus {
    padding-top: var(--small-spacing);
    padding-bottom: var(--medium-spacing);
}

.contactus .callus h4 {
    font-size: calc(var(--root-font) + 6px);
    margin-bottom: 15px;
}

.contactus .callus p {
    font-size: var(--root-font);
    margin-bottom: 20px;
}

.contactus .callus p span {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.release-list {
    position: relative;
}

.release-list .image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 5px;
}

.release-list .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.release-list .details {
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
    color: var(--white);
    background: rgba(32, 41, 92, 0.8);
    line-height: 1.4
}

.release-list .details small {
    display: block;
    opacity: 0.6;
    margin-top: 4px;
}

.release-list:hover .image img {
    transform: scale(1.1);
}

.all-releases {
    padding-top: var(--small-spacing);
}

.all-releases .btn {
    margin-top: 30px;
}

.latest-press-release {
    padding-top: var(--medium-spacing);
}

.latest-press-release .view-content {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 2fr 1fr 1fr;
    margin: -8px;
}

@media (max-width: 991px) {
    .latest-press-release .view-content {
        display: block;
        grid-auto-flow: column;
        grid-template-columns: auto;
    }
}

.latest-press-release .view-content .list.big-cell {
    width: calc(100% - 16px);
    margin: 8px;
    grid-row-start: 1;
    grid-row-end: 3;
    display: block;
    position: relative;
}

@media (max-width: 991px) {
    .latest-press-release .view-content {
        display: block;
        grid-auto-flow: column;
        grid-template-columns: auto;
    }
}

.latest-press-release .view-content .list.big-cell .image {
    height: 486px;
    overflow: hidden;
    border-radius: 5px;
}

.latest-press-release .view-content .list.big-cell .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.latest-press-release .view-content .list.big-cell .details {
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
    color: var(--white);
    background: rgba(32, 41, 92, 0.8);
    max-height: 93px;
}

.latest-press-release .view-content .list.big-cell .details small {
    opacity: 0.6;
    display: block;
}

.latest-press-release .view-content .list.big-cell:hover .image img {
    transform: scale(1.1);
}

.latest-press-release .view-content .list.small-cell {
    width: calc(100% - 16px);
    margin: 8px;
    display: block;
    position: relative;
}

.latest-press-release .view-content .list.small-cell .image {
    height: 235px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.latest-press-release .view-content .list.small-cell .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.latest-press-release .view-content .list.small-cell .details {
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
    color: var(--white);
    background: rgba(32, 41, 92, 0.8);
}

.latest-press-release .view-content .list.small-cell .details p {
    margin-bottom: 2px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.latest-press-release .view-content .list.small-cell .details small {
    opacity: 0.6;
    display: block;
    margin-top: 3px;
}

.latest-press-release .view-content .list.small-cell:hover .outlet-content {
    display: block;
}

.latest-press-release .view-content .list.small-cell:hover .image img {
    transform: scale(1.1);
}

.media-kit {
    padding-top: var(--large-spacing);
}

.media-kit .media-kit-list {
    width: calc(33.33% - 16px);
    flex: 0 0 calc(33.33% - 16px);
    margin: 8px;
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 5px;
    background: #F5F9FB;
    position: relative;
}

.media-kit .media-kit-list .file-type {
    position: absolute;
    left: 5px;
    top: 25px;
    padding: 2px 10px;
    z-index: 5;
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: #D7182A;
}

.media-kit .media-kit-list .image {
    width: 80px;
    height: 80px;
    flex: 0 080px;
    border-radius: 5px;
    overflow: hidden;
    margin-inline-end: 10px;
}

.media-kit .media-kit-list .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.media-kit .media-kit-list .details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 90px);
    flex: 0 0 calc(100% - 90px);
}

.media-kit .media-kit-list .details small {
    display: block;
    margin-top: 6px;
    color: var(--text-light);
}

.media-kit .media-kit-list .details a {
    display: block;
    width: 30px;
    text-align: center;
    margin-inline-start: 10px;
    flex: 0 0 30px;
}

.media-kit .contact-link {
    margin-top: 15px;
    padding-top: 0;
    font-size: calc(var(--root-font) + 2px);
}

.media-kit .contact-link a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
}

.media-gallery {
    padding-top: var(--large-spacing);
}

.media-gallery .media-gallery-list {
    position: relative;
    width: calc(33.33% - 16px);
    flex: 0 0 calc(33.33% - 16px);
    margin: 8px;
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 5px;
    background: #F5F9FB;
}

.media-gallery .media-gallery-list .file-type {
    position: absolute;
    left: 5px;
    top: 25px;
    padding: 2px 10px;
    z-index: 5;
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: #D7182A;
}

.media-gallery .media-gallery-list .image {
    width: 80px;
    height: 80px;
    flex: 0 080px;
    border-radius: 5px;
    overflow: hidden;
    margin-inline-end: 10px;
    position: relative;
}

.media-gallery .media-gallery-list .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-gallery .media-gallery-list .image a {
    position: absolute;
    top: 2px;
    left: 5px;
    font-size: 24px;
    color: var(--white);
}

.media-gallery .media-gallery-list .details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 90px);
    flex: 0 0 calc(100% - 90px);
}

.media-gallery .media-gallery-list .details a {
    display: block;
    width: 30px;
    text-align: center;
    margin-inline-start: 10px;
    flex: 0 0 30px;
}

.media-gallery .contact-link {
    margin-top: 15px;
    padding-top: 0;
    font-size: calc(var(--root-font) + 2px);
}

.media-gallery .contact-link a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
}

.media-permission {
    padding-top: var(--large-spacing);
    position: relative;
}

.media-permission .media-permission-slider {
    margin: -8px;
}

.media-permission .media-permission-slider .cardbox {
    margin: 8px;
}

.media-permission .media-permission-slider .slick-prev {
    left: -40px;
}

.media-permission .media-permission-slider .slick-next {
    right: -40px;
}

.media-permission .tower-patter {
    position: absolute;
    bottom: -90px;
    right: 30px;
    height: 480px;
}

.media-permission .cardbox {
    padding: 20px;
    text-align: center;
}

.media-permission .cardbox>div {
    display: flex;
    flex-direction: column;
    min-height: 260px;
    text-align: left;
}

.media-permission .cardbox div h4 {
    font-size: calc(var(--root-font) + 8px);
    color: var(--blue);
    margin-bottom: 10px;
    height: 95px;
    overflow: hidden;
}

.media-permission .cardbox .permission-description {
    max-height: 180px;
    min-height: 180px;
    overflow: hidden;
}

.media-permission .cardbox div p {
    margin-bottom: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.media-permission .cardbox a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.media-permission .cardbox a i {
    vertical-align: middle;
    margin-inline-start: 2px;
}

.submission-form {
    padding-top: var(--large-spacing);
}

.submission-form .login-message {
    padding: 20px;
    border-radius: 5px;
    background: #F5F9FB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--small-spacing);
}

.submission-form .login-message p {
    max-width: 580px;
}

.submission-form .login-message .btn {
    width: 140px;
    margin-inline-start: 30px;
}

.submission-form .idcard-conformation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.submission-form .idcard-conformation .answer-choose {
    width: 330px;
    flex: 0 0 330px;
    justify-content: flex-end;
    margin-inline-start: 30px;
}

.submission-form .accordion .card {
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid #D0D5D8;
    overflow: unset;
}

.submission-form .accordion .card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(58, 142, 178, 0.05);
    border-bottom: none;
    font-size: 22px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
    cursor: pointer;
}

.submission-form .accordion .card .card-header span {
    text-decoration: underline;
}

.submission-form .accordion .card .card-header[aria-expanded="true"]:after {
    font-family: 'icomoon';
    content: "\e938";
    font-size: var(--root-font);
    color: var(--blue);
}

.submission-form .accordion .card .card-header[aria-expanded="false"]:after {
    font-family: 'icomoon';
    content: "\e90d";
    font-size: var(--root-font);
    color: var(--blue);
}

.submission-form .accordion .card .card-body {
    padding: 35px 20px 20px;
    border-top: 1px solid #D0D5D8;
}

.submission-form .accordion .card .card-body label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-regular);
    cursor: pointer;
}

.submission-form .accordion .card .card-body .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.submission-form .accordion .card .card-body .upload-image {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(235, 243, 247, 0.3);
    border: 1px dashed rgba(78, 73, 83, 0.3);
}

.submission-form .accordion .card .card-body div.form-control {
    padding: 0;
    border: none !important;
}

.submission-form .accordion .card .card-body .trn-file div.form-control {
    height: auto;
}

.submission-form .accordion .card .card-body div.form-control .file a {
    word-break: break-all;
}

.submission-form .accordion .card .card-body .js-form-managed-file:after {
    /*display: none; */
}

.submission-form .accordion .card .card-body .form-group {
    margin-bottom: 20px;
    position: relative;
}

#dailyCheck {
    position: absolute;
    right: 0;
    bottom: -40px;
    z-index: 1;
}

.submission-form .accordion .card .card-body .js-form-item-gv-media-fname input,
.submission-form .accordion .card .card-body .js-form-item-gv-media-lname input,
.submission-form .accordion .card .card-body .js-form-item-gv-channel-name input,
.submission-form .accordion .card .card-body .js-form-item-gv-job-title input,
.submission-form .accordion .card .card-body .js-form-item-gv-mobile-number input,
.submission-form .accordion .card .card-body .js-form-item-gv-email input,
.submission-form .accordion .card .card-body .js-form-item-gv-password input,
.submission-form .accordion .card .card-body .js-form-item-gv-shooting-startdate input,
.submission-form .accordion .card .card-body .js-form-item-gv-requirement textarea,
.submission-form .accordion .card .card-body .js-form-managed-file input.form-file,
.submission-form .accordion .card .card-body .js-form-item-gv-equipment input,
.submission-form .accordion .card .card-body .js-form-item-gv-shoot-purpose select,
.submission-form .accordion .card .card-body .js-form-item-mandatory-question select,
.submission-form .accordion .card .card-body .js-form-item-gv-arrival-time select,
.submission-form .accordion .card .card-body .js-form-item-gv-shooting-start-hours input,
.submission-form .accordion .card .card-body .js-form-item-gv-shooting-end-hours input,
.submission-form .accordion .card .card-body .js-form-item-gv-shoot-purpose-other input,
.submission-form .accordion .card .card-body .js-form-item-gv-platforms-other input,
.submission-form .accordion .card .card-body .js-form-item-gv-invitation-text input {
    width: 100%;
    height: 44px;
    padding: 8px 12px;
    letter-spacing: 0.35px;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    margin: auto;
    border-radius: 0.25rem;
}

.submission-form .accordion .card .card-body .fieldset-legend {
    display: block;
    margin-bottom: 5px;
}

.submission-form .accordion .card .card-body .form-radios {
    display: flex;
    align-items: center;
}

.submission-form .accordion .card .card-body .form-item-gv-invitation label,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident label {
    user-select: none;
}

.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"],
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"] {
    display: none;
}

.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"]+label,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"]+label {
    display: block;
    padding: 5px 20px;
    margin-inline-end: 10px;
    margin-inline-start: 0;
    margin-bottom: 0;
    height: 40px;
    width: 90px;
    flex: 0 0 90px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    color: var(--orange) !important;
    background-color: #FFF;
    border: 2px solid var(--orange) !important;
    justify-content: center;
    cursor: pointer;
    transition: all 200ms ease;
    opacity: 1;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
}

.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"]+label:hover,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"]+label:hover {
    color: var(--white) !important;
    background-color: var(--orange);
    border: 2px solid var(--orange);
}

.submission-form .accordion .card .card-body .form-item-gv-invitation input[type="radio"]:checked+label,
.submission-form .accordion .card .card-body .form-item-gv-emirates-resident input[type="radio"]:checked+label {
    color: var(--white) !important;
    background-color: var(--orange);
    border: 2px solid var(--orange);
}

.bootstrap-timepicker-widget table td input {
    width: 36px !important;
}

.bootstrap-timepicker-widget table td.separator {
    line-height: 36px;
}

.submission-form .accordion .card .card-body .js-form-managed-file {
    min-height: 44px;
    padding: 5px;
    border: 1px dashed #ccc;
    position: relative;
    border-radius: 0.25rem;
}

.submission-form .accordion .card .card-body .js-form-managed-file input.form-file {
    padding: 0;
}

.submission-form .accordion .card .card-body .js-form-managed-file:after {
    content: "Choose File";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.submission-form .accordion .card .card-body .js-form-managed-file.imageComplete:after {
    content: "";
}

.submission-form .accordion .card .card-body .js-form-managed-file.imageComplete a {
    word-break: break-all;
}

.submission-form .accordion .card .card-body .js-form-managed-file input.js-form-file {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

.submission-form .accordion .card .card-body .js-form-item-gv-requirement textarea {
    height: auto;
}

.submission-form .accordion .card .card-body .upload-image a {
    font-weight: var(--font-weight-meduim);
    color: var(--orange);
    text-decoration: underline;
}

.submission-form .accordion .card .card-body .form-item-gv-shooting-startdate input,
.submission-form .accordion .card .card-body .form-item-gv-shooting-enddate input {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.submission-form .checkbox-section .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    line-height: 24px;
    color: rgba(78, 73, 83, 0.6);
}

.submission-form .checkbox-section .custom-control-label a {
    color: var(--orange);
    text-decoration: underline;
}

.submission-form .checkbox-section div:last-child {
    margin-top: 20px;
}

#edit-gv-uae-permit-question--wrapper .fieldset-wrapper,
#edit-gv-uae-permit-question {
    margin-top: 20px;
}

#edit-gv-uae-permit-question div:last-child {
    margin-top: 10px;
}

.submission-form .form-item-gv-agree {
    margin-top: 0px;
}

.submission-form .action-button {
    margin-top: var(--small-spacing);
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    border-radius: .75rem;
}

.submission-form .action-button .btn {
    width: 180px;
    height: 44px;
    font-family: 'Poppins';
    color: var(--white) !important;
    background: var(--orange);
    border: 1px solid var(--orange);

}

.submission-form .action-button::after {
    content: "";
    position: absolute;
    height: 155px;
    left: -75px;
    top: -50px;
    width: 50px;
    z-index: 0;
    opacity: 0.2;
    background: var(--white);
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.submission-form .action-button:hover::after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.submission-form .action-button input.form-submit:hover,
.submission-form .action-button input.form-submit:focus {
    color: var(--white);
    background: var(--orange);
}

.submission-form .action-button .form-actions {
    margin: 0;
    padding: 0;
}

.submission-form .answer-choose,
.submission-form .answer-choose .form-radios {
    display: flex;
    align-items: center;
}

.submission-form .answer-choose label {
    user-select: none;
}

.submission-form .answer-choose input[type="radio"] {
    display: none;
}

.submission-form .answer-choose input[type="radio"]+label {
    padding: 5px 20px;
    margin: 7px;
    height: 40px;
    width: calc(110px - 14px);
    flex: 0 0 calc(110px - 14px);
    border-radius: 5px;
    position: relative;
    text-align: center;
    color: #D5D4D5 !important;
    background-color: #FFF;
    border: 2px solid #D5D4D5;
    justify-content: center;
    cursor: pointer;
    transition: all 200ms ease;
    opacity: 1;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
}

.submission-form .answer-choose input[type="radio"]:checked+label {
    color: var(--white) !important;
    background-color: var(--blue);
    border: 2px solid var(--blue);
}

.starting-text.setpassword-text {
    padding-top: 20px;
}

.set-password {
    padding-top: var(--small-spacing);
}

.set-password label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
}

.set-password a {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 20px;
    color: var(--text-primary);
}

.set-password .btn {
    width: 150px;
}

.page-node-type-media-login-page .not-account,
.page-node-type-media-login-page .vip-pack,
.page-node-type-media-login-page .login-section hr {
    display: none;
}

.page-node-type-media-login-page .form-item-forgot {
    float: left;
}

.page-node-type-media-login-page .form-item-current {
    float: right;
}

.gv-register-media-user .form-item {
    margin-top: 0;
    margin-bottom: 15px;
}

.gv-register-media-user .form-item label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    cursor: auto;
}

.gv-register-media-user .form-item label span.required {
    color: red;
}

.gv-register-media-user .form-item input.form-text,
.gv-register-media-user .form-item input.form-file,
.gv-register-media-user .form-item .form-date,
.gv-register-media-user .form-item textarea.form-textarea,
.gv-register-media-user .js-form-item-gv-mobile-number input.form-text {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    margin: 0;
}

.gv-register-media-user .form-item input.form-file {
    padding: 7px 12px;
}

.gv-register-media-user .form-item textarea.form-textarea {
    height: auto;
}

.gv-register-media-user .js-form-item-gv-agree {
    margin-top: 15px;
}

.gv-register-media-user .custom-control {
    padding-inline-start: 0;
}

.gv-register-media-user .js-form-item-gv-agree input,
.checkbox-section .custom-checkbox .js-form-item-agree-terms input,
.checkbox-section .custom-checkbox .js-form-item-gv-agree input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-type-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    opacity: 1;
}

.gv-register-media-user .js-form-item-gv-agree label,
.checkbox-section .custom-checkbox .js-form-item-agree-terms label,
.checkbox-section .custom-checkbox .js-form-item-gv-agree label,
.social-media-platforms .js-form-type-checkbox label {
    font-size: var(--font-regular);
    margin: 0;
    position: relative;
    cursor: pointer;
    width: max-content;
}

.gv-register-media-user .js-form-item-gv-agree label:before,
.checkbox-section .custom-checkbox .js-form-item-agree-terms label:before,
.checkbox-section .custom-checkbox .js-form-item-gv-agree label:before,
.social-media-platforms .js-form-type-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    border-radius: 2px;
}

.gv-register-media-user .js-form-item-gv-agree input:checked+label:before,
.checkbox-section .custom-checkbox .js-form-item-agree-terms input:checked+label:before,
.checkbox-section .custom-checkbox .js-form-item-gv-agree input:checked+label:before,
.social-media-platforms .js-form-type-checkbox input:checked+label:before {
    background-color: var(--orange);
}

.gv-register-media-user .js-form-item-gv-agree input:checked+label:after,
.checkbox-section .custom-checkbox .js-form-item-agree-terms input:checked+label:after,
.checkbox-section .custom-checkbox .js-form-item-gv-agree input:checked+label:after,
.social-media-platforms .js-form-type-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.submission-form .accordion .card .card-body .social-media-platforms {
    display: block;
    align-items: center;
    width: 100%;
}

.submission-form .accordion .card .card-body .social-media-platforms fieldset.gv-platforms {
    width: 33%;
    padding-right: 10px;
    height: 30px;
    align-items: center;
    justify-content: space-between !important;
    display: inline-flex !important;
    margin: 2.5px 0;
}

@media (max-width: 767px) {
    .submission-form .accordion .card .card-body .social-media-platforms fieldset.gv-platforms {
        width: 100%;
        padding-right: 0px;
    }
}

.social-section.gv_platform_instagram,
.social-section.gv_platform_facebook,
.social-section.gv_platform_twitter,
.social-section.gv_platform_snapchat,
.social-section.gv_platform_tiktok,
.social-section.gv_platform_youtube,
.social-section.gv_platform_blog,
.social-section.gv_platform_other {
    justify-content: space-between !important;
    display: flex !important;
    align-items: center;
}

@media (max-width: 767px) {

    .social-section.gv_platform_instagram,
    .social-section.gv_platform_facebook,
    .social-section.gv_platform_twitter,
    .social-section.gv_platform_snapchat,
    .social-section.gv_platform_tiktok,
    .social-section.gv_platform_youtube,
    .social-section.gv_platform_blog,
    .social-section.gv_platform_other {
        display: block !important;
    }
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-instagram-instagram input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-facebook-facebook input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-twitter-twitter input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-snapchat-snapchat input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-tiktok-tiktok input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-youtube-youtube input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-blog-blog input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platform-other-other input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    /* If facing issue then it should be inline-block */
    cursor: pointer;
    opacity: 1;
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-instagram label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog label,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other label {
    font-size: var(--font-regular);
    margin: 0;
    position: relative;
    cursor: pointer;
    width: max-content;
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-instagram label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    border-radius: 2px;
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-instagram input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog input:checked+label:before,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other input:checked+label:before {
    background-color: var(--orange);
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-facebook input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-twitter input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-snapchat input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-tiktok input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-youtube input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-blog input:checked+label:after,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-other input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text {
    width: 28%;
    padding-right: 10px;
}

@media (max-width: 767px) {

    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text {
        width: 100%;
        padding-right: 0px;
    }
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-url,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-url {
    width: 39%;
}

@media (max-width: 767px) {

    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-url,
    .submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-url {
        width: 100%;
        height: auto;
    }

}

.social-url-field.form-text::-webkit-input-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.social-url-field.form-text::-moz-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.social-url-field.form-text::-ms-input-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.social-url-field.form-text::-ms-input-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.social-url-field.form-text::placeholder {
    color: #6c757d !important;
    opacity: 1;
}

.social-url-field.form-text {
    margin-top: 0 !important;
    height: 30px;
    padding: 8px 12px;
    letter-spacing: 0.35px;
    font-size: var(--font-small);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    border-radius: 0.25rem;
}

@media (max-width: 767px) {
    .social-url-field.form-text {
        margin-top: 5px !important;
    }
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input {
    width: 100%;
    height: 30px;
    padding: 8px 12px;
    letter-spacing: 0.35px;
    font-size: var(--font-small);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    margin: auto;
    border-radius: 0.25rem;
    margin-bottom: 5 px;
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input::-webkit-input-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input::-moz-placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-instagram-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-facebook-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-twitter-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-snapchat-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-tiktok-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-youtube-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-blog-text input::placeholder,
.submission-form .accordion .card .card-body .social-media-platforms .js-form-item-gv-platforms-other-text input::placeholder {
    color: #6c757d;
    opacity: 1;
}

.gv-update-media-user .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.gv-update-media-user .form-group {
    margin-bottom: 20px;
}

.gv-update-media-user .form-item label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    cursor: auto;
}

.gv-register-media-user .js-form-item-gv-agree label a {
    color: var(--orange);
}

.gv-update-media-user .form-item input.form-text,
.gv-update-media-user .form-item input.form-file,
.gv-update-media-user .form-item .form-date,
.gv-update-media-user .js-form-item-gv-mobile-number input.form-text {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    margin: 0;
}

.gv-update-media-user .form-item input.form-file {
    padding: 7px 12px;
}

.gv-update-media-user .form-item textarea.form-textarea {
    height: auto;
}

.gv-update-media-user .action-button .form-actions {
    margin: 0;
    padding: 0;
}

.gv-update-media-user .action-button {
    margin-top: 25px;
}

.gv-update-media-user .action-button input {
    margin: 0;
    padding: 6px 15px;
    width: 140px;
    font-family: inherit;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.gv-update-media-user .card .card-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.gv-update-media-user .card:nth-child(2) .card-body .form-group {
    width: calc(33.33% - 10px);
}

.gv-update-media-user .card .card-body .file a {
    word-break: break-all;
}

.checkbox-section .custom-checkbox {
    padding-inline-start: 0;
}

.checkbox-section .custom-checkbox label a {
    color: var(--orange);
    text-decoration: underline;
}

/* #gv-register-media-user .messages__wrapper { display: none!important; }
#gv-register-media-user .user_profile_picture .messages__wrapper { display: block !important; } */
.profile-banner .breadcrumb-section {
    padding-top: 0px;
    margin-bottom: 60px;
}

.profile-banner .breadcrumb-section .breadcrumb-item a {
    color: var(--white);
}

.profile-banner .breadcrumb-section .breadcrumb-item+.breadcrumb-item::before {
    color: var(--white);
}

.profile-banner .breadcrumb-section .breadcrumb-item.active {
    color: var(--white);
}

.important-slider {
    position: relative;
    margin-top: 60px;
}

.important-slider {
    visibility: hidden;
}

.slick-initialized {
    visibility: visible;
}

.slick-initialized .important-slider {
    visibility: visible;
}

.path-media-account .important-slider {
    margin-top: -50px;
}

.important-slider .slider {
    border-radius: 5px;
    background: var(--white);
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 15px 20px;
}

.important-slider .slider .slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.important-slider .slider .slide .content {
    width: calc(100% - 90px);
}

.important-slider .slider .slide .content h5 {
    font-size: calc(var(--root-font) + 4px);
    color: var(--text-primary);
    margin-bottom: 7px;
}

.important-slider .slider .slide .content p {
    color: var(--text-dark);
    margin-bottom: 5px;
}

.important-slider .slider .slide .content span {
    font-size: var(--font-extrasmall);
    color: var(--text-dark);
}

.important-slider .slider .slide .content a {
    color: var(--orange);
    text-decoration: underline;
}

.important-slider .slider .slide .slide-count-wrap {
    margin-inline-end: 40px;
    position: absolute;
    right: 0;
    top: 46px;
    display: none;
}

.important-slider .slider .slick-prev,
.important-slider .slider .slick-next {
    font-size: 14px;
    line-height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 10;
    color: var(--white);
    background: var(--orange);
    box-shadow: none;
}

.important-slider .slider .slick-prev {
    right: 65px;
    left: auto;
}

.important-slider .slider .slick-next {
    right: 20px;
}

.other-profile {
    padding-top: var(--small-spacing);
}

.other-profile .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
}

.other-profile .content .cardbox {
    padding: 20px;
}

.other-profile .content .cardbox .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.other-profile .content .cardbox .top h4 {
    font-size: calc(var(--root-font) + 10px);
    color: var(--blue);
    font-weight: var(--font-weight-bold);
}

.other-profile .content .cardbox .top a {
    color: var(--orange);
}

.other-profile .content .cardbox .top a i {
    vertical-align: middle;
}

.other-profile .content .cardbox .valid-until {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.other-profile .content .cardbox .application-status {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 200px;
}

.other-profile .content .cardbox .application-status .status-bar {
    width: 85%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.other-profile .content .cardbox .application-status .status-bar>div {
    position: relative;
    z-index: 1;
}

.other-profile .content .cardbox .application-status .status-bar span {
    display: block;
    margin-top: 10px;
}

.other-profile .content .cardbox .application-status .status-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    height: 10px;
    width: 100%;
    background-color: rgba(213, 212, 213, 0.315);
}

.other-profile .content .cardbox .application-status .pending {
    opacity: 0.5;
}

.other-profile .content .cardbox .application-status .approved {
    opacity: 1;
}

.other-profile .content .upcoming-trip {
    margin: 8px;
    flex: 1;
    position: relative;
}

.other-profile .content .my-status {
    margin: 8px;
    width: calc(100% - 16px);
    flex: 0 0 calc(100% - 16px);
    position: relative;
}

.other-profile .content .upcoming-trip ul li {
    display: block;
    margin-bottom: 8px;
}

.other-profile .content .upcoming-trip .porgress-bar {
    margin: 100px auto 30px;
    width: 50%;
    background-color: rgba(78, 73, 83, 0.3);
    height: 1px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.other-profile .content .upcoming-trip .porgress-bar .porgress-bar-item {
    background-color: var(--white);
    font-size: 20px;
    font-weight: 600;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(78, 73, 83, 0.3);
}

.other-profile .content .upcoming-trip .porgress-bar .porgress-bar-item.active {
    color: var(--blue);
}

.other-profile .content .upcoming-trip .table,
.other-profile .content .my-status .table {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}

.other-profile .content .upcoming-trip .table tr,
.other-profile .content .my-status .table tr {
    padding: 0;
    border-bottom: none;
    background: transparent;
}

.other-profile .content .upcoming-trip .table thead th,
.other-profile .content .upcoming-trip .table tbody td,
.other-profile .content .my-status .table thead th,
.other-profile .content .my-status .table tbody td {
    vertical-align: top;
    border-bottom: 0;
    border-top: 0;
    padding: .5rem;
    white-space: nowrap;
}

.other-profile .content .upcoming-trip .table tbody td a,
.other-profile .content .my-status .table tbody td a {
    color: var(--orange);
}

.other-profile .content .your-ticket {
    margin: 8px;
    width: calc(320px - 16px);
    flex: 0 0 calc(320px - 16px);
}

.other-profile .content .your-ticket img {
    display: block;
    margin: 15px auto;
}

.other-profile .content .your-ticket p {
    text-align: center;
}

.other-profile .content .your-ticket span {
    font-style: italic;
    opacity: .7;
}

.other-profile .content .your-ticket .or {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 700;
}

.other-profile .content .edutainment-kit {
    margin: 8px;
    width: calc(320px - 16px);
    flex: 0 0 calc(320px - 16px);
    display: none;
}

.other-profile .content .edutainment-kit .download-content .download-content-item {
    margin-bottom: 8px;
}

.other-profile .content .edutainment-kit .download-content .download-content-item img {
    width: 20px;
}

.other-profile .content .edutainment-kit .download-content .download-content-item span {
    color: var(--orange);
    text-decoration: underline;
    display: inline-block;
    margin-inline-start: 5px;
}

.other-profile .content .edutainment-kit .download-content .download-content-item:last-child {
    margin-bottom: 0;
}

.description .main-banner-middle h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.description .main-banner-middle h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.description .main-banner-middle h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.description .main-banner-middle h5 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}

.path-search-results .ajax-progress {
    display: none;
}

.contact-message-register-interest-email-form form {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.section {
    padding: 0;
}

.contact-message-register-interest-email-form .content {
    margin-top: 50px;
}

.contact-message-register-interest-email-form form .field--name-field-first-name,
.contact-message-register-interest-email-form form .field--name-field-last-name,
.contact-message-register-interest-email-form form .js-form-item-mail,
.contact-message-register-interest-email-form form .field--name-field-phone-number,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth,
.contact-message-register-interest-email-form form .field--name-field-gender,
.contact-message-register-interest-email-form form .field--name-field-nationality,
.contact-message-register-interest-email-form form .field--name-field-country {
    padding: 0 15px;
    width: 50%;
    flex: 0 0 50%;
}

.contact-message-register-interest-email-form form .field--name-field-first-name .form-item,
.contact-message-register-interest-email-form form .field--name-field-last-name .form-item,
.contact-message-register-interest-email-form form .js-form-item-mail,
.contact-message-register-interest-email-form form .field--name-field-phone-number .form-item,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .form-item,
.contact-message-register-interest-email-form form .field--name-field-gender .form-item,
.contact-message-register-interest-email-form form .field--name-field-nationality .form-item,
.contact-message-register-interest-email-form form .field--name-field-country .form-item {
    margin-top: 0;
    margin-bottom: 20px;
}

.contact-message-register-interest-email-form form .field--name-field-date-of-birth .form-item {
    display: block;
}

.contact-message-register-interest-email-form form .field--name-field-first-name .form-item label,
.contact-message-register-interest-email-form form .field--name-field-last-name .form-item label,
.contact-message-register-interest-email-form form .js-form-item-mail label,
.contact-message-register-interest-email-form form .field--name-field-phone-number .form-item label,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .label,
.contact-message-register-interest-email-form form .field--name-field-gender .form-item label,
.contact-message-register-interest-email-form form .field--name-field-nationality .form-item label,
.contact-message-register-interest-email-form form .field--name-field-country label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    display: block;
    line-height: 1.5;
    cursor: auto;
}

.contact-message-register-interest-email-form form .field--name-field-first-name .form-item input,
.contact-message-register-interest-email-form form .field--name-field-last-name .form-item input,
.contact-message-register-interest-email-form form .js-form-item-mail .newsletter-email,
.contact-message-register-interest-email-form form .js-form-item-mail input,
.contact-message-register-interest-email-form form .field--name-field-phone-number .form-item input,
.contact-message-register-interest-email-form form .field--name-field-date-of-birth .form-item input,
.contact-message-register-interest-email-form form .field--name-field-gender .form-item select,
.contact-message-register-interest-email-form form .field--name-field-nationality .form-item select,
.contact-message-register-interest-email-form form .field--name-field-country select {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    margin: 0;
}

.contact-message-register-interest-email-form form .field--name-field-country select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
}

.contact-message-register-interest-email-form form .js-form-item-mail .newsletter-email {
    line-height: 34px;
}

.contact-message-register-interest-email-form form .form-actions {
    padding: 0;
    margin: 0;
    margin: 0 15px;
    width: calc(100% - 30px);
    flex: 0 0 calc(100% - 30px);
}

.contact-message-register-interest-email-form form .form-actions input {
    width: 180px !important;
    height: 44px;
    margin-top: 20px;
    line-height: 26px;
    font-family: inherit;
    margin-right: 0px !important;
}

.contact-message-register-interest-email-form form .form-actions input.form-submit:hover,
.contact-message-register-interest-email-form form .form-actions input.form-submit:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.gv-review-rating-settings .ratingsReviews__group {
    margin-bottom: 25px;
}

.gv-review-rating-settings .form-checkboxes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -5px;
}

.gv-review-rating-settings .form-item {
    margin: 0;
}

.gv-review-rating-settings .form-checkboxes .form-item {
    position: relative;
    margin: 5px;
}

.gv-review-rating-settings .form-checkboxes .form-type-checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.gv-review-rating-settings .form-composite>legend {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
    font-family: 'Poppins', sans-serif;
    color: var(--blue);
}

.gv-review-rating-settings .form-checkboxes .form-type-checkbox label {
    display: inline-block;
    margin: 0;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 2px;
    background-color: #F0F0F0;
    font-family: 'Poppins';
    cursor: pointer;
}

.gv-review-rating-settings .form-checkboxes .form-type-checkbox input[type=checkbox]:checked+label {
    color: #F37021;
    background-color: rgba(249, 107, 36, 0.2);
}

.gv-review-rating-settings .js-form-type-textarea label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    margin-left: 0;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    font-family: Poppins;
    cursor: auto;
}

.gv-review-rating-settings .js-form-type-textarea textarea {
    width: 100%;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
    margin: 0;
}

.gv-review-rating-settings .js-form-type-managed-file label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    margin-left: 0;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    font-family: Poppins;
    cursor: auto;
}

.gv-review-rating-settings .js-form-type-managed-file input {
    width: 100%;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
    margin: 0;
}

.review-success-wrapper .ui-dialog-title {
    color: #28a745;
}

.ui-dialog .ui-dialog-titlebar {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #CCC;
    border-radius: 0;
    background: #FFF;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar span {
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 600;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    padding: 5px;
    border-width: 1px 0 0 0;
    border-color: #CCC;
    background: #FFF;
}

.ui-dialog .submit-review-btn {
    min-width: 150px;
    height: 40px;
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    border-radius: .25rem;
    margin: 0;
    font-family: Poppins;
    line-height: 20px;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
    /*{iconsActive}*/
    ;
}

.gv-review-rating-settings .form-radios {
    float: left;
}

.gv-review-rating-settings .form-radios label {
    color: #D5D4D5;
    float: right;
    margin-bottom: 0;
}

.gv-review-rating-settings .form-radios input {
    display: none;
}

.gv-review-rating-settings .form-radios label:before {
    margin: 5px;
    font-size: 36px;
    font-family: 'icomoon';
    display: inline-block;
    content: "\e929";
}

.gv-review-rating-settings .form-radios input:checked~label,
.gv-review-rating-settings .form-radios:not(:checked) label:hover,
.gv-review-rating-settings .form-radios:not(:checked) label:hover~label {
    color: var(--yellow);
}

.gv-review-rating-settings .form-radios input:checked+label:hover,
.gv-review-rating-settings .form-radios input:checked~label:hover,
.gv-review-rating-settings .form-radios label:hover~input:checked~label,
.gv-review-rating-settings .form-radios input:checked~label:hover~label {
    color: var(--yellow);
}

/* Covid Message */
.healthy-safety .content {
    display: flex;
    align-items: strech;
}

.healthy-safety .content .image {
    width: calc(100% - 360px);
    height: 480px;
    border-radius: 5px;
}

.healthy-safety .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.healthy-safety .content .cardbox {
    width: 340px;
    margin-inline-start: 20px;
    padding: 20px;
}

.healthy-safety .content .cardbox h4 {
    font-size: calc(var(--root-font) + 10px);
    color: var(--blue);
    margin-bottom: 10px;
}

.healthy-safety .content .cardbox span {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    display: block;
    margin-bottom: 10px;
}

.precautionary {
    padding-top: var(--large-spacing);
    position: relative;
}

.precautionary .compass1-pattern {
    position: absolute;
    left: -400px;
    top: -190px;
}

.precautionary .cardbox {
    padding: 20px;
    min-height: 440px;
}

.precautionary .cardbox img {
    margin-bottom: 30px;
}

.precautionary .cardbox h4 {
    font-size: calc(var(--root-font) + 10px);
    color: var(--blue);
    margin-bottom: 20px;
}

/* //Covid Message */

/* GV Pay App */
.payapp-features {
    padding-top: var(--medium-spacing);
    padding-bottom: var(--large-spacing);
}

.payapp-features .payapp-features-content {
    display: flex;
    align-items: center;
}

.payapp-features .payapp-features-content div {
    width: 33.33%;
    flex: 0 0 33.33%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.payapp-features .payapp-features-content div img {
    width: 70px;
    margin: 0 auto;
}

.payapp-features .payapp-features-content div span {
    margin-top: 10px;
    font-weight: 600;
}

.downloadPayApp {
    text-align: center;
    padding-top: var(--large-spacing);
}

.downloadPayApp img {
    width: 100%;
    max-width: 621px;
    margin: 0 auto;
}

.downloadPayApp span {
    display: block;
    font-size: calc(var(--root-font) + 4px);
    margin-bottom: 30px;
}

.downloadPayApp .store-icon a {
    display: inline-block;
    margin: 0 30px;
}

.downloadPayApp .store-icon a img {
    width: 140px;
}

.vip-video {
    padding-top: var(--large-spacing);
}

.vip-video .video {
    width: 100%;
    height: 500px;
}

.experience-image {
    width: 100%;
    max-height: 460px;
    border-radius: 5px;
}

.experience-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

/* //GV Pay App */

/* 404 Page */
.page-not-found {
    background: url(../images/resources/404.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: calc(100vh - 68px);
    position: relative;
}

.page-not-found .content {
    padding-top: 60px;
    text-align: center;
}

.page-not-found .content h2 {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #EC9B5E;
}

.page-not-found .content h1 {
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 30px;
    color: var(--orange);
}

.page-not-found .content h4 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 25px;
}

.page-not-found .content p {
    font-size: 26px;
    color: #767676;
    margin-bottom: 50px;
}

.page-not-found .search-box {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.page-not-found .search-box .content {
    padding-top: 0;
}

.page-not-found .form-item {
    margin: 0;
}

.page-not-found .searchbox {
    position: relative;
}

.page-not-found .searchbox input {
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 12%);
    padding-inline-start: 50px;
    margin-top: 0;
}

.page-not-found .searchbox .js-form-submit {
    display: none;
}

.menu-content .searchbox .js-form-submit {
    display: none;
}

.page-not-found .searchbox i {
    position: absolute;
    left: 15px;
    top: calc(50% - 10px);
    font-size: 20px;
}

.page-not-found .content .links {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 700px;
    margin: 30px auto 0;
}

.page-not-found .content .links a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.page-not-found .content .links a img {
    width: 40px;
}

.page-not-found .content .links a span {
    display: block;
    margin-top: 7px;
    font-size: 18px;
    font-weight: 500;
}

.page-not-found .contact-links {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.page-not-found .contact-links div {
    margin: 0 10px;
}

.page-not-found .contact-links div img {
    margin-inline-end: 7px;
    vertical-align: middle;
}

/* Ramadan Majilis */
.majlis {
    position: relative;
    padding-top: var(--medium-spacing);
}

.majlis h5,
.majlis h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--blue);
}

.majlis .majlis-content p {
    font-size: var(--root-font);
    margin-bottom: 1rem;
}

.majlis .majlis-content p a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.majlis .table-option .table-content {
    text-align: center;
}

.majlis .table-option .table-content h4.amount {
    color: #a5a5a5;
    font-weight: 500;
    font-size: 0.875rem;
}

.majlis .table-option .table-content .tbl-image {
    margin-bottom: 0.75rem;
}

.majlis .table-option .tbl-txt {
    color: #343434;
    font-weight: var(--font-weight-bold);
    font-size: calc(var(--root-font) + 2px);
}

.majlis .dining-menu {
    padding-top: var(--medium-spacing);
    position: relative;
}

.majlis .dining-menu h5 {
    color: var(--blue);
}

.majlis .dining-menu .menu-image {
    overflow: hidden;
    display: block;
}

.majlis .dining-menu .menu-image img {
    border-radius: 5px;
    width: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.majlis .dining-menu .menu-image:hover img {
    transform: scale(1.1);
}

.majlis .book-table .reserve-table {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #DDD;
}

.majlis.book-table h5 {
    color: var(--blue);
    margin-bottom: 1rem;
}

.majlis .book-table .submission-form {
    padding: 0;
}

.majlis .book-table .submission-form label {
    color: #2A2828;
    margin-bottom: 5px;
    font-size: calc(var(--font-regular));
    font-weight: var(--font-weight-regular);
    cursor: pointer;
}

.majlis .book-table .submission-form .form-control.main_form_change {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.majlis .book-table .table-details p small {
    font-size: 12px;
    color: #A5A5A5;
}

.majlis .book-table .table-details .table-preference {
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between;
}

.majlis .book-table .table-details .label-upgrade-premium {
    font-size: calc(var(--root-font) + 1px);
    font-weight: var(--font-weight-semibold);
}

.majlis .book-table .table-details .availability-info {
    color: #a5a5aa;
    font-size: 16px;
    margin-bottom: 20px;
}

.majlis .book-table .table-details h6 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    margin-bottom: 10px;
    color: var(--blue);
}

.majlis .book-table .check_availabilty_button {
    margin-top: 2.125rem;
}

.majlis .table-list {
    margin: 1.5rem 0;
}

.table-list .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEE;
}

.majlis .table-list .list .left {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-normal);
    color: black;
    min-width: 155px;
    display: flex;
    align-items: center;
}

.majlis .table-list .list .left .img-wrapper {
    width: 40px;
    text-align: center;
}

.majlis .table-list .list .left .table-img {
    margin-inline-end: 10px;
    height: 30px;
    width: auto;
}

.majlis .table-list .list .left small {
    display: block;
    font-size: 80%;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.majlis .table-list .list .middle .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    flex: 0 0 100px;
}

.majlis .table-list .list .middle .quantity input {
    width: 30px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    color: #484848;
}

.majlis .table-list .list .middle .quantity button {
    padding: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 26px;
    font-size: 14px;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.majlis .table-list .list .right {
    font-size: calc(var(--root-font) + 10px);
    font-weight: var(--font-weight-semibold);
    text-align: end;
    color: black;
}

.majlis .table-list .list .right small {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    color: #A09EA2;
}

.majlis .table-list .list .right span {
    display: block;
    font-size: 10px;
    font-weight: var(--font-weight-regular);
    color: #343434;
}

/* ===== Majlis Accordion ===== */
#accordion_majlis .card {
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #D0D5D8;
}

#accordion_majlis .card .card-header {
    margin-bottom: 0;
}

#accordion_majlis .card .card-header button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(58, 142, 178, 0.05);
    border-bottom: none;
    font-size: 22px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
    width: 100%;
}

#accordion_majlis .card .card-header button:hover,
#accordion_majlis .card .card-header button:focus {
    text-decoration: none;
}

#accordion_majlis .card .card-header button[aria-expanded="true"]:after {
    font-family: 'icomoon';
    content: "\e938";
    font-size: var(--root-font);
    color: var(--blue);
}

#accordion_majlis .card .card-header button[aria-expanded="false"]:after {
    font-family: 'icomoon';
    content: "\e90d";
    font-size: var(--root-font);
    color: var(--blue);
}

#accordion_majlis .card .card-body {
    padding: 20px;
    border-top: 1px solid #D0D5D8;
}

#accordion_majlis .card .card-body .question-list {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #D0D5D8;
    font-size: var(--root-font);
}

#accordion_majlis .card .card-body .question-list p {
    margin-top: 7px;
}

#accordion_majlis .card .card-body .question-list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

/* ===== Majlis Popup Section ===== */
.check_availabilty .modal-dialog {
    max-width: 450px !important;
    width: 80%;
}

.check_availabilty .modal-content {
    position: relative;
    border-radius: 0;
    border: none;
    background: rgba(255, 255, 255, 1);
    padding: 40px 20px 40px 20px;
}

#tablePopup.check_availabilty .modal-content {
    padding: 30px 20px 30px 20px;
}

.check_availabilty .modal-content .modal-body {
    padding: 0;
    text-align: center;
}

.check_availabilty .modal-content .modal-body p {
    font-size: 18px;
    font-weight: var(--font-weight-normal);
    color: #2A2828;
    margin-top: 25px;
}

.check_availabilty .modal-content .modal-body .popup_logo {
    width: 90px;
    height: auto;
}

.check_availabilty .modal-content .modal-body h5 {
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    margin-top: 40px;
}

@media (max-width: 767px) {
    .check_availabilty .modal-content .modal-body h5 {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .check_availabilty .modal-content .modal-body .btn {
        margin-top: 40px;
    }
}

.check_availabilty .modal-content .modal-body button.close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -30px;
    right: -10px;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 31px;
    text-shadow: none;
    color: #000000;
    background: rgba(0, 0, 0, 0.1);
    font-family: 'Poppins';
    z-index: 1;
}

#tablePopup.check_availabilty .modal-content .modal-body button.close {
    top: -15px;
}

.available-majlis-table {
    padding-top: var(--large-spacing);
}

.available-majlis-table .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.available-majlis-table .content .back-event {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    font-size: 24px;
    font-weight: 700;
    color: var(--blue);
}

.available-majlis-table .content .back-event svg {
    margin-inline-end: 0.75rem;
}

.available-majlis-table .content .back-event:hover {
    color: var(--orange);
}

.majlis-table-booking {
    padding-top: 50px;
}

.majlis-table-booking .gv-ramadan .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: 0;
    background-color: var(--white);
    background-clip: border-box;
    border: none;
}

.majlis-table-booking .gv-ramadan .card .card-header {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    padding: 0;
    color: var(--blue);
    background-color: transparent;
    border-bottom: none;
}

.majlis-table-booking .gv-ramadan .card .card-body {
    padding: 0;
}

.majlis-table-booking .gv-ramadan .card .card-body .js-form-item {
    margin: 0;
}

.majlis-table-booking .gv-ramadan .card .card-body .js-form-item .form-control.formChange {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details {
    margin-top: 20px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-details-top {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-details-top div h4 {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    margin-bottom: 0;
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-details-top div h6 {
    font-size: calc(var(--root-font));
    font-weight: var(--font-weight-semibold);
    margin-top: 10px;
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details p {
    color: #A5A5A5;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list {
    margin: 20px 0;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEE;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    min-width: 300px;
    display: flex;
    align-items: center;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left .img-wrapper {
    width: 50px;
    text-align: center;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left .table-img {
    margin-inline-end: 15px;
    height: 30px;
    width: auto;
}

@media (max-width: 767px) {
    .majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left .table-img {
        margin-inline-end: 5px;
    }
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left small {
    display: block;
    font-size: 80%;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .middle .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    flex: 0 0 100px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .middle .quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .middle .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 14px;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .right {
    font-size: calc(var(--root-font) + 10px);
    font-weight: var(--font-weight-semibold);
    text-align: end;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .right small {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .right span {
    display: block;
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    color: var(--text-dark);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox {
    padding: 0
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox label {
    position: relative;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox input:checked+label:before {
    background-color: var(--orange);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox .icon-info {
    margin-inline-start: 0.25rem;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .custom-checkbox+small {
    display: block;
    font-size: 100%;
    margin-top: 8px;
    color: #A5A5A5;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button {
    margin-top: 25px;
    text-align: right;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button .btn-theme:hover,
.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button .btn-theme:focus {
    background: var(--orange);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .action-button .button.is-disabled {
    cursor: default;
    color: var(--white);
    background: var(--orange);
    border-color: var(--orange);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable {
    margin-top: 30px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable h5 {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 5px;
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable small {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #A5A5A5;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable p,
.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .no-slots-error {
    color: red;
    font-weight: var(--font-weight-medium);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .js-form-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .check-box-group {
    margin: 5px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable .check-box-group label {
    display: block;
    width: auto;
    margin: 0;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-avilable input {
    display: none;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .slot-action {
    cursor: pointer;
    padding: 8px;
    border-radius: 5px;
    min-width: 100px;
    width: 120px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 0 !important;
    font-size: var(--root-font);
    font-weight: var(--font-weight-regular);
    border: 2px solid rgba(78, 73, 83, 0.15);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .checkbox-parent-active .slot-action {
    border: 2px solid var(--green);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .check-box-group input:checked+.slot-action {
    color: white !important;
    background-color: var(--orange);
    border: 2px solid var(--orange);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .check-box-group input:disabled+.slot-action {
    color: #AAA !important;
    background-color: #EEE;
    border: 2px solid #EEE;
    cursor: auto;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div {
    margin-top: 30px;
    margin-bottom: 30px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div .js-form-item label {
    display: none;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details #special_req_main_div .js-form-item .form-textarea-wrapper textarea.form-control {
    min-height: 130px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary {
    margin-bottom: 30px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary h4 {
    margin-bottom: 20px;
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #EEE;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .left {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-normal);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .left small {
    display: block;
    margin-top: 4px;
    font-size: var(--root-font);
    font-weight: var(--font-weight-normal);
    color: var(--text-light);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .right {
    font-size: calc(var(--root-font) + 10px);
    font-weight: var(--font-weight-semibold);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list .list .right small {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-summary .table-summary-list span {
    font-weight: var(--font-weight-medium);
    color: var(--blue);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total label {
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue) !important;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total span {
    font-size: 30px;
    font-weight: var(--font-weight-bold);
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total span>small {
    display: none;
}

.majlis-table-booking .gv-ramadan .card .card-body .table-details .table-total span small {
    font-size: 60%;
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.overview .overview-content ul li {
    display: block;
    position: relative;
    padding-inline-start: 20px;
    font-size: calc(var(--root-font) + 2px);
    margin-bottom: 3px;
}

.overview .overview-content ul.majlis-terms li {
    font-size: calc(var(--root-font) + 0px);
}

.overview .overview-content ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00AB4E;
}

.overview .overview-content ul.majlis-terms li:after {
    top: 6px;
}

.vip-benefits {
    padding-top: var(--medium-spacing);
}

@media (max-width: 767px) {
    .vip-benefits {
        padding-top: 40px;
    }
}

.vip-benefits .views-element-container {
    position: relative;
    display: block;
    margin-bottom: 4rem;
}

.vip-benefits .cardbox .cardbox-content p {
    min-height: 138px;
    -webkit-line-clamp: 6;
}

.callto-action-text {
    padding-top: var(--medium-spacing);
}

.callto-action-text p {
    margin-bottom: 10px;
}

.callto-action-text p:last-child {
    margin-bottom: 0;
}

.tc-link {
    padding-top: var(--small-spacing);
    text-align: center;
}

.tc-link a {
    display: inline-block;
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.tc-link a:hover {
    color: var(--orange);
}

.view-id-vip_benefits .view-content .cardbox {
    margin: 8px;
}

.view-id-vip_benefits .view-content .cardbox .cardbox-content {
    min-height: 200px;
}

#vip_terms_popup .modal-content {
    padding: 30px;
    overflow: auto;
    height: calc(100vh - 100px);
}

#vip_terms_popup h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--orange);
}

#vip_terms_popup .modal-content .modal-body ul {
    padding-inline-start: 20px;
}

#vip_terms_popup .modal-content .modal-body ul li {
    margin-bottom: 5px;
}

#vip_terms_popup .modal-content .modal-body ul li:last-child {
    margin-bottom: 0;
}

#vip_terms_popup .modal-content button.close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -20px;
    right: -20px;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 31px;
    text-shadow: none;
    color: var(--white);
    background: var(--blue);
    font-family: 'Poppins';
    z-index: 1;
}

#vip_terms_popup .modal-content .modal-body button.close:hover,
#vip_terms_popup .modal-content .modal-body button.close:focus {
    background: var(--orange);
}

.promo-banner {
    margin-top: var(--large-spacing);
}

.vip-promotion img {
    width: 100%;
    height: auto;
}

.vip-promotion .slick-dots {
    bottom: 10px;
}

.vip-promotion .slick-dots li {
    margin: 0;
}

.vip-promotion .slick-dots li button:before {
    font-size: 10px;
    color: var(--white);
}

.vip-promotion .slick-dots li.slick-active button:before {
    color: var(--white);
}

.vip-promotion .slick-prev {
    left: 20px;
}

.vip-promotion .slick-next {
    right: 20px;
}

.vip-promotion.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.all-galleries {
    padding-top: var(--medium-spacing);
}

.all-galleries .cardbox .cardbox-image .ExploreGallery i {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    font-size: 36px;
    color: var(--white);
}

.all-galleries .cardbox .cardbox-content .cardbox-content-header {
    margin-bottom: 0;
}

.all-galleries .cardbox .cardbox-content {
    min-height: auto;
}

.all-galleries .cardbox .cardbox-content h4 {
    height: auto;
    margin-bottom: 0;
}

.contact-link {
    padding-top: var(--small-spacing);
}

.contact-link p a {
    font-weight: var(--font-weight-medium);
    color: var(--orange);
}

#OfferPopup .modal-content {
    position: relative;
    padding: 0;
    border: none;
    border-radius: 0.5rem;
    background: #FFFFFF;
}

#OfferPopup .modal-content .modal-body {
    padding: 15px;
    color: inherit;
}

#OfferPopup .modal-content .modal-body button.close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 31px;
    text-shadow: none;
    color: var(--white);
    background: var(--blue);
    font-family: 'Poppins';
    z-index: 1;
}

#OfferPopup .modal-content .modal-body button.close:hover,
#OfferPopup .modal-content .modal-body button.close:focus {
    background: var(--orange);
}

#OfferPopup .modal-content .modal-body .image-section {
    width: 100%;
    height: 275px;
    overflow: hidden;
    border-radius: 0.5rem;
}

#OfferPopup .modal-content .modal-body .image-section img {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    object-fit: cover;
    object-position: center center;
}

#OfferPopup .modal-content .modal-body .video-section {
    width: 100%;
    height: 320px;
}

#OfferPopup .modal-content .modal-body .video-section video {
    width: 100%;
    height: 100%;
}

#OfferPopup .modal-content .modal-body h4 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

#OfferPopup .modal-content .modal-body p {
    margin-bottom: 12px;
}

#OfferPopup .modal-content .modal-body a.btn {
    position: relative;
    top: 0;
    right: 0;
    width: fit-content;
    min-width: 160px;
    font-size: var(--root-font);
    height: 42px;
    line-height: 25px;
    margin: 20px auto 0;
}

@media (max-width: 992px) {
    #terms_popup .modal-dialog.modal-lg {
        max-width: 700px;
        margin: 1.75rem 10px;
    }
}

#terms_popup .modal-content {
    padding: 0;
    border: none;
    position: relative;
    background: var(--blue);
}

#terms_popup .modal-content .modal-body {
    padding: 30px;
    color: var(--white);
}

@media (max-width: 992px) {
    #terms_popup .modal-content .modal-body {
        padding: 20px;
    }
}

#terms_popup .modal-content .modal-body button.close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 31px;
    text-shadow: none;
    color: var(--white);
    background: var(--orange);
    font-family: 'Poppins';
    z-index: 1;
}

#terms_popup .modal-content .modal-body ul {
    padding-inline-start: 20px;
}

#terms_popup .modal-content .modal-body ul li {
    margin-bottom: 10px;
}

#terms_popup .modal-content .modal-body ul li:last-child {
    margin-bottom: 0;
}

/* ===== Image Section ===== */
#ImagePopup .modal-content {
    position: relative;
    padding: 0;
    border-radius: 0;
    border: none;
    background: rgba(255, 255, 255, 0.9);
}

#ImagePopup.bg-transparent .modal-content {
    background: transparent;
    width: auto;
    margin: auto;
}

#ImagePopup .modal-content .modal-body {
    padding: 0;
}

#ImagePopup .modal-content .modal-body button.close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 31px;
    text-shadow: none;
    color: var(--white);
    background: var(--blue);
    font-family: 'Poppins';
    z-index: 1;
}

#ImagePopup .modal-content .modal-body button.close:hover,
#ImagePopup .modal-content .modal-body button.close:focus {
    background: var(--orange);
}

#ImagePopup .modal-content .modal-body .image-section {
    width: 100%;
    height: auto;
    position: relative;
    padding: 10px;
}

#ImagePopup .modal-content .modal-body .image-section img {
    width: auto;
    height: 540px;
}

#ImagePopup .modal-content .modal-body .image-section h4 {
    font-size: var(--font-regular);
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
    text-align: center;
    color: #FFF;
}

#ImagePopup .modal-content .modal-body .image-section .btn.btn-theme {
    width: auto;
    height: auto;
    white-space: nowrap;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    top: auto;
    right: auto;
    font-size: var(--font-regular);
    margin: 0;
    line-height: normal;
}

@media (min-width: 992px) {

    #ImagePopup .modal-lg,
    .modal-xl {
        max-width: max-content;
    }
}

@media (max-width: 992px) {
    #ImagePopup .modal-content .modal-body .image-section .bottom {
        font-size: 18px;
        line-height: 22px;
    }

    #ImagePopup .modal-dialog.modal-lg {
        max-width: 700px;
        margin: 0 auto !important;
    }

    #ImagePopup .modal-content .modal-body .image-section img {
        width: 100%;
        height: auto;
    }

    #ImagePopup .modal-content .modal-body .image-section .btn.btn-theme {
        zoom: 0.9;
    }

    #ImagePopup .modal-content {
        margin: 0 10px;
    }

    #ImagePopup .modal-content .modal-body .image-section h4 p {
        margin: 0;
    }
}

@media (max-width: 576px) {
    #ImagePopup .modal-content .modal-body .image-section .bottom {
        font-size: 16px;
        line-height: 20px;
    }
}

/* ===== //Image Section ===== */

.vip-offer-terms-content h4 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.vip-offer-terms-content h6 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 6px;
}

.vip-offer-terms-content h5 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 6px;
}

.vip-offer-terms-content ul {
    padding-inline-start: 20px;
    margin-top: 5px;
}

.vip-offer-terms-content ul li {
    margin-bottom: 10px;
    font-size: 15px;
}

.vip-offer-terms-content ul li:last-child {
    margin-bottom: 0;
}

.vip-offer-terms-content ul li a,
.vip-offer-terms-content p a {
    color: var(--orange);
}

.vip-offer-terms-content p span,
.vip-offer-terms-content p span,
.vip-offer-terms-content ul li span {
    display: inline-block;
    direction: ltr;
    margin-inline-start: 7px;
}

.why-partnerus {
    padding-top: var(--large-spacing);
}

.why-partnerus .three-thumbnails {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -8px;
}

.why-partnerus .three-thumbnails .content {
    width: calc(33.33% - 16px);
    flex: 0 0 calc(33.33% - 16px);
    margin: 8px;
    text-align: center;
}

.why-partnerus .three-thumbnails .content img {
    width: 90px;
    margin: 50px auto;
}

/* ===== Blogs ===== */
.featured-blogs {
    padding-top: var(--medium-spacing);
}

.featured-blogs .featured-blog-list {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.featured-blogs .featured-blog-list .content {
    width: calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
}

.featured-blogs .featured-blog-list .content:first-child {
    margin-inline-end: 10px;
}

.featured-blogs .featured-blog-list .content:last-child {
    margin-inline-start: 10px;
}

.featured-blogs .featured-blog-list .content .image {
    width: 100%;
    flex: 0 0 100%;
    height: 330px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 15px;
    position: relative;
}

.featured-blogs .featured-blog-list .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.featured-blogs .featured-blog-list .content .image h4 {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    margin-bottom: 0;
    font-size: calc(var(--root-font) + 14px);
    color: var(--white);
}

.featured-blogs .featured-blog-list .content p a {
    color: var(--orange);
}

.blogs {
    padding-top: var(--large-spacing);
}

.blogs .blog-list .content {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
}

.blogs .blog-list .content:last-child {
    margin-bottom: 0;
}

.blogs .blog-list .content .image {
    width: 340px;
    flex: 0 0 340px;
    height: 220px;
    overflow: hidden;
    border-radius: 3px;
    margin-inline-end: 20px;
}

.blogs .blog-list .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.blogs .blog-list .content:hover .image img {
    transform: scale(1.1);
}

.blogs .blog-list .content .details {
    width: calc(100% - 370px);
    flex: 0 0 calc(100% - 370px);
}

.blogs .blog-list .content .details h4 {
    font-size: calc(var(--root-font) + 10px);
    color: var(--blue);
    margin-bottom: 7px;
}

.blogs .blog-list .content .details .date small {
    display: inline-block;
    font-size: 100%;
    margin: 0 10px;
    color: var(--text-light);
}

.blogs .blog-list .content .details .date span {
    color: var(--blue);
}

.blogs .blog-list .content .details p {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blogs .blog-list .content .details a {
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-bold);
    color: var(--orange);
}

.blogs .blog-list .content .details a i {
    vertical-align: middle;
    margin-inline-start: 3px;
}

.blog-details {
    padding-top: var(--small-spacing);
}

.blog-details h1 {
    font-size: var(--primary-heading);
    color: var(--blue);
    margin-bottom: 25px;
}

.blog-details .col-lg-9 {
    flex: 0 0 calc(100% - 400px);
    max-width: calc(100% - 400px);
}

.blog-details .col-lg-3 {
    flex: 0 0 350px;
    max-width: 350px;
}

.blog-details .blog-slider {
    position: relative;
}

.blog-details .blog-slider .blog-slider-gallery {
    margin: 0;
}

.blog-details .blog-slider .blog-slider-gallery .slick-next {
    right: 15px;
    display: none !important;
}

.blog-details .blog-slider .blog-slider-gallery .slick-dots {
    bottom: 20px;
}

.blog-details .blog-slider .blog-slider-gallery .slick-dots li {
    margin: 0;
}

.blog-details .blog-slider .blog-slider-gallery .slick-dots li button {
    padding: 0;
}

.blog-details .blog-slider .blog-slider-gallery .slick-dots li button:before {
    font-size: 10px;
    color: var(--white);
}

.blog-details .blog-slider .blog-slider-gallery .slick-dots li.slick-active button:before {
    color: var(--white);
}

.blog-details .blog-slider .blog-slider-gallery .slick-prev {
    left: 15px;
    display: none !important;
}

.blog-details .blog-slider .blog-slider-gallery .list {
    width: 100%;
    height: 520px;
    overflow: hidden;
}

.blog-details .blog-slider .blog-slider-gallery .list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.blog-details .blog-slider .btn.btn-theme {
    position: absolute;
    bottom: 15px;
    right: 30px;
    z-index: 1;
}

.blog-details .date {
    margin-top: 30px;
}

.blog-details .date small {
    display: inline-block;
    font-size: 100%;
    margin: 0 10px;
    color: var(--text-light);
}

.blog-details .date span {
    color: var(--blue);
}

.blog-details .details {
    margin-top: 40px;
}

.blog-details .details p {
    margin-bottom: 20px;
}

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

.blog-details .social-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

.blog-details .social-share .category span,
.blog-details .social-share .social span {
    text-transform: uppercase;
    font-weight: var(--font-weight-medium);
}

.blog-details .social-share .category a {
    cursor: pointer;
    color: var(--orange);
}

.blog-details .comments {
    margin-top: 50px;
}

.blog-details .comments h4 {
    margin-bottom: 40px;
    font-size: calc(var(--root-font) + 10px);
    color: var(--blue);
}

.blog-details .comments .comment-list {
    display: flex;
    align-items: flex-start;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #DDD;
}

.blog-details .comments .comment-list img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.blog-details .comments .comment-list .content {
    margin-inline-start: 20px;
}

.blog-details .comments .comment-list .content h5 {
    font-size: 1.25rem;
    font-weight: var(--font-weight-semibold);
}

.blog-details .comments .comment-list .content small {
    color: var(--text-light);
    font-size: 85%;
}

.blog-details .comments .comment-list .content p {
    margin-top: 10px;
}

.blog-details .leave-comment {
    margin-top: 50px;
}

.blog-details .leave-comment>div {
    margin-bottom: 30px;
}

.blog-details .leave-comment h4 {
    margin-bottom: 7px;
    font-size: calc(var(--root-font) + 10px);
    color: var(--blue);
}

.blog-details .leave-comment span {
    display: block;
    margin-bottom: 30px;
    color: var(--text-light);
}

.blog-details .leave-comment span small {
    color: red;
    font-size: 100%;
}

.blog-details .leave-comment label {
    color: rgba(78, 73, 83, 0.6);
    margin-bottom: 4px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-regular);
    cursor: auto;
}

.blog-details .leave-comment .form-item,
.blog-details .leave-comment .form-actions {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

.blog-details .leave-comment .form-control {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.blog-details .leave-comment textarea.form-control {
    height: auto;
}

.blog-details .leave-comment .btn {
    width: 150px;
    margin-top: 30px;
    font-family: 'Poppins';
}

.blog-details .leave-comment .btn:hover,
.blog-details .leave-comment .btn:focus {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.blog-details .tags {
    margin-top: 40px;
}

.blog-details .tags h4,
.blog-details .latest-blogs h4 {
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-bold);
    color: var(--blue);
    margin-bottom: 15px;
}

.blog-details .tags ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -4px;
}

.blog-details .tags ul li {
    display: block;
    margin: 4px;
}

.blog-details .tags ul li a {
    display: block;
    padding: 7px 10px;
    color: var(--orange);
    background: rgba(242, 111, 34, 0.1);
    border-radius: 3px;
    cursor: pointer;
}

.blog-details .latest-blogs {
    margin-top: 40px;
}

.blog-details .latest-blogs .list {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

.blog-details .latest-blogs .list img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
}

.blog-details .latest-blogs .list .content {
    margin-inline-start: 15px;
}

.blog-details .latest-blogs .list .content h5 {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    margin-bottom: 5px;
}

.blog-details .latest-blogs .list .content span {
    color: var(--text-light);
    font-size: calc(var(--root-font) - 1px);
}

.blog-details .social {
    display: flex;
    align-items: center;
}

.blog-details .share-list {
    margin-inline-start: 5px;
}

.blog-details .share-list a {
    display: inline-block;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    padding: 7px;
    margin: 0 2px;
    cursor: pointer;
    overflow: hidden;
    background: var(--blue);
}

.blog-details .share-list a img {
    width: 100%;
    height: 100%;
    filter: invert(100%);
}

.blog-details .gallery .product-gallery>div:nth-child(2),
.blog-details .gallery .product-gallery>div:nth-child(3),
.blog-details .gallery .product-gallery .small-image {
    display: none;
}

.blog-details .gallery .product-gallery .big-image {
    position: relative;
    width: calc(100%);
}

.blog-search-form .searchbox {
    position: relative;
}

.blog-search-form .searchbox i {
    position: absolute;
    top: 13px;
    left: 13px;
}

.blog-search-form .searchbox input {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
    margin: 0;
    padding-inline-start: 40px;
}

.blog-search .blog-search-form .searchbox input {
    border: none;
    padding-inline-start: 30px;
    border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}

.blog-search.search-section .searchbox i.icon-search {
    top: 12px;
}

.ui-widget.ui-widget-content {
    padding: 10px;
    border: 1px solid #EEE
    /*{borderColorDefault};; */
    ;
}

/* ===== //Blogs ===== */

#faq .card {
    border: 0;
    margin-bottom: 5px;
}

#faq .card .card-header {
    border: 0;
    padding: 0;
    border-radius: 2px;
    border: none;
}

#faq .card .card-header .btn-header-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 12px;
    min-width: 100%;
    width: 100%;
    font-size: 1.25rem;
    font-weight: var(--font-weight-bold);
    color: var(--orange) !important;
    background: #F6F6F7;
    border: none;
}

#faq .card .card-header .btn-header-link:focus {
    border: none;
}

#faq .card .card-header .btn-header-link:after {
    content: "\e938";
    font-family: 'icomoon';
    font-weight: 900;
    float: right;
    margin-inline-start: 20px;
}

#faq .card .card-header .btn-header-link.collapsed {
    color: var(--text-dark) !important;
    background: #F6F6F7;
}

#faq .card .card-header .btn-header-link.collapsed:after {
    content: "\e90d";
}

#faq .card .collapse {
    border: 0;
}

#faq .card .card-body {
    padding: 15px 12px;
}

#faq .card .card-body p {
    font-size: var(--root-font);
    margin-bottom: 15px;
}

#faq .card .card-body p:last-child {
    margin-bottom: 0;
}

#faq .card .card-body p b {
    font-weight: var(--font-weight-bold);
}

#faq .card .card-body p a {
    font-weight: var(--font-weight-bold);
    color: var(--orange);
}

#faq .card .card-body h4 {
    font-size: 17px;
    margin-bottom: 7px;
    margin-top: 20px;
    font-weight: var(--font-weight-bold);
}

#faq .card .card-body ul {
    padding-inline-start: 20px;
    margin-bottom: 15px;
}

#faq .card .card-body ul li {
    display: list-item;
    margin-bottom: 5px;
    font-size: var(--root-font);
    color: var(--text-primary);
}

#faq .card .card-body .table-responsive {
    margin-bottom: 30px;
}

#faq .card .card-body table {
    margin: 0;
}

.cookie-policy h5 {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 12px;
}

.cookie-policy p {
    font-size: var(--root-font);
    margin-bottom: 15px;
}

.cookie-policy ul {
    padding-inline-start: 20px;
    margin-bottom: 15px;
}

.cookie-policy ul li {
    display: list-item;
    margin-bottom: 5px;
    font-size: var(--root-font);
    color: var(--text-primary);
}

.cookie-policy ul li:last-child {
    margin-bottom: 0;
}

/* Raffel Form */
.raffle-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 30px;
}

.raffle-form .form-group {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px;
}

@media (max-width: 991px) {
    .raffle-form .form-group {
        width: 100%;
        flex: 0 0 100%;
        padding: 0 15px;
    }
}

.raffle-form .form-group:first-child {
    width: 100%;
    flex: 0 0 100%;
}

.raffle-form .form-group label {
    width: 100%;
}

.raffle-form .cust-radio,
.guest-details-form .cust-radio {
    display: inline-block;
    position: relative;
}

.raffle-form .cust-radio input[type="radio"],
.guest-details-form .cust-radio input[type="radio"] {
    position: absolute;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer;
}

.raffle-form .cust-radio label,
.guest-details-form .cust-radio label {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    width: auto;
    margin-inline-end: 0.5rem;
    font-size: var(--root-font);
    color: var(--text-dark);
    background-color: #f0f0f0;
}

.raffle-form .cust-radio label:hover,
.raffle-form .cust-radio input[type="radio"]:checked+label,
.guest-details-form .cust-radio label:hover,
.guest-details-form .cust-radio input[type="radio"]:checked+label {
    color: var(--orange);
    background-color: #feebe1;
}

#response-message {
    color: var(--blue);
}

.overview .overview-content .rafflesuccess {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    color: var(--orange);
}

.overview .overview-content .rafflesuccess p {
    width: 100%;
    flex: 0 0 100%;
    color: var(--orange);
}

.overview .overview-content .raffle_content {
    margin-top: 30px;
}

.overview .overview-content .raffle_content .title {
    margin-bottom: 12px;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

.overview .overview-content .raffle_content ul li {
    font-size: var(--root-font);
}

.overview .overview-content .raffle_content ul li:after {
    top: 7px;
    width: 6px;
    height: 6px;
}

.overview .overview-content .raffle_content .image_wrapper {
    display: flex;
}

@media (max-width: 575px) {
    .overview .overview-content .raffle_content .image_wrapper {
        display: block;
    }
}

.overview .overview-content .raffle_content .image_content {
    width: 340px;
    margin-top: 50px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 10%);
    cursor: pointer;
}

.overview .overview-content .raffle_content .image_content img {
    width: 100%;
    height: 135px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center center;
}

.overview .overview-content .raffle_content .image_content .image_link {
    padding: 12px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overview .overview-content .raffle_content .image_content .image_link p {
    font-size: 14px;
    white-space: nowrap;
    margin-bottom: 0;
    margin-inline-start: 20px;
}

.overview .terms_content {
    margin-top: 40px;
}

.overview .terms_content p:first-child {
    font-weight: 600;
    color: var(--blue);
}

.overview .terms_content p {
    font-size: 14px;
}

.overview .terms_content p a {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

/* Raffel Draw */
.raffel-success-popup {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    padding: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

.raffel-success-popup:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(32, 41, 92, 0.6);
}

.raffel-success-popup.active {
    display: flex;
}

.raffel-success-popup .content {
    position: relative;
    z-index: 2;
    max-width: 600px;
    height: auto;
    background: var(--white);
}

@media (max-width: 767px) {
    .raffel-success-popup .content {
        max-width: 100%;
    }
}

.raffel-success-popup .content a.CloseRaffelPopup {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: var(--white);
    background: var(--orange);
}

.raffel-success-popup .content a.CloseRaffelPopup i {
    font-size: 14px;
    vertical-align: middle;
}

.raffel-success-popup .content .content-header {
    background: var(--blue);
}

.raffel-success-popup .content .content-header img {
    width: 100%;
    height: auto;
}

.raffel-success-popup .content .content-body {
    padding: 24px;
}

.raffel-success-popup .content .draw-success-message {
    position: relative;
    text-align: center;
    padding: 60px 50px 50px;
    margin-top: -84px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

@media (max-width: 767px) {
    .raffel-success-popup .content .draw-success-message {
        padding: 60px 20px 20px;
    }
}

.raffel-success-popup .content .draw-success-message img {
    position: absolute;
    left: 50%;
    top: -85px;
    transform: translateX(-50%);
    z-index: 1;
}

.raffel-success-popup .content .draw-success-message h4 {
    margin-bottom: 5px;
    font-size: calc(var(--root-font) + 8px);
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.raffel-success-popup .content .draw-success-message h5 {
    margin-bottom: 36px;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.raffel-success-popup .content .draw-success-message h6 {
    margin-bottom: 30px;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.raffel-success-popup .content .draw-success-message .congrats-message {
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    margin-bottom: 30px;
}

.raffel-success-popup .content .draw-success-message .congrats-message span {
    font-weight: var(--font-weight-medium);
}

.raffel-success-popup .content .draw-success-message .btn {
    width: 100px;
}

.skip-raff {
    position: absolute;
    left: 130px;
    bottom: 0;
    margin: 0 !important;
}

.user-logged-in .skip-raff {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 !important;
}

/* Raffel Draw Scheme */
#raffelDrwn .modal-content,
#raffelDrwnOffer .modal-content,
#raffelDrwn .modal-body,
#raffelDrwnOffer .modal-body {
    padding: 0;
    color: var(--text-dark);
    background: var(--white);
}

#raffelDrwn .modal-content a.raffeldraw-scheme-close,
#raffelDrwnOffer .modal-content a.raffeldraw-scheme-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: var(--white);
    background: var(--orange);
}

#raffelDrwn .modal-content a.raffeldraw-scheme-close i,
#raffelDrwnOffer .modal-content a.raffeldraw-scheme-close i {
    font-size: 14px;
    vertical-align: middle;
}

#raffelDrwn .modal-content .content-header,
#raffelDrwnOffer .modal-content .content-header {
    background: var(--blue);
}

#raffelDrwn .modal-content .content-header img,
#raffelDrwnOffer .modal-content .content-header img {
    width: 100%;
    height: auto;
}

#raffelDrwn .modal-content .content-body,
#raffelDrwnOffer .modal-content .content-body {
    padding: 24px;
    padding-bottom: 46px;
    color: var(--text-primary);
}

#raffelDrwn .modal-content .raffeldraw-scheme,
#raffelDrwnOffer .modal-content .raffeldraw-scheme {
    position: relative;
    text-align: center;
    padding: 50px 20px 20px;
    margin-top: -84px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

#raffelDrwn .modal-content .raffeldraw-scheme img.gv-logo,
#raffelDrwnOffer .modal-content .raffeldraw-scheme img.gv-logo {
    position: absolute;
    left: 50%;
    top: -85px;
    transform: translateX(-50%);
    z-index: 1;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list {
    text-align: center;
    cursor: pointer;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list h4,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list h4 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list span,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list span {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--blue);
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list h5,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list h5 {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list p,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list p {
    margin-top: 10px;
    margin-bottom: 0;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list button {
    margin-top: 10px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li {
    margin: 0;
    bottom: -5px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .redeemed-div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .redeemed-div img {
    margin: 0 0 0 7px;
    width: 20px;
    height: 20px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .redeemed-div button {
    margin-top: 0;
    background-color: #808080;
    border-color: #808080;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev {
    left: -35px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next {
    right: -35px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev {
    font-size: 14px;
    width: 35px;
    height: 35px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next.slick-disabled,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev.slick-disabled {
    display: none !important;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-next:before,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-prev:before {
    font-size: 14px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li button:before {
    font-size: 8px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode {
    margin-top: 20px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .use-promocode,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .exp-date,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .use-promocode,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .exp-date {
    font-size: 14px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode-code,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode-code {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px auto;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode-code .code,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode-code .code {
    min-width: 150px;
    height: 44px;
    padding: 5px 10px;
    text-align: center;
    font-size: 24px;
    margin-inline-start: 35px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
    background: var(--white);
    border: 1px solid var(--blue);

}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .promocode-code img.copy-promocode,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .promocode-code img.copy-promocode {
    cursor: pointer;
    margin: 0;
    margin-inline-start: 10px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code {
    margin-top: 25px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .list .qr-code h6,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code h6 {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    color: var(--blue);
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code img {
    display: block;
    width: 120px;
    height: 120px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code img {
    display: block;
    width: 200px;
    height: 200px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code p,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--blue);
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .qr-code .btn,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .qr-code .btn {
    min-width: 140px;
    height: 40px;
    margin-top: 10px;
    letter-spacing: 0.25px;
}

#raffelDrwnCollectpoint .modal-content .collect-point .btn,
#raffelDrwnOffer .modal-content .collect-point .btn {
    min-width: 140px;
    height: 40px;
    margin-top: 20px;
    letter-spacing: 0.25px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .raffeldraw-terms,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .raffeldraw-terms {
    text-align: center;
    margin-top: 20px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .list .raffeldraw-terms a,
#raffelDrwnOffer .modal-content .raffeldraw-scheme .list .raffeldraw-terms a {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: underline;
    line-height: normal;
    z-index: 1;
    color: var(--orange);
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider {
    margin-bottom: 0;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots {
    bottom: -50px;
}

#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li button:before,
#raffelDrwn .modal-content .raffeldraw-scheme .raffeldraw-scheme-slider .slick-dots li.slick-active button:before {
    color: var(--text-primary);
}

/* Wonder Bundle include CSS  */
.icons-list {
    display: flex;
    align-items: flex-start;
    margin: -8px -8px 2rem;
}

.icons-list .content {
    position: relative;
    display: inline-block;
    width: calc(33.33% - 16px);
    margin: 8px;
}

.icons-list .content .list {
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
    position: relative;
}

.icons-list .content .list .include-image {
    height: max-content;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.icons-list .content .list .include-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.icons-list .content .list .include-name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 60px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    line-height: 18px;
    font-weight: var(--font-weight-semibold);
    color: var(--white);
}

.icons-list .content p.include-text {
    color: var(--text-dark);
    padding: 5px 0;
    text-align: justify;
}

.icons-list .content .list .colorstyle1 {
    background: linear-gradient(#0075BE, #0075BE);
}

.icons-list .content .list .colorstyle2 {
    background: linear-gradient(#C03741, #C03741);
}

.icons-list .content .list .colorstyle3 {
    background: linear-gradient(#5BAACF, #5BAACF);
}

.icons-list .content .list:hover .include-image img {
    transform: scale(1.1);
}

@media (max-width: 992px) {
    .icons-list .content {
        margin-bottom: 1rem;
    }

    .icons-list .content .list {
        width: 100%;
        margin-inline-end: 16px;
    }
}

/* Terms & Conditions */
.starting-text .terms-wrapper-generic h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--orange);
}

.starting-text .terms-wrapper-generic p {
    margin-bottom: 20px;
    font-size: var(--root-font);
}

.starting-text .terms-wrapper-generic p strong {
    color: var(--orange);
}

.starting-text .terms-wrapper-generic p a {
    color: var(--orange);
}

.starting-text .terms-wrapper-generic ol {
    margin-bottom: 20px;
    padding-inline-start: 20px;
    display: block !important;
}

.starting-text .terms-wrapper-generic ol li {
    display: revert;
    margin-bottom: 4px;
    color: var(--text-dark);
    font-size: var(--root-font);
}

.starting-text .terms-wrapper-generic ol li:last-child {
    margin-bottom: 0;
}

.starting-text .terms-wrapper-generic ol li ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.starting-text .terms-wrapper-generic ol li ul li {
    font-size: var(--root-font);
    color: var(--text-dark);
    margin-bottom: 5px;
}

.starting-text .terms-wrapper-generic ol {
    position: relative;
    list-style: none;
    padding: 0;
}

.starting-text .terms-wrapper-generic ol li {
    padding-inline-start: 1em;
    margin: 0 0 1.25rem;
}

.starting-text .terms-wrapper-generic ol li a {
    display: inline-block;
    margin: 0;
    word-break: break-all;
}

.starting-text .terms-wrapper-generic ol li:before {
    position: absolute;
    left: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--orange);
}

.starting-text .terms-wrapper-generic ol {
    counter-reset: listitem;
}

.starting-text .terms-wrapper-generic ol li {
    padding-inline-start: 2em;
}

.starting-text .terms-wrapper-generic ol li:before {
    counter-increment: listitem;
    content: counters(listitem, '.') '.';
}

.starting-text .terms-wrapper-generic ol li ol li {
    padding-inline-start: 2.5em;
    margin: 0.325rem 0;
}

.starting-text .terms-wrapper-generic ol li ol li ol li {
    padding-inline-start: 3em;
}

.starting-text .terms-wrapper-generic ol li ol li ol li ol li {
    padding-inline-start: 4em;
}

.starting-text .terms-wrapper-generic ol li ol li ol li ol li ol li {
    padding-inline-start: 5em;
}

.starting-text .terms-wrapper-generic ol li ol li:before {
    font-size: var(--root-font);
    color: var(--text-dark);
    font-weight: 400;
    margin-bottom: 5px;
}

/* Entry Ticket Terms & Conditions */
.starting-text .entry-terms-wrapper-generic h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--orange);
}

.starting-text .entry-terms-wrapper-generic p {
    margin-bottom: 20px;
    font-size: var(--root-font);
}

.starting-text .entry-terms-wrapper-generic p strong {
    color: var(--orange);
}

.starting-text .entry-terms-wrapper-generic ul {
    margin-bottom: 20px;
    padding-inline-start: 20px;
    display: block !important;
}

.starting-text .entry-terms-wrapper-generic ul li {
    display: revert;
    margin-bottom: 4px;
    color: var(--text-dark);
    font-size: var(--root-font);
}

.starting-text .entry-terms-wrapper-generic ul li ul {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 0;

}

.starting-text .entry-terms-wrapper-generic ul li ul li {
    font-size: var(--root-font);
    color: var(--text-dark);
    margin-bottom: 5px;
}

.w-90 {
    width: 90%;
}

.raffle-inputs,
.image-content-wrapper {
    display: flex;
}

.raffle-inputs .remove-this {
    margin: 10px;
}

.image_content:first-child {
    margin-inline-end: 30px;
}

.raffle_content .image_content {
    margin-inline-end: 30px;
}

.raffle_content .image_content:last-child {
    margin-inline-end: 0;
}

.view-offers-link {
    color: var(--orange) !important;
    margin-top: 10px !important;
    position: relative;
    display: block;
}

.offers-and-promotions .offer-detail {
    margin-bottom: 20px;
}

.offers-and-promotions .offer-detail .promo-tab,
#PromoModal .modal-content .nav-link {
    display: inline-block;
    padding: 1rem;
    width: calc(50% - 17px);
    margin: 7px;
    box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
}

#PromoModal .modal-content .nav-link h6 {
    text-align: left;
}

#PromoModal .modal-content .nav-link p {
    text-align: left;
    font-size: 16px;
}

#PromoModal .modal-content .nav-link .btn {
    color: var(--orange);
    display: block;
    padding: 0;
    margin-top: 0 !important;
}

#PromoModal .modal-dialog {
    max-width: 900px;
}

#PromoModal .modal-content {
    background: transparent;
}

#PromoModal .modal-body {
    color: var(--text-dark);
}

#PromoModal .modal-content a.nav-link {
    position: relative;
    display: inline-table;
    color: var(--text-dark);
}

@media (max-width: 767px) {

    .offers-and-promotions .offer-detail .promo-tab,
    #PromoModal .modal-content .nav-link {
        display: block;
        width: 100% !important;
    }
}

.offers-and-promotions h3,
#PromoModal .offer-details h3 {
    color: var(--blue) !important;
    margin: 15px 0 5px 0;
    display: flex;
    align-items: center;
    font-size: 1.75rem;
    line-height: 1.3;
    font-weight: var(--font-weight-bold);
    position: relative;
    display: block;
}

.offers-and-promotions i,
#PromoModal .offer-details i {
    color: var(--blue);
    margin-left: 8px;
    font-size: 40px;
    margin-left: 8px;
}

.offers-and-promotions .offer-details .row {
    margin-bottom: 20px;
}

.offers-and-promotions .offer-details img {
    object-fit: cover;
    object-position: center;
    height: 200px;
    border-radius: 5px 5px 5px 5px;
}

.offers-and-promotions .nav-link i {
    margin-left: 0 !important;
}

#PromoTab .modal-content {
    background: var(--white);
}

#PromoTab .modal-body h5 {
    color: var(--blue);
    margin-bottom: 30px;
}

#PromoTab .modal-body .text-blue {
    color: #1b5d9a !important;
    margin-bottom: 30px;
}

#PromoTab .modal-content .row {
    align-items: center;
}

#PromoTab .modal-content .row h5 {
    color: #1b5d9a;
    border: 1px solid #1b5d9a;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    padding: 5px 20px;
}

#PromoTab .modal-body p {
    color: var(--blue);
    line-height: 1.5;
}

#PromoTab .modal-body .redeem {
    margin-top: 20px;
}

#PromoTab .modal-body .light-gray {
    color: var(--gray);
}

#PromoTab .modal-body .large-text {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000000;
}

#PromoTab .modal-body .medium-text {
    font-size: 1.2rem;
    font-weight: 700;
    color: #000000;
}

#PromoTab .modal-body .text-red {
    color: #e04444 !important;
}

#PromoTab .modal-body h6 {
    color: #000000;
}

@media (max-width: 767px) {

    #PromoTab .modal-body p,
    #PromoModal .modal-body p {
        margin-top: 0 !important;
    }
}

#PromoTab .btn {
    display: block;
    padding: 0;
    margin-top: 0 !important;
    float: right;
    color: var(--orange);

}

#PromoTab .icon-cross {
    color: var(--orange);
}

#PromoModal .icon-cross {
    color: var(--orange);
    position: absolute;
    top: 50px;
    right: 50px;
}

.offers-and-promotions .card-sub-heading {
    padding: 30px 20px 0 20px;
    position: relative;
    display: block;
}

.offers-and-promotions .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px;
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    border-radius: 5px 5px 0 0;
    color: var(--text-primary);
    background-color: rgba(0, 117, 190, 0.05);
    border-bottom: none;
}

.offers-and-promotions .row-block {
    align-items: center;
}

.offers-and-promotions h3 {
    margin-top: 0;
}

.choose-options {
    margin-top: 30px;
}

.choose-options .list .form-item {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
}

.choose-options .list .form-item:last-child {
    margin-bottom: 0;
}

.choose-options .list [type="radio"]:checked,
.choose-options .list [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.choose-options .list [type="radio"]:checked+label,
.choose-options .list [type="radio"]:not(:checked)+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    font-size: calc(var(--root-font) + 2px);
    line-height: 20px;
    padding-inline-start: 28px;
    margin: 0;
    color: var(--white);
}

.choose-options .list [type="radio"]:checked+label:before,
.choose-options .list [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--white);
}

.choose-options .list [type="radio"]:checked+label:after,
.choose-options .list [type="radio"]:not(:checked)+label:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: var(--orange);
}

.choose-options .list [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.choose-options .list [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#DeleteAccountConfirmation .modal-content .modal-body .delete-confirmation p,
#SuccessConfirmation .modal-content .modal-body .delete-confirmation p,
#VipPackConfirmation .modal-content .modal-body .delete-confirmation p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: calc(var(--root-font) + 2px);
}

#DeleteAccountConfirmation .modal-content .modal-body .delete-confirmation span,
#VipPackConfirmation .modal-content .modal-body .delete-confirmation span {
    font-size: calc(var(--root-font) - 2px);
    display: block;
    margin-top: 20px;
}

#DeleteAccountConfirmation .modal-content .modal-body .btn,
#VipPackConfirmation .modal-content .modal-body .btn,
#SuccessConfirmation .modal-content .modal-body .btn,
#DeleteAccount .modal-content .modal-body .btn {
    width: 120px;
    height: 40px;
    margin: 40px 10px 0;
    font-family: 'Poppins';
}

#DeleteAccount .modal-content .modal-body .btn {
    color: var(--white) !important;
}

#DeleteAccountConfirmation .modal-content .modal-body .btn:hover,
#VipPackConfirmation .modal-content .modal-body .btn:hover,
#SuccessConfirmation .modal-content .modal-body .btn:hover,
#DeleteAccount .modal-content .modal-body .btn:hover,
#DeleteAccountConfirmation .modal-content .modal-body .btn:focus,
#VipPackConfirmation .modal-content .modal-body .btn:focus,
#SuccessConfirmation .modal-content .modal-body .btn:focus,
#DeleteAccount .modal-content .modal-body .btn:focus {
    color: var(--white) !important;
    background: var(--orange);
}

#DeleteAccount {
    z-index: 1052 !important;
}

#DeleteAccountConfirmation {
    z-index: 1053 !important;
}

#VipPackConfirmation {
    z-index: 1054 !important;
}

#SuccessConfirmation {
    z-index: 1055 !important;
}

#DeleteAccount .modal-content .modal-body .popup-description {
    font-size: calc(var(--root-font) - 2px);
}

.virtual-tours {
    padding-top: var(--medium-spacing);
    padding-bottom: var(--medium-spacing);
}

.virtual-tours .content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 8px;
    margin-top: 20px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.virtual-tours .content .image {
    width: 300px;
    flex: 0 0 300px;
    height: 180px;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 20px;
}

.virtual-tours .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.virtual-tours .content .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

@media (max-width: 767px) {
    .virtual-tours .content .image span {
        width: 300px;
    }
}

@media (max-width: 767px) {
    .virtual-tours .content .image {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        flex: none;
    }
}

.virtual-tours .content .details {
    width: calc(100% - 320px);
    flex: 0 0 calc(100% - 320px);
}

.virtual-tours .content .details h4 {
    font-size: var(--section-header);
    color: var(--blue);
}

.virtual-tours .content .details p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.virtual-tours .content .details a {
    text-decoration: none;
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

@media (max-width: 767px) {
    .virtual-tours .content .details {
        width: 100%;
        flex: none;
    }

    .vt-gallery .product-gallery {
        display: block;
    }

    .vt-gallery .product-gallery .big-image {
        width: 100%;
        flex: none;
    }

    .vt-gallery .product-gallery .small-image {
        width: 100%;
        flex: none;
        margin-left: 0;
    }
}

.vt-gallery .product-gallery .small-image .image:nth-child(1) {
    margin-top: 10px;
}

#vt-video.modal.show .modal-dialog {
    max-width: 650px;
}

#vt-video .modal-content {
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
}

#vt-video .modal-footer,
.modal-header {
    border: 0 !important;
}

#vt-video .modal-header {
    display: block;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

#vt-video .video-section {
    width: 100%;
    height: 450px;
}

@media (max-width: 768px) {
    #vt-video .video-section {
        width: 100%;
        height: 275px;
    }
}

@media (max-width: 540px) {
    #vt-video .video-section {
        width: 100%;
        height: 200px;
    }
}

#vt-video .video-details h5 {
    margin-top: 10px;
    color: var(--blue);
}

#vt-video .video-top {
    margin-bottom: 30px;
}

#vt-video .video-top .close {
    font-weight: 400;
    font-size: 40px;
    line-height: 16px;
    opacity: 1;
    color: var(--orange);
}

#vt-video .video-top .close:hover {
    opacity: 1 !important;
    box-shadow: none;
}

.vt-details .action-buttons img {
    width: 30px;
}

/*Accessibility Module*/
body.default-color div,
body.default-color section,
body.default-color header,
body.default-color footer,
body.default-color>div .modal {
    filter: none;
}

.grayscale_filter {
    /* filter:  grayscale(1); */
}

.no_filter {
    filter: none;
}

/*Color blind module*/
body.black section,
body.black header,
body.black footer,
body.black>div .modal {
    filter: grayscale(1);
}

body.black div.region.region-popup-blocks,
body.black div.dialog-off-canvas-main-canvas,
body.black div#page-wrapper,
body.black div#page {
    filter: none !important;
}

body.black .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    z-index: 1;
}

body.black.iti-mobile .iti--container,
body.black #main-wrapper,
body.black .datepicker {
    filter: grayscale(1) !important;
}

/* Green weakness*/
body.green-weakness .menu {
    background: url(../images/resources/popup-bg-greyscale.png) center bottom no-repeat;
}

body.green-weakness .park-timing .content {
    background: url(../images/resources/parktiming-bg-grayscale.jpg) center center no-repeat;
}

body.green-weakness .tripadvisor .tripadvisor-rating h4,
body.green-weakness .tripadvisor .content .left a {
    color: var(--blue) !important;
}

body.green-weakness .tripadvisor .icon-left-arrow {
    color: var(--blue) !important;
}

body.green-weakness .tripadvisor .icon-right-arrow {
    color: var(--blue) !important;
}

body.green-weakness .tripadvisor-rating .trip-rating:-moz-meter-optimum::-moz-meter-bar {
    background-image: url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.48712 9.07788C4.05664 11.2196 3.29343 13.7375 3.29401 16.313C3.2977 19.7646 4.67059 23.0738 7.11133 25.5144C9.55209 27.955 12.8614 29.3276 16.313 29.331C18.8885 29.3314 21.4063 28.568 23.5479 27.1373C25.6896 25.7067 27.3588 23.673 28.3445 21.2936C29.3303 18.9142 29.5883 16.2959 29.0858 13.7698C28.5834 11.2438 27.3431 8.92352 25.5219 7.10242C23.7007 5.28131 21.3802 4.0412 18.8542 3.53894C16.3281 3.03674 13.7098 3.29492 11.3305 4.28082C8.95114 5.26678 6.9176 6.93616 5.48712 9.07788ZM2.74924 25.376C0.956757 22.6934 0 19.5394 0 16.313C0.00527954 11.9882 1.72568 7.84192 4.78381 4.78381C7.84195 1.72571 11.9882 0.00531006 16.313 0C19.5394 0 22.6934 0.956726 25.376 2.74927C28.0587 4.54175 30.1496 7.08948 31.3842 10.0703C32.6189 13.0511 32.942 16.3311 32.3126 19.4955C31.6831 22.6599 30.1295 25.5667 27.848 27.848C25.5666 30.1295 22.6599 31.6831 19.4955 32.3126C16.3311 32.942 13.0511 32.619 10.0703 31.3843C7.08948 30.1496 4.54172 28.0587 2.74924 25.376ZM9.40244 20.644C8.51788 19.3188 8.0462 17.7612 8.047 16.168C8.05096 14.033 8.90128 11.9865 10.4116 10.4774C11.9219 8.9682 13.9689 8.11938 16.104 8.117C17.6972 8.11737 19.2545 8.59027 20.579 9.47577C21.9034 10.3613 22.9355 11.6197 23.5448 13.0918C24.1541 14.564 24.313 16.1837 24.0017 17.7462C23.6903 19.3087 22.9226 20.7437 21.7956 21.8699C20.6686 22.996 19.233 23.7627 17.6703 24.0729C16.1075 24.3831 14.4879 24.2228 13.0162 23.6125C11.5446 23.0022 10.287 21.9691 9.40244 20.644Z' fill='%2320295C'/></svg>");
}

body.green-weakness .tripadvisor-rating .trip-rating::-webkit-meter-optimum-value {
    background-image: url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.48712 9.07788C4.05664 11.2196 3.29343 13.7375 3.29401 16.313C3.2977 19.7646 4.67059 23.0738 7.11133 25.5144C9.55209 27.955 12.8614 29.3276 16.313 29.331C18.8885 29.3314 21.4063 28.568 23.5479 27.1373C25.6896 25.7067 27.3588 23.673 28.3445 21.2936C29.3303 18.9142 29.5883 16.2959 29.0858 13.7698C28.5834 11.2438 27.3431 8.92352 25.5219 7.10242C23.7007 5.28131 21.3802 4.0412 18.8542 3.53894C16.3281 3.03674 13.7098 3.29492 11.3305 4.28082C8.95114 5.26678 6.9176 6.93616 5.48712 9.07788ZM2.74924 25.376C0.956757 22.6934 0 19.5394 0 16.313C0.00527954 11.9882 1.72568 7.84192 4.78381 4.78381C7.84195 1.72571 11.9882 0.00531006 16.313 0C19.5394 0 22.6934 0.956726 25.376 2.74927C28.0587 4.54175 30.1496 7.08948 31.3842 10.0703C32.6189 13.0511 32.942 16.3311 32.3126 19.4955C31.6831 22.6599 30.1295 25.5667 27.848 27.848C25.5666 30.1295 22.6599 31.6831 19.4955 32.3126C16.3311 32.942 13.0511 32.619 10.0703 31.3843C7.08948 30.1496 4.54172 28.0587 2.74924 25.376ZM9.40244 20.644C8.51788 19.3188 8.0462 17.7612 8.047 16.168C8.05096 14.033 8.90128 11.9865 10.4116 10.4774C11.9219 8.9682 13.9689 8.11938 16.104 8.117C17.6972 8.11737 19.2545 8.59027 20.579 9.47577C21.9034 10.3613 22.9355 11.6197 23.5448 13.0918C24.1541 14.564 24.313 16.1837 24.0017 17.7462C23.6903 19.3087 22.9226 20.7437 21.7956 21.8699C20.6686 22.996 19.233 23.7627 17.6703 24.0729C16.1075 24.3831 14.4879 24.2228 13.0162 23.6125C11.5446 23.0022 10.287 21.9691 9.40244 20.644Z' fill='%2320295C'/></svg>");
}

body.green-weakness .messages--status {
    color: var(--blue);
    ;
    border-color: var(--blue);
    box-shadow: -8px 0 0 var(--blue);
    ;
}

body.green-weakness .features .cardbox .colorstyle2 {
    background: var(--blue) !important;
}

body.green-weakness .login-section .not-account ul li i {
    color: var(--blue) !important;
}

body.green-weakness .parkentry-ticket .content ul li:after {
    background: var(--blue) !important;
}

body.green-weakness .overview .overview-content ul li:after {
    background: var(--blue) !important;
}

body.green-weakness .profile .my-profile ul.switch-list li .checkbox:checked+.slider {
    background-color: var(--blue) !important;
}

body.green-weakness .download-app,
body.green-weakness .inner-banner,
body.green-weakness .gallery .product-gallery .big-image .image span,
body.green-weakness .gallery .product-gallery .small-image span {
    filter: grayscale(1);
}

body.green-weakness .iti__flag,
body.green-weakness .iti__country-list--dropup {
    filter: grayscale(1);
}

body.green-weakness .imageoverly-content.fortravel-trade .list .image span,
body.green-weakness .gallerypopup .gallery-content,
body.green-weakness .buy-section .tab-content .listing .content .image span {
    filter: grayscale(1);
}

body.green-weakness header .header-items .right .user img {
    filter: grayscale(1);
}

/* Red weakness*/
body.red-weakness .menu {
    background: url(../images/resources/popup-bg-greyscale.png) center bottom no-repeat;
}

body.red-weakness .park-timing .content {
    background: url(../images/resources/parktiming-bg-grayscale.jpg) center center no-repeat;
}

body.red-weakness .messages--error {
    color: var(--blue);
    box-shadow: var(--blue);
}

body.red-weakness .error,
body.red-weakness .required,
body.red-weakness .gv-register-media-user .form-item label span.required,
body.red-weakness .gv-register-media-user .form-item label span.required {
    color: var(--blue);
}

body.red-weakness .features .cardbox .colorstyle4 {
    background: var(--blue) !important;
}

body.red-weakness .profile .my-profile .delete-account a {
    background: var(--blue) !important;
}

body.red-weakness .page-name .page-name-content .action-buttons .fav-flag.red-flag,
body.red-weakness .inner-banner .action-buttons .fav-flag.red-flag,
body.red-weakness .cardbox .cardbox-content .cardbox-content-header .action-buttons .fav-flag.red-flag,
body.red-weakness .our-outlets .our-outlet-slider .outlet-content .outlet-header .fav-flag.red-flag,
body.red-weakness .all-outlets .outlet-content .outlet-header .fav-flag.red-flag,
body.red-weakness .profile .favourites-routes .favourites ul.list li .fav-flag.red-flag {
    color: var(--blue);
}

body.red-weakness .form-required:after,
body.red-weakness .profile .my-profile .update-profile .required {
    filter: grayscale(1) !important;
}

body.red-weakness .download-app,
body.red-weakness .inner-banner,
body.red-weakness .gallery .product-gallery .big-image .image span,
body.red-weakness .gallery .product-gallery .small-image span {
    filter: grayscale(1);
}

body.red-weakness .iti__flag,
body.red-weakness .iti__country-list--dropup {
    filter: grayscale(1);
}

body.red-weakness .imageoverly-content.fortravel-trade .list .image span,
body.red-weakness .gallerypopup .gallery-content,
body.red-weakness .buy-section .tab-content .listing .content .image span {
    filter: grayscale(1);
}

body.red-weakness header .header-items .right .user img {
    filter: grayscale(1);
}

/* ===== Cabana ===== */
.available-cabanas {
    padding-top: var(--large-spacing);
}

.available-cabanas .back-event {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    font-size: 24px;
    font-weight: 700;
    color: var(--blue);
}

.available-cabanas .back-event svg {
    margin-inline-end: 0.75rem;
}

.available-cabanas .back-event:hover {
    color: var(--orange);
}

.cabana-best-match,
.cabana-upgrade,
.available-cabana-booking {
    position: relative;
    padding-top: 30px;
}

.available-cabana-booking {
    padding-top: 50px;
}

.cabana-best-match h3,
.cabana-upgrade h3,
.available-cabana-booking h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--blue);
}

.available-cabana-booking .cabana-list {
    margin-bottom: 30px;
}

.cabana-best-match .cabana-list .cabana-list-content,
.cabana-upgrade .cabana-list .cabana-list-content,
.available-cabana-booking .cabana-list .cabana-list-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 5px;
    background-color: #F5F5F5;
}

.cabana-best-match .cabana-list .cabana-list-content {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

.cabana-best-match .cabana-list .cabana-list-content .left h4,
.cabana-upgrade .cabana-list .cabana-list-content .left h4,
.available-cabana-booking .cabana-list .cabana-list-content .left h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--blue);
}

.cabana-best-match .cabana-list .cabana-list-content .left h4 {
    color: var(--white);
}

.cabana-best-match .cabana-list .cabana-list-content .left ul,
.cabana-upgrade .cabana-list .cabana-list-content .left ul,
.available-cabana-booking .cabana-list .cabana-list-content .left ul {
    margin: 0;
    padding: 0;
}

.cabana-best-match .cabana-list .cabana-list-content .left ul {
    color: var(--white);
}

.cabana-best-match .cabana-list .cabana-list-content .left ul li,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.cabana-best-match .cabana-list .cabana-list-content .left ul li:last-child,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li:last-child,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li:last-child {
    margin-bottom: 0;
}

.cabana-best-match .cabana-list .cabana-list-content .left ul li svg,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li svg,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li svg {
    width: auto;
    height: 20px;
    padding-inline-end: 0.75rem;
}

.cabana-best-match .cabana-list .cabana-list-content .left ul li svg path {
    fill: #A5A5A5;
}

.cabana-best-match .cabana-list .cabana-list-content .left ul li span,
.cabana-upgrade .cabana-list .cabana-list-content .left ul li span,
.available-cabana-booking .cabana-list .cabana-list-content .left ul li span {
    display: block;
    font-size: 17px;
    font-weight: 600;
}

.cabana-best-match .cabana-list .cabana-list-content .right,
.cabana-upgrade .cabana-list .cabana-list-content .right,
.available-cabana-booking .cabana-list .cabana-list-content .right {
    text-align: right;
}

.cabana-best-match .cabana-list .cabana-list-content .right .price,
.cabana-upgrade .cabana-list .cabana-list-content .right .price,
.available-cabana-booking .cabana-list .cabana-list-content .right .price {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.cabana-best-match .cabana-list .cabana-list-content .right .price {
    color: var(--white);
}

.cabana-best-match .cabana-list .cabana-list-content .right .price small,
.cabana-upgrade .cabana-list .cabana-list-content .right .price small,
.available-cabana-booking .cabana-list .cabana-list-content .right .price small {
    font-size: 18px;
    font-weight: 400;
    color: #A5A5A5;
}

.cabana-best-match .cabana-list .cabana-list-content .right .price small {
    color: var(--white);
}

.cabana-best-match .cabana-list .cabana-list-content .right button,
.cabana-upgrade .cabana-list .cabana-list-content .right button,
.available-cabana-booking .cabana-list .cabana-list-content .right button {
    min-width: 220px;
}

@media (max-width: 1199px) {

    .cabana-best-match .cabana-list .cabana-list-content .right button,
    .cabana-upgrade .cabana-list .cabana-list-content .right button,
    .available-cabana-booking .cabana-list .cabana-list-content .right button {
        min-width: 150px;
    }
}

@media (max-width: 991px) {

    .cabana-best-match .cabana-list .cabana-list-content .left h4,
    .cabana-upgrade .cabana-list .cabana-list-content .left h4,
    .available-cabana-booking .cabana-list .cabana-list-content .left h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .cabana-best-match .cabana-list .cabana-list-content .left ul li,
    .cabana-upgrade .cabana-list .cabana-list-content .left ul li,
    .available-cabana-booking .cabana-list .cabana-list-content .left ul li {
        margin-bottom: 7px;
    }

    .cabana-best-match .cabana-list .cabana-list-content .left ul li svg,
    .cabana-upgrade .cabana-list .cabana-list-content .left ul li svg,
    .available-cabana-booking .cabana-list .cabana-list-content .left ul li svg {
        display: none;
    }

    .cabana-best-match .cabana-list .cabana-list-content .left ul li span,
    .cabana-upgrade .cabana-list .cabana-list-content .left ul li span,
    .available-cabana-booking .cabana-list .cabana-list-content .left ul li span {
        font-size: 15px;
    }

    .cabana-upgrade .cabana-list .cabana-list-content .right,
    .available-cabana-booking .cabana-list .cabana-list-content .right {
        margin-inline-start: 15px;
    }

    .cabana-upgrade .cabana-list .cabana-list-content .right button,
    .available-cabana-booking .cabana-list .cabana-list-content .right button {
        min-width: auto;
        white-space: nowrap;
    }

    .cabana-best-match .cabana-list .cabana-list-content .right .price,
    .cabana-upgrade .cabana-list .cabana-list-content .right .price,
    .available-cabana-booking .cabana-list .cabana-list-content .right .price {
        font-size: 24px;
        line-height: normal;
    }

    .cabana-best-match .cabana-list .cabana-list-content .right .price small,
    .cabana-upgrade .cabana-list .cabana-list-content .right .price small,
    .available-cabana-booking .cabana-list .cabana-list-content .right .price small {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .available-cabana-booking .cabana-list {
        margin-bottom: 0;
    }

    .available-cabana-booking .cabana-list .cabana-list-content {
        padding: 0;
        padding-bottom: 15px;
        margin-bottom: 15px;
        background: transparent;
        border-bottom: 1px solid #DCDCDC;
    }
}

@media (max-width: 576px) {
    .cabana-best-match .cabana-list .cabana-list-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .cabana-best-match h3,
    .cabana-upgrade h3,
    .available-cabana-booking h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .cabana-best-match .cabana-list .cabana-list-content,
    .cabana-upgrade .cabana-list .cabana-list-content {
        padding: 16px;
    }

    .cabana-best-match .cabana-list .cabana-list-content .left,
    .cabana-best-match .cabana-list .cabana-list-content .right,
    .cabana-best-match .cabana-list .cabana-list-content .right button {
        width: 100%;
    }

    .cabana-best-match .cabana-list .cabana-list-content .right {
        margin-top: 10px;
    }

    .cabana-best-match .cabana-list .cabana-list-content .right .price {
        position: absolute;
        right: 16px;
        top: 16px;
        z-index: 1;
    }
}

/* ===== Fifa ===== */
.path-fifa-matches .region-content .content h1 {
    display: none;
}

.available-fifa-matches {
    padding-top: var(--large-spacing);
}

.available-fifa-matches .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.available-fifa-matches .content .back-event {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    font-size: 24px;
    font-weight: 700;
    color: var(--blue);
}

.available-fifa-matches .content .back-event svg {
    margin-inline-end: 0.75rem;
}

.available-fifa-matches .content .back-event:hover {
    color: var(--orange);
}

.available-fifa-matches .content .search {
    position: relative;
    width: 300px;
}

.available-fifa-matches .content .search input {
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    padding-inline-start: 1.875rem;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #DDD;
}

.available-fifa-matches .content .search i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: var(--orange);
}

.fifa-match-list {
    position: relative;
    padding-top: 30px;
}

.fifa-match-list .by-date h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--blue);
}

.fifa-match-list .by-date .match-list {
    margin-bottom: 30px;
}

.fifa-match-list .by-date .match-list .match-list-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #F5F5F5;
}

.fifa-match-list .by-date .match-list .match-list-content .left h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--blue);
}

.fifa-match-list .by-date .match-list .match-list-content .left .ticket-left {
    display: none;
    margin-top: 30px;
    font-size: 14px;
}

.fifa-match-list .by-date .match-list .match-list-content .right {
    text-align: center;
    min-width: 350px;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 8px;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price small {
    font-size: 18px;
    font-weight: 400;
    color: #A5A5A5;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price span {
    font-size: 18px;
    font-weight: 400;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: 20px;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity input {
    width: 35px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
    background: transparent;
}

.fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 14px;
    color: var(--orange);
    background: transparent;
    border: 1px solid var(--orange);
}

.fifa-match-list .by-date .match-list .match-list-content .right .btn {
    width: 100%;
}

.fifa-match-list .by-date .match-list .match-list-content .right .btn.disable {
    color: var(--white);
    background: #A5A5A5;
    border: 1px solid #A5A5A5;
}

.fifa-match-list .by-date .match-list .match-list-content .right span.ticket-left {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}

.fifa-match-list .by-date .match-list .match-list-content.full-day {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

.fifa-match-list .by-date .match-list .match-list-content.full-day .left h4 {
    color: var(--white);
}

.fifa-match-list .by-date .match-list .match-list-content.full-day .right .add-quantity .price {
    color: var(--white);
}

.fifa-match-list .by-date .match-list .match-list-content.full-day .right .add-quantity .price small {
    color: var(--white);
}

.fifa-match-list .by-date .match-list .match-list-content.full-day .right .add-quantity .quantity input {
    color: var(--white);
}

.fifa-match-list .by-date .match-list .match-list-content.full-day .left .ticket-left {
    color: var(--white) !important;
}

#enjoy_fifa .modal-content {
    padding: 0;
    position: relative;
    border-radius: 8px;
    background: var(--white);
    border: none;
}

#enjoy_fifa .modal-content .modal-body .image {
    width: 100%;
    height: 360px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

#enjoy_fifa .modal-content .modal-body .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

#enjoy_fifa .modal-content .modal-body .details {
    padding: 30px;
    color: var(--text-dark);
}

#enjoy_fifa .modal-content .modal-body .details h4 {
    margin-bottom: 30px;
    color: var(--blue);
    font-size: 1.25rem;
}

#enjoy_fifa .modal-content .modal-body .details p {
    font-size: 18px;
    margin-bottom: 24px;
}

#enjoy_fifa .modal-content .modal-body .details .btn {
    margin: 0;
}

#enjoy_fifa .modal-content .modal-body .details span {
    display: block;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    font-weight: var(--font-weight-medium);
}

@media (max-width: 1199px) {
    .fifa-match-list .by-date .match-list .match-list-content .right {
        min-width: 150px;
    }
}

@media (max-width: 991px) {
    .overview .floor-plan .listing .list {
        width: calc(50% - 16px);
        height: 130px;
    }

    .fifa-match-list .by-date .match-list .match-list-content .left h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .fifa-match-list .by-date .match-list .match-list-content .left .ticket-left {
        display: block;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right {
        margin-inline-start: 15px;
        min-width: auto;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .btn {
        min-width: auto;
        white-space: nowrap;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price {
        font-size: 18px;
        line-height: normal;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price small,
    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .price span {
        font-size: 12px;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity {
        margin-bottom: 10px;
    }

    #enjoy_fifa .modal-content .modal-body .details {
        padding: 15px;
    }

    #enjoy_fifa .modal-content .modal-body .details h4 {
        font-size: 20px;
    }

    #enjoy_fifa .modal-content .modal-body .details p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .available-fifa-matches .content {
        flex-direction: column;
        align-items: flex-start;
    }

    .available-fifa-matches .content .search {
        margin-top: 15px;
    }

    .fifa-match-list .by-date .match-list {
        margin-bottom: 0;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity {
        flex-direction: column;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right span.ticket-left {
        display: none;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .add-quantity .quantity {
        margin-inline-start: 0;
    }
}

@media (max-width: 576px) {
    .fifa-match-list .by-date h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .fifa-match-list .by-date .match-list .match-list-content {
        padding: 10px;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right {
        min-width: auto;
        white-space: nowrap;
    }

    .fifa-match-list .by-date .match-list .match-list-content .right .btn {
        width: auto;
    }
}

/* ===== Family Pack ===== */
.family-pack {
    padding-top: 75px;
    position: relative;
}

.family-pack .title {
    margin-bottom: 0;
}

.family-pack h4 {
    font-size: 1.5rem;
    color: var(--blue);
    margin-bottom: 12px;
}

.family-pack p {
    margin-bottom: 20px;
}

.family-pack a {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
}

.family-pack .family-pack-img {
    width: 560px;
}

.family-pack .pack-content {
    margin-top: 40px;
}

.buy-locations {
    margin-top: 60px;
    margin-bottom: 100px;
}

.buy-locations h4 {
    font-size: 1.5rem;
    margin-bottom: 32px;
    color: var(--blue);
}

@media (max-width: 576px) {
    .buy-locations h4 {
        margin-bottom: 10px;
    }
}

.buy-locations a.family-pack-map-view {
    display: none;
    font-size: 16px;
    font-weight: 600;
    color: var(--orange);
}

@media (max-width: 576px) {
    .buy-locations a.family-pack-map-view {
        display: inline-block;
        margin-bottom: 20px;
    }
}

.buy-locations .location-blocks {
    max-height: 650px;
    overflow: auto;
}

@media (max-width: 991px) {
    .buy-locations .location-blocks {
        max-height: none;
    }
}

.buy-locations .location-blocks .list-group {
    margin-right: 5px;
}

@media (max-width: 991px) {
    .buy-locations .location-blocks .list-group {
        margin-right: 0;
    }
}

.buy-locations .location-blocks .list-group-item {
    border: none;
    margin-bottom: 10px;
    padding: 12px 22px;
    background-color: #f5f5f5;
}

@media (min-width: 992px) {
    .buy-locations .location-blocks .list-group-item:last-child {
        margin-bottom: 0px;
    }
}

.buy-locations .location-blocks .list-group-item h5 {
    font-size: 1.5rem;
    color: var(--orange);
    margin-bottom: 0;
}

@media (max-width: 576px) {
    .buy-locations .location-blocks .list-group-item h5 {
        font-size: 18px;
    }
}

.buy-locations .location-blocks .list-group-item p {
    margin-bottom: 2px;
    font-size: 15px;
    color: #2A2828;
}

.buy-locations .location-blocks .list-group-item a {
    display: inline-block;
    margin-top: 7px;
    font-size: 14px;
    color: #1A73E8;
}

.buy-locations .location-blocks .list-group-item a:hover {
    color: var(--orange);
}

.buy-locations .location-blocks .list-group-item small {
    font-size: 1.125rem;
    color: #2A2828;
}

.family-pack-map {
    position: relative;
}

.family-pack-map .location-details {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    width: 320px;
    min-height: 120px;
    padding: 15px;
    border-radius: 2px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

.family-pack-map .location-details h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--blue);
}

.family-pack-map .location-details p {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.family-pack-map .location-details a {
    font-size: 13px;
    color: var(--orange);
}

.family-pack-map .location-details a:hover {
    color: var(--orange);
}

/* ===== Kids Form ===== */
.kids-festival-form {
    padding-top: var(--large-spacing);
}

.kids-festival-form .form-group h5 {
    margin-top: 30px;
    color: var(--blue);
}

.kids-festival-form a {
    color: var(--orange);
    text-decoration: underline;
}

.kids-festival-form .gv-kids-festival-form .js-form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.kids-festival-form .gv-kids-festival-form .js-form-item legend {
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    color: var(--text-dark);
}

.kids-festival-form .gv-kids-festival-form .js-form-item input.form-text {
    margin-top: 0;
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15);
}

.kids-festival-form .gv-kids-festival-form .js-form-item textarea.form-control {
    height: 100px;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios {
    display: flex;
    align-items: center;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item {
    position: relative;
    margin-inline-end: 12px;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item:last-child {
    margin-inline-end: 0;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    cursor: pointer;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item label {
    display: block;
    height: 44px;
    margin: 0;
    padding: 10px 20px;
    line-height: 24px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    color: var(--text-light);
    background: #DCDCDC;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .fieldset-wrapper .form-radios .js-form-item input:checked+label {
    color: var(--white);
    background: var(--blue);
}

.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 20px;
}

.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--orange);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-inline-end: 7px;
    border-radius: 2px;
}

.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input:checked+label:before {
    background-color: var(--orange);
}

.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.kids-festival-form .gv-kids-festival-form .js-form-type-checkbox input:checked+label:after {
    top: 4px;
}

.kids-festival-form .gv-kids-festival-form .js-form-item .form-date {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

/* ===== //Kids Form ===== */

.error-highlight {
    margin-top: 20px;
    padding: 15px;
    font-weight: 600;
    border-radius: 10px;
    color: var(--orange);
    background: #f7e9e1;
}

#cartCountAction #card-form label {
    margin-bottom: 0;
    font-size: var(--font-regular);
    color: var(--white);
}

#cartCountAction #card-form .btn {
    float: left;
    margin: 0 10px;
    margin-top: 40px;
    min-width: calc(50% - 20px) !important;
}

@media (max-width: 576px) {
    #cartCountAction .modal-content a#cartCountProceed {
        display: none;
    }
}

/* Search CSS */
.path-search-results .breadcrumb-section .breadcrumb li,
.path-search-results .breadcrumb-section .breadcrumb li a {
    font-weight: var(--font-weight-medium);
    font-size: var(--root-font);
    color: #000000;
    text-decoration: none;
}

.search-result {
    padding-top: var(--small-spacing);
}

.search-result hr {
    display: none;
}

.search-result .views-exposed-form {
    margin-bottom: 0;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results {
    display: flex;
    align-items: center;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox {
    position: relative;
    width: 600px;
    flex: 0 0 600px;
    margin-inline-end: 100px;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox i {
    position: absolute;
    right: 12px;
    top: 12px;
    color: var(--orange);
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox .form-item,
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item {
    margin: 0;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox .form-item label,
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item label {
    display: block;
    font-size: var(--root-font);
    font-weight: var(--font-weight-normal);
    color: #4E4953;
    margin-bottom: 10px;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox .form-item input,
.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item select {
    height: 40px;
    width: 100%;
    margin: 0;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    font-size: 14px;
    color: #000000;
    border: none !important;
    border-radius: 5px;
    background: #f5f5f5;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item select {
    width: 200px;
    border-radius: 5px;
    color: var(--text-primary);
    border: 1px solid #D5D3D6 !important;
    background: #FFF url(../images/icons/dropdown-orange.svg) no-repeat right 0.75rem center/12px 12px;
    appearance: none;
}

.search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox #edit-submit-search-results--2 {
    display: none;
}

.search-result .block-system-main-block {
    margin-top: 30px;
}

.search-result .view-search-results .view-header {
    font-size: 22px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 35px;
    color: #000000;
}

.search-result .view-search-results .search-list .listing .content {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #DCDCDC;
}

.search-result .view-search-results .search-list .listing .content .image {
    width: 250px;
    flex: 0 0 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 5px;
    margin-inline-end: 20px;
}

.search-result .view-search-results .search-list .listing .content .image span {
    display: block;
    width: 100%;
    height: 100%;
}

.search-result .view-search-results .search-list .listing .content .image span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.search-result .view-search-results .search-list .listing .content .description {
    flex: 1;
}

.search-result .view-search-results .search-list .listing .content .description .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.search-result .view-search-results .search-list .listing .content .description .top h4 {
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 0;
    margin-inline-end: 10px;
    color: var(--text-dark);
}

.search-result .view-search-results .search-list .listing .content .description .top .search-category {
    margin-top: 10px;
}

.search-result .view-search-results .search-list .listing .content .description .top .search-category .item-list ul {
    display: flex;
    align-items: center;
}

.search-result .view-search-results .search-list .listing .content .description .top .search-category .item-list ul li {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    padding: 5px 15px;
    margin-inline-start: 10px;
    border-radius: 22px;
    color: #545353;
    background: #F2F2F2;
    border: 1px solid transparent;
}

.search-result .view-search-results .search-list .listing .content .description .top .search-category .item-list ul li:first-child {
    margin-inline-start: 0;
}

.search-result .view-search-results .search-list .listing .content .description p {
    font-size: var(--root-font);
    margin-bottom: 20px;
    max-width: 80%;
}

.search-result .view-search-results .search-list .listing .content .description a.search-result-read-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 5px;
    color: var(--orange);
    background: var(--white);
    border: 2px solid var(--orange);
}

.search-result .view-search-results .search-list .listing .content .description a i {
    font-size: 14px;
    vertical-align: middle;
    margin-inline-start: 3px;
}

.search-result .view-search-results .search-list .listing .content .description a:hover {
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
}

.search-result .view-search-results .search-list .listing .content .description a:hover i {
    color: var(--white);
}

@media (max-width: 991px) {
    .search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox {
        width: 500px;
        flex: 0 0 500px;
        margin-inline-end: 30px;
    }

    .search-result .view-search-results .search-list .listing .content .description .top {
        flex-direction: column;
        align-items: flex-start;
    }

    .search-result .view-search-results .search-list .listing .content .description p {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .search-result .view-search-results .search-list .listing .content {
        flex-direction: column;
        margin-bottom: 25px;
        padding: 20px;
        border: 1px solid #DCDCDC;
        border-radius: 8px;
    }

    .search-result .view-search-results .search-list .listing .content .image {
        width: 100%;
        flex: 0 0 100%;
        height: 280px;
        margin-inline-end: 0;
        margin-bottom: 10px;
    }

    .search-result .views-exposed-form #views-exposed-form-search-results-block-search-results {
        flex-direction: column;
        align-items: flex-start;
    }

    .search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchbox {
        width: 100%;
        flex: 0 0 100%;
    }

    .search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 20px;
    }

    .search-result .views-exposed-form #views-exposed-form-search-results-block-search-results .searchtype .form-item select {
        width: 100%;
    }
}

.search-result nav.pager {
    display: flex;
    justify-content: center;
}

.search-result nav.pager .pager__items {
    display: inline-flex;
}

.search-result nav.pager .pager__items .pager__item {
    margin-inline-end: 15px;
    height: 34px;
    display: flex;
    align-items: center;
}

.search-result nav.pager .pager__items .pager__item.is-active a {
    color: white;
    background: var(--orange);
    padding: 5px 12px;
    border-radius: 7px;
}

.search-result nav.pager .pager__items .pager__item.pager__item--next span,
.search-result nav.pager .pager__items .pager__item.pager__item--last,
.search-result nav.pager .pager__items .pager__item.pager__item--previous span,
.search-result nav.pager .pager__items .pager__item.pager__item--first,
.search-result nav.pager .pager__items .pager__item.pager__item--ellipsis {
    display: none;
}

.search-result nav.pager .pager__items .pager__item.pager__item--next,
.search-result nav.pager .pager__items .pager__item.pager__item--previous {
    margin-top: 0px;
}

.search-result nav.pager .pager__items .pager__item.pager__item--next a::after,
.search-result nav.pager .pager__items .pager__item.pager__item--previous a::after {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    color: var(--orange);
}

.search-result nav.pager .pager__items .pager__item.pager__item--next a::after {
    content: "\e92a";
}

.search-result nav.pager .pager__items .pager__item.pager__item--previous a::after {
    content: "\e91c";
}

/* ===== Media Queries ===== */

@media (min-width: 1600px) {
    .container {
        max-width: 1376px;
    }
}

@media (max-width: 1600px) {
    .gallerypopup .gallery-content {
        max-width: 850px;
    }

    .gallerypopup .gallery-content .carousel-item {
        height: 460px;
    }

    .gallerypopup .gallery-content .carousel-control-next,
    .gallerypopup .gallery-content .carousel-control-prev {
        max-height: 460px;
    }
}

@media (max-width: 1599px) {
    .media-permission .cardbox div {
        min-height: 220px;
    }

    .media-permission .cardbox div h4 {
        font-size: calc(var(--root-font) + 4px);
    }

    .media-permission .cardbox div p {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .all-galleries .cardbox .cardbox-content {
        min-height: 90px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .buy-section .tab-content .select-packs .pack-list {
        height: 115px;
    }
}

@media (min-width: 1440px) and (max-width: 1599px) {
    .main-banner .main-banner-middle .text-bottom {
        margin-top: 30%;
    }

    .page-not-found .content h2 {
        font-size: 46px;
    }

    .page-not-found .content h1 {
        font-size: 66px;
    }

    .page-not-found .content h4 {
        font-size: 30px;
    }

    .page-not-found .content p {
        font-size: 20px;
    }

    .page-not-found .contact-links {
        bottom: 30px;
    }

    .buy-section .nav-tabs.buy-tabs li .nav-link {
        min-height: 80px;
    }
}

@media (max-width: 1439px) {
    :root {
        --root-font: 14px;
        --font-regular: 14px;
        --font-small: 13px;
        --font-extrasmall: 12px;
        --primary-heading: 54px;
        --secondary-heading: 36px;
        --section-header: 22px;
        --large-spacing: 100px;
        --medium-spacing: 60px;
        --small-spacing: 40px;
    }

    .cardbox .cardbox-image {
        height: 220px;
    }

    .cardbox .cardbox-content p {
        min-height: 60px;
    }

    .vip-benefits .cardbox .cardbox-content p {
        min-height: 79px;
    }

    .client-testimonial .testimonial .list .content {
        min-height: 228px;
    }

    .client-testimonial .testimonial .list .content .image {
        height: 160px;
    }

    .client-testimonial .testimonial .list .content .image img {
        min-height: 160px;
        width: 100%;
        margin: 0 auto;
    }

    .addtocart .content:before {
        left: 90px;
    }

    .inner-banner {
        height: 400px;
    }

    .main-banner .carousel .carousel-caption h1 {
        font-size: 46px;
        max-width: 420px;
    }

    .main-banner .carousel .carousel-caption h4 {
        font-size: 20px;
        max-width: 460px;
    }

    .top-features .cardbox .cardbox-content,
    .todays-shows .cardbox .cardbox-content,
    .similer-outlets .view-similar-outlets .cardbox .cardbox-content {
        min-height: auto;
    }

    .plan-your-visit .cardbox .cardbox-content {
        min-height: auto;
    }

    .our-outlets .our-outlet-slider .cardbox.big-cell .image {
        height: 486px;
    }

    .gallery .product-gallery .small-image {
        width: 330px;
        height: 170px;
    }

    .gallery .product-gallery .big-image .image {
        height: 350px;
    }

    .gallerypopup .gallery-content {
        width: 720px
    }

    .gallerypopup .gallery-content .carousel-item {
        height: 420px;
    }

    .gallerypopup .gallery-content .carousel-item .video-gallery {
        height: 420px;
    }

    .gallerypopup .gallery-content .carousel-control-prev {
        left: -80px;
        max-height: 420px;
    }

    .gallerypopup .gallery-content .carousel-control-next {
        right: -80px;
        max-height: 420px;
    }

    .gallerypopup .gallery-content .carousel-indicators li {
        width: 160px;
        flex: 0 0 160px;
        height: 80px;
    }

    .release-list .image {
        height: 240px;
    }

    .imageoverly-content .list .image {
        height: 350px;
    }

    .fortravel-trade.imageoverly-content .list .content {
        height: 320px;
    }

    .special-events .cardbox .cardbox-image {
        height: 200px;
    }

    .healthy-safety .content .image {
        height: 400px;
    }

    .page-not-found .content {
        padding-top: 30px;
    }

    .page-not-found .content h2 {
        font-size: 24px;
    }

    .page-not-found .content h1 {
        font-size: 48px;
    }

    .page-not-found .content h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .page-not-found .content p {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .page-not-found .contact-links {
        bottom: 30px;
    }

    .page-not-found .content .links a span {
        font-size: 16px;
    }

    .three-thumbnails-arrow,
    .view-todays-shows-and-events,
    .view-special-events-list .view-content {
        margin: -8px;
    }

    .menu {
        padding: 40px 0;
    }
}

@media (max-width: 1279px) {
    .main-banner .main-banner-middle {
        margin-top: 24vh;
    }

    .buy-section .tab-content.main-content .alert-danger {
        align-items: flex-start;
    }

    .buy-section .nav-tabs.buy-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .buy-section .nav-tabs.buy-tabs li {
        width: calc(275px - 16px);
        flex: 0 0 calc(275px - 16px);
        margin: 8px;
    }

    .inner-banner {
        padding-bottom: 30px;
    }

    .overview .overview-content .points.points-second ul li {
        width: 50%;
        flex: 0 0 50%;
    }

    .healthy-safety .content .image {
        height: 300px;
    }
}

@media (max-width: 1199px) {
    .profile {
        width: 90%
    }
}

@media (min-width: 992px) {
    .modal-dialog.modal-lg {
        max-width: none;
        width: 1100px;
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    ::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--blue);
    }
}

@media (max-width: 992px) {
    :root {
        --primary-heading: 40px;
        --secondary-heading: 30px;
        --section-header: 20px;
        --large-spacing: 60px;
        --medium-spacing: 30px;
        --small-spacing: 20px;
    }

    .container {
        max-width: 100%;
    }

    .slick-prev,
    .slick-next {
        display: none;
    }

    .alert-slider .slick-prev,
    .alert-slider .slick-next {
        display: none !important;
    }

    .alert-slider a.closealert {
        right: 12px;
        top: 12px;
        transform: none;
    }

    .alert-slider .content {
        width: 100%;
    }

    .alert-slider .content p {
        font-size: 12px;
    }

    header .container {
        padding: 0;
    }

    header .header-items .right .btn.btn-theme-bordered {
        display: none;
    }

    .main-banner .carousel .carousel-item {
        height: auto;
    }

    .addtocart .content:before {
        left: 80px;
    }

    .tripadvisor .content .left {
        width: 100%;
        flex: 0 0 100%;
        margin-inline-end: 0;
    }

    .tripadvisor .content .right .user-details .tripadvisor-rating {
        width: 100%;
        margin-top: 15px;
    }

    .travelaward .content {
        flex-direction: column;
        align-items: flex-start;
    }

    .travelaward .content .left {
        width: 100%;
        margin-inline-end: 0;
    }

    .travelaward .content .right {
        width: 100%;
        margin-top: 20px;
    }

    .download-app .title h3 {
        font-size: 20px;
    }

    footer .footer-top .footer-top-content {
        height: auto;
    }

    footer .footer-top .footer-top-content .opening-hours {
        width: 100%;
        flex: 100%;
        margin-inline-end: 0;
        flex-direction: column;
    }

    footer .footer-bottom .contact-us,
    footer .footer-bottom .news-letter,
    footer .footer-bottom .footer-links {
        margin-top: 40px;
    }

    footer .footer-bottom .news-letter .form-actions .btn {
        margin-top: -52px;
    }

    .inner-banner {
        height: 320px;
        padding-bottom: 30px;
    }

    .buy-section .tab-content .listing .content {
        align-items: flex-start;
    }

    .buy-section .tab-content .listing .content .image {
        width: 100%;
        flex: 0 0 100%;
        height: 160px;
    }

    .buy-section .tab-content .listing .content.attraction-list-products>a {
        width: 100%;
        flex: 0 0 100%;
        height: 160px;
        margin-bottom: 15px;
        margin-inline-end: 0;
    }

    .buy-section .tab-content .listing .content.attraction-list-products>a img {
        margin-bottom: 0;
    }

    .buy-section .tab-content .listing .content .details {
        width: calc(100% - 280px);
        flex: 0 0 calc(100% - 280px);
    }

    .buy-section .tab-content .park-entry-list .listing .content .details {
        width: 100%;
    }

    .buy-section .tab-content .listing .content .details .ticket-name {
        align-items: flex-start;
    }

    .buy-section .tab-content .listing .content .details h4 {
        font-size: calc(var(--root-font) + 4px);
    }

    .buy-section .tab-content .park-entry-list .listing .content .details h4 {
        font-size: calc(var(--root-font) + 2px);
        margin-bottom: 0.3rem;
    }

    .buy-section .tab-content .listing .content .details h5 {
        font-size: calc(var(--root-font) + 2px);
        margin-top: 7px;
    }

    .buy-section .tab-content .listing .content .details h5 small {
        font-size: var(--root-font);
    }

    .buy-section .tab-content .choose-card .form-group {
        width: 100%;
        flex: 0 0 100%;
        margin-inline-end: 0;
    }

    .buy-section .tab-content .guest-services-list .listing .bottom>div .form-group:nth-child(2) {
        width: 50%;
        flex: 0 0 50%;
    }

    .buy-section .tab-content .btn {
        width: 180px;
        flex: 0 0 180px;
        height: 44px;
        min-width: auto;
    }

    .buy-section .tab-content .park-entry-list .btn {
        width: 200px;
        height: 40px;
        margin-top: 2rem;
    }

    .buy-section .tab-content .park-entry-list .listing .content .bottom {
        flex-direction: row;
        width: 100%;
        display: block;
    }

    .buy-section .tab-content .park-entry-list .listing .content .bottom .ticket-dropdown {
        /*    width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-inline-end: 10px;*/
    }

    .buy-section .tab-content .park-entry-list .listing .content .bottom .btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .ticket-dropdown .ticket-label {
        display: block;
        width: 100%;
    }

    .ticket-dropdown .ticket-list .top a {
        display: block;
    }

    .buy-section .tab-content .guest-services-list .listing .bottom .btn {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 10px;
    }

    .buy-section .tab-content .paid-parking span {
        width: 50%;
    }

    .buy-section .tab-content .paid-parking input.parking-number {
        width: 50%;
    }

    .buy-section .tab-content .exclusive-packs .listing .bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .buy-section .tab-content .exclusive-packs .listing .bottom .buy {
        width: 100%;
        justify-content: space-between;
    }

    .buy-section .tab-content .exclusive-packs .listing .bottom .btn {
        margin-top: 10px;
    }

    .ticket-dropdown .ticket-list {
        position: relative;
        top: 0;
        left: 0;
        min-width: 100%;
        padding: .5rem 0 0;
        margin: 0.25rem 0 0;
        font-size: var(--root-font);
        border-radius: 0.25rem;
        color: var(--text-primary);
        background: var(--white);
        z-index: 1;
    }

    .parkentry-ticket .addto-cart .ticket-dropdown .ticket-list {
        margin: 0;
        padding: 0;
    }

    .services-offered .nav-tabs.offer-tab {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .services-offered .nav-tabs.offer-tab li {
        width: calc(220px - 16px);
        flex: 0 0 calc(220px - 16px);
    }

    .our-outlets .our-outlet-slider .cardbox.big-cell .image {
        height: 205px;
    }

    .profile .nav-tabs.profile-tabs .nav-item .nav-link {
        padding: 10px 20px;
        margin: 10px 0;
        font-size: calc(var(--root-font) + 4px);
    }

    .profile .my-purchase .my-wonderpass .wonderpass-count .card-details {
        width: 305px;
        height: 210px;
        padding: 12px;
    }

    .profile .my-purchase .my-wonderpass .wonderpass-count .card-details .top h5 {
        padding-inline-start: 0;
    }

    .profile-link {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 30px;
        margin-bottom: -20px;
        text-align: right;
    }

    .filter {
        width: 100%;
        flex-direction: column;
    }

    .filter .mobile-filter {
        display: block;
    }

    .filter .filter-items {
        display: none;
    }

    .filter .filter-items .form-group {
        display: block;
        padding-inline-start: 0;
        width: 100%;
        flex: 0 0 100%;
        margin-top: 12px;
        padding: 0;
        border: none;
    }

    .filter.shopping-filter .filter-items .form-group {
        width: 100%;
        flex: 0 0 100%;
    }

    .filter .filter-items .form-group:nth-child(5) {
        display: block;
        padding-inline-start: 0;
        width: 100%;
        flex: 0 0 100%;
    }

    .filter .filter-items .form-group .form-item:after {
        right: 0;
    }

    .filter .search-form a#OpenSearch {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1;
        text-align: center;
    }

    .filter .search-form .search-box {
        right: 7px;
        width: 170px;
        top: 6px;
        transform: none;
    }

    .modal-dialog.modal-lg {
        max-width: 700px;
        margin: 1.75rem auto;
    }

    .gallery .product-gallery .small-image {
        width: 340px;
        height: 250px;
    }

    .gallery .product-gallery .big-image .image {
        height: 250px;
    }

    .starting-text ul li {
        margin-inline-end: 20px;
    }

    .imageoverly-content .list .image {
        height: 300px;
    }

    .imageoverly-content .list .content {
        width: 350px;
        padding: 25px;
        height: auto;
    }

    .imageoverly-content .list .content h4 {
        font-size: calc(var(--root-font) + 0.25rem);
    }

    .health-safety .content {
        gap: 12px;
        padding: 20px;
    }

    .health-safety .content img {
        margin-inline-end: 0;
    }

    .wonderpass-promotion .content {
        height: 350px;
    }

    .wonderpass-promotion .content p {
        font-size: calc(var(--root-font) + 1px);
    }

    .once-time .content {
        position: relative;
        top: 0;
        right: 0;
        transform: translateY(0);
        width: calc(100% - 100px);
        height: auto;
        margin: -50px auto 0;
    }

    .our-history .video {
        height: 410px;
    }

    .gallerypopup .gallery-content {
        width: 520px
    }

    .gallerypopup .gallery-content .carousel-item {
        height: 310px;
    }

    .gallerypopup .gallery-content .carousel-item .video-gallery {
        height: 310px;
    }

    .gallerypopup .gallery-content .carousel-control-prev {
        left: -80px;
        max-height: 310px;
    }

    .gallerypopup .gallery-content .carousel-control-next {
        right: -80px;
        max-height: 310px;
    }

    .explore-map .park-map .area-list {
        display: none;
    }

    .external-links .content .ip-promo {
        width: 100%;
    }

    .external-links .content .rent-ride {
        width: 100%;
    }

    .latest-press-release .view-content .list.big-cell .image {
        height: 235px;
    }

    .reservation-number {
        display: none;
    }

    .tripadvisor .content .right {
        width: 100%;
    }

    .title {
        flex-direction: column;
        align-items: flex-start;
    }

    .overview .overview-content .points.points-second ul li {
        width: 50%;
        flex: 0 0 50%;
    }

    .important-slider {
        margin-top: 30px;
    }

    .other-profile .content .upcoming-trip,
    .other-profile .content .your-ticket,
    .other-profile .content .edutainment-kit {
        width: calc(100% - 16px);
        flex: 0 0 calc(100% - 16px);
    }

    .healthy-safety .content .image {
        height: 250px;
    }

    .our-outlets .our-outlet-slider .other-cell {
        flex-wrap: nowrap;
    }

    .our-outlets .our-outlet-slider .cardbox.small-cell {
        width: calc(100% - 16px);
        flex: 0 0 calc(100% - 16px);
        margin: 8px;
    }

    .page-name .page-name-content.media-page-name-content .left h1 {
        font-size: 26px;
    }

    .media-permission .media-permission-slider .slick-prev {
        left: 0;
    }

    .media-permission .media-permission-slider .slick-next {
        right: 0;
    }

    .featured-blogs .featured-blog-list .content .image {
        height: 230px;
    }

    .carnaval-logo {
        margin-top: -95px;
    }

    .carnaval-logo img {
        max-width: 480px;
        height: auto;
    }

    .about-content .statistics .statistics-list h2 {
        font-size: 30px;
        min-height: auto;
    }

    .blog-details .col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog-details .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
    }

    .blog-details .details {
        margin-top: 20px;
    }

    .all-outlets .all-list .views-infinite-scroll-content-wrapper .cardbox {
        width: calc(50% - 16px);
    }

    .similer-rides .view-content .cardbox {
        width: calc(50% - 16px);
    }

    .tripadvisor .content {
        padding-inline-end: 15px;
    }
}

@media (min-width: 851px) {
    .main-content {
        float: none !important;
    }
}

@media (max-width: 767px) {
    :root {
        --primary-heading: 26px;
        --secondary-heading: 24px;
        --section-header: 20px;
        --large-spacing: 40px;
        --medium-spacing: 20px;
        --small-spacing: 20px;
    }

    .paddingleft {
        padding-left: 15px;
    }

    .paddingright {
        padding-right: 15px;
    }

    .title .tag {
        font-size: calc(var(--root-font) + 4px);
        margin-top: 3px;
    }

    .btngallery-mob {
        display: block;
    }

    .title h5 {
        margin-bottom: 7px;
        font-size: calc(var(--root-font) + 0);
    }

    .title h3 {
        line-height: 30px;
    }

    .title .submit-review {
        margin-top: 15px;
    }

    .btn-theme-bordered {
        padding: 6px 10px;
    }

    .alert-slider a.closealert {
        right: 10px;
        top: 10px;
        transform: none;
    }

    .alert-slider a.closealert img {
        width: 26px;
    }

    .alert-slider .content {
        align-items: flex-start;
    }

    .alert-slider .content i {
        margin-inline-end: 10px;
        font-size: 30px;
    }

    header .header-items a.gv-logo img {
        width: 150px;
    }

    header .header-items .right {
        display: none;
    }

    header .header-items .right.school-flow {
        display: block;
    }

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

    header .header-items .buybutton {
        transform: scale(0.95);
    }

    .menu-content .mobile-menu a {
        margin-inline-end: 20px;
    }

    .menu-content .dropdown {
        margin: 0 20px 0 0;
    }

    .main-banner {
        background-attachment: unset !important;
        background-position: center right !important;
    }

    .main-banner .carousel .carousel-caption {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
    }

    .main-banner .carousel .carousel-caption h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .main-banner .carousel .carousel-caption h4 {
        max-width: 60%;
        font-size: 14px;
    }

    .main-banner .carousel-indicators {
        bottom: 0;
    }

    .main-banner .main-banner-top .opening-hours {
        display: none;
    }

    .vip-exclusive .cardbox .list {
        min-height: 114px;
        height: 114px;
        padding: 10px;
    }

    .fellow-guest .list {
        padding: 7px;
    }

    .download-app {
        height: auto;
        padding: 20px 0;
    }

    .download-app .content {
        height: auto;
    }

    .download-app .content img.mobileapp {
        width: 150px;
        flex: 0 0 150px;
        margin-top: 0;
        margin-inline-start: 0;
        margin-inline-end: 20px;
    }

    .download-app .content .store-icon a img {
        width: 120px;
    }

    .download-app .content .store-icon a:nth-child(1) {
        margin-inline-end: 0;
        margin-bottom: 10px;
    }

    footer .footer-bottom {
        padding-top: 20px;
    }

    footer .footer-bottom .footer-logo {
        text-align: center;
    }

    footer .footer-bottom .footer-title {
        margin: 0 0 12px;
    }

    footer .footer-bottom .quick-links {
        margin-top: 40px;
    }

    footer .footer-bottom .footer-links a {
        margin-inline-end: 15px;
    }

    footer .footer-bottom .footer-links ul li {
        margin-bottom: 10px;
    }

    footer .footer-top .footer-top-content {
        display: block;
    }

    footer .footer-top .footer-top-content .opening-hours>div,
    footer .footer-top .footer-top-content .opening-hours>div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

    footer .footer-top .footer-top-content .opening-hours h6 {
        margin-inline-end: 0;
        margin-bottom: 5px;
    }

    footer .footer-top .footer-top-content .accessibility {
        margin-top: 20px;
        justify-content: flex-start;
        margin-inline-start: 0;
    }

    footer .footer-top .footer-top-content .accessibility .accessibility-icons {
        left: 0;
    }

    footer .footer-top .footer-top-content .accessibility .accessibility-icons:after {
        left: 45px;
    }

    #font_decrease .modal-body,
    #font_increase .modal-body,
    #font_reset .modal-body {
        margin-top: 20px;
    }

    #font_decrease .modal-body h4,
    #font_increase .modal-body h4,
    #font_reset .modal-body h4 {
        font-size: 1.3rem;
    }

    .live-chat a.chat-image {
        display: none;
    }

    .live-chat a.cart-image {
        display: block;
    }

    .login-section {
        padding: 20px 0;
    }

    .login-section h4 {
        margin-bottom: 20px;
    }

    .login-section .not-account {
        margin-top: 20px;
    }

    .forgotpassword-section {
        padding: 20px 0;
    }

    .addtocart {
        width: 100%;
    }

    .addtocart .content {
        padding: 15px;
        max-height: calc(100vh - 115px);
        height: auto;
        overflow: auto;
    }

    .addtocart .content:before {
        right: 94px;
        left: auto;
    }

    .addtocart .content .action-buttons {
        margin: -5px;
    }

    .addtocart .content .action-buttons .btn {
        width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin: 5px;
        height: 44px;
        padding: 6px 10px;
    }

    .addtocart .content ul li {
        font-size: 13px;
    }

    .addtocart .content ul li span {
        display: block;
        width: calc(100% - 190px);
        flex: 0 0 calc(100% - 190px);
    }

    .addtocart .content ul li .quantity {
        width: 90px;
        flex: 0 0 90px;
    }

    .addtocart .content ul li b {
        width: 90px;
        flex: 0 0 90px;
        margin-inline-start: 0;
    }

    .inner-banner {
        height: 180px;
        padding-bottom: 20px;
    }

    .buy-section .tab-content {
        padding: 10px;
    }

    .buy-section .tab-content .alert-danger {
        align-items: flex-start;
        padding: 12px;
    }

    .buy-section .tab-content .alert-danger i {
        margin-inline-end: 10px;
        font-size: 40px;
    }

    .buy-section .tab-content .listing .content .image {
        width: 100%;
        flex: 0 0 100%;
        height: 200px;
        margin-inline-end: 0;
        margin-bottom: 15px;
    }

    .buy-section .tab-content .guest-services-list .accordion .card .card-body .image-section {
        width: 100%;
        margin-inline-end: 0;
        margin-bottom: 15px;
    }

    .buy-section .tab-content .listing .content .details {
        width: 100%;
        flex: 0 0 100%;
    }

    .buy-section .tab-content .listing .content .details .bottom .form-group {
        width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }

    .buy-section .tab-content .select-packs .slider .pack-list {
        padding: 5px;
    }

    .buy-section .tab-content .guest-services-list .accordion .card .card-header {
        font-size: calc(var(--root-font) + 2px);
        padding: 1rem;
    }

    .buy-section .tab-content .paid-parking span {
        width: 100%;
    }

    .buy-section .tab-content .paid-parking input.parking-number {
        width: 100%;
    }

    .buy-section .tab-content .paid-parking .choose-type {
        text-align: center;
    }

    .buy-section .tab-content .paid-parking .car-selection {
        justify-content: center;
    }

    .buy-section .tab-content .custom-amount {
        margin: 10px -10px 0;
    }

    .buy-section .tab-content .select-packs {
        margin: 10px -10px 0;
    }

    .buy-section .tab-content .wonderpass-plans a {
        width: auto;
    }

    .parkentry-ticket .content h5 {
        font-size: calc(var(--root-font) + 4px);
    }

    .modal-content {
        padding: 20px;
    }

    .modal-content .modal-body h3 {
        font-size: 28px;
    }

    .our-outlets .list .small-cell {
        margin: 0;
    }

    .our-outlets .list .small-cell .cardbox {
        width: 100%;
        flex: 0 0 100%;
        margin: 0;
    }

    .parkentry-ticket .have-vippack {
        margin-top: 30px;
    }

    .parkentry-ticket .addto-cart {
        margin-top: 0px;
    }

    .profile-banner {
        height: 450px;
        padding: 20px 0 60px;
    }

    .profile {
        width: 100%;
    }

    .profile-banner .user-details .user-image {
        width: 120px;
        height: 120px;
    }

    .profile-banner .user-details .silver-member,
    .profile-banner .user-details .gold-member,
    .profile-banner .user-details .platinum-member,
    .profile-banner .user-details .platinum-plus-member {
        font-size: calc(var(--root-font) + 4px);
        margin-bottom: 20px;
    }

    .profile .nav-tabs.profile-tabs {
        flex-wrap: nowrap;
    }

    .profile .nav-tabs.profile-tabs .nav-item {
        text-align: center;
        white-space: nowrap;
        width: auto;
        flex: 1;
    }

    .profile .nav-tabs.profile-tabs .nav-item .nav-link {
        padding: 5px 10px;
        margin: 10px 0;
        font-size: var(--root-font);
    }

    .profile .card {
        margin-top: 30px;
    }

    .profile .my-profile .delete-account {
        margin-top: 30px;
    }

    .profile .card .card-header {
        padding: 20px 15px;
        font-size: calc(var(--root-font) + 2px);
    }

    .profile .card .card-body {
        padding: 12px;
    }

    .profile .profile-section {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .profile .my-purchase ul.list li {
        flex-direction: column;
    }

    .profile .my-purchase ul.list li .left-side {
        width: 100%;
        flex: 0 0 100%;
    }

    .profile .my-purchase ul.list li .left-side label {
        margin-bottom: 5px;
    }

    .profile .my-purchase ul.list li .right-side {
        width: 100%;
        flex: 0 0 100%;
    }

    .profile .my-purchase ul.list li .right-side.multi-column {
        flex-direction: column;
        align-items: flex-start;
    }

    .profile .my-purchase ul.list li .right-side.multi-column a {
        margin-top: 10px;
        margin-inline-start: 0;
    }

    .profile .my-purchase ul.list li .right-side.offer-slider {
        width: 100%;
        flex: 0 0 100%;
    }

    .profile .my-purchase .ticket-help {
        width: 100%;
        margin: 60px auto 0;
        text-align: center;
    }

    .profile .my-purchase .ticket-help p br {
        display: none;
    }

    .profile .ticket-help {
        width: 100%;
    }

    .profile .ticket-help p {
        font-size: calc(var(--root-font) + 1px);
    }

    .profile .ticket-help p br {
        display: none;
    }

    .profile .favourites-routes .favourites ul.list li label {
        margin-bottom: 5px;
    }

    .profile .favourites-routes .routes ul.list li label {
        margin-bottom: 5px;
    }

    .profile .my-profile ul.personal-details li {
        padding: 20px;
        align-items: flex-start;
        flex-direction: column;
    }

    .profile .my-profile ul.personal-details li label {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 5px;
    }

    .profile .my-profile .preferences-list .content {
        width: calc(50% - 16px);
        flex: 0 0 calc(50% - 16px);
        height: 140px;
    }

    .profile .my-profile .esaad-card-details .esaad-card {
        width: 300px;
        height: 190px;
    }

    .profile .my-profile .download-esaad-card .offers .list,
    .profile .my-profile .esaad-card-details .offers .list {
        width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }

    .profile .my-profile .esaad-card-details .esaad-card-status,
    .profile .my-profile .esaad-card-details .validating-text {
        width: 100%;
    }

    .profile .my-profile .download-esaad-card h4 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    #Addcar .modal-content .modal-body h3,
    #EditCar .modal-content .modal-body h3 {
        font-size: 28px;
    }

    #Addcar .add-car-form h5,
    #EditCar .add-car-form h5 {
        font-size: 16px;
    }

    .profile .my-profile .car-list .list,
    .buy-section .tab-content .paid-parking .car-list .list {
        width: calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
    }

    .page-name .page-name-content .left .image {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        margin-inline-end: 15px;
    }

    .page-name .page-name-content {
        display: block;
    }

    .page-name .page-name-content .action-buttons {
        text-align: right;
        margin-top: 10px;
    }

    .menu {
        display: block;
        padding: 40px 0;
        left: -100%;
    }

    .menu.active {
        display: block;
        left: 0;
    }

    .menu-content .btn.btn-theme {
        display: block;
    }

    .menu-content>div {
        margin-bottom: 50px;
    }

    .menu-content .mobile-menu {
        display: flex;
    }

    .menu-content h3 {
        margin-bottom: 20px;
    }

    .menu-content .searchbox {
        width: 100%;
    }

    .menu-content ul li {
        font-size: calc(var(--root-font) + 6px) !important;
        margin-bottom: 12px;
    }

    .menu a.CloseMenu {
        position: fixed;
        top: 40px;
        right: 12px;
        font-size: 24px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: var(--white);
    }

    .popup {
        padding: 50px 15px 15px;
    }

    a.ClosePopup {
        top: 10px;
        right: 10px;
        font-size: 24px;
        width: 34px;
        height: 34px;
        line-height: 36px;
    }

    .starting-text ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .starting-text ul li {
        margin-bottom: 10px;
    }

    .starting-text ul li:last-child {
        margin-bottom: 0;
    }

    .health-safety .content {
        margin-bottom: 0;
        height: auto;
    }

    .overview .reserve-table,
    .overview .reserve-cabana-table,
    .overview .check-availability {
        margin-top: 30px;
    }

    .overview .floor-plan .listing .list {
        width: calc(50% - 16px);
        height: 130px;
    }

    .special-offers .content .image {
        width: 100%;
        flex: 0 0 100%;
        margin-inline-end: 0;
        margin-bottom: 10px;
    }

    .special-offers .content .details {
        width: 100%;
        flex: 0 0 100%;
    }

    .imageoverly-content .list {
        margin-bottom: 0;
    }

    .imageoverly-content .list .image {
        height: 220px;
    }

    .imageoverly-content .list .image.leftside i {
        left: auto;
        right: 15px;
    }

    .imageoverly-content .list .content {
        width: 100%;
        top: -30px;
        transform: translateY(0);
        position: relative;
        padding: 15px;
        margin: 0 25px;
        height: auto;
        min-height: auto;
    }

    .imageoverly-content .list .content h4 {
        font-size: calc(var(--root-font) + 4px);
    }

    .imageoverly-content .list .content.leftside {
        left: 0;
        height: auto;
    }

    .imageoverly-content .list .content.rightside {
        right: 0;
        height: auto;
    }

    .park-timing .content .opening-hours {
        margin-bottom: 0;
    }

    .park-timing .content {
        padding: 20px;
    }

    .park-timing .park-timing-list {
        margin-top: 15px;
    }

    .park-timing .park-timing-list.border-right {
        border: none !important;
    }

    .howto-reach .content {
        flex-direction: column;
    }

    .howto-reach .content .map {
        margin-inline-end: 0;
    }

    .howto-reach .content .getting-text {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 20px;
    }

    .drive-park .nav-tabs.park-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .drive-park .nav-tabs.park-tabs .nav-item {
        width: 220px;
        flex: 0 0 220px;
    }

    .drive-park .tab-content {
        padding: 20px;
    }

    .how-get-gv-locations .tab-content {
        padding: 0px;
        box-shadow: none;
    }

    .drive-park .tab-content .parking-system {
        padding-top: 0;
    }

    .drive-park .tab-content .parking-system .col-md-6.col-12 {
        margin-top: 30px;
    }

    .vipparking {
        min-height: 300px;
        height: auto;
    }

    .gv-map .map {
        height: 250px;
    }

    .gallery .product-gallery .big-image {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
    }

    .gallery .product-gallery .big-image .image {
        height: 240px;
    }

    .gallery .product-gallery .small-image {
        height: 240px;
        width: 100%;
    }

    .wonderpass-promotion .content {
        min-height: 220px;
        height: auto;
    }

    .about-content .statistics {
        margin-top: 0;
    }

    .statistics-list {
        margin-top: 40px;
    }

    .once-time .content {
        width: calc(100% - 60px);
        padding: 20px;
    }

    .our-history .video {
        height: 200px;
    }

    .merchent-offers .offer-image {
        height: 200px;
    }

    .welcome-season p {
        font-size: 18px;
    }

    .gallerypopup .gallery-content {
        width: 100%;
        max-width: auto;
    }

    .gallerypopup .gallery-content .carousel-item {
        height: 180px;
    }

    .gallerypopup .gallery-content .carousel-item .video-gallery {
        height: 270px;
    }

    .gallerypopup .gallery-content .carousel-indicators {
        margin: 0;
    }

    .gallerypopup .gallery-content .carousel-indicators li {
        height: 80px;
        width: 140px;
        flex: 0 0 140px;
    }

    .gallerypopup .gallery-content .carousel-control-next .carousel-control-next-icon,
    .gallerypopup .gallery-content .carousel-control-prev .carousel-control-prev-icon {
        width: 36px;
        height: 36px;
        background-size: 14px;
    }

    .gallerypopup .gallery-content .carousel-control-prev {
        left: 0;
        max-height: 190px;
    }

    .gallerypopup .gallery-content .carousel-control-next {
        right: 0;
        max-height: 190px;
    }

    .gallerypopup .gallery-content .carousel-item a {
        right: calc(50% - 50px);
        transform: translateX(-50%);
        zoom: 0.9;
    }

    .carnaval-logo {
        margin-top: -40px;
    }

    .carnaval-logo img {
        width: 200px;
    }

    .external-links .content {
        margin-bottom: 15px;
    }

    .our-story .our-story-content .video {
        width: 100%;
        height: 200px;
    }

    .gallerypopup.active {
        display: flex;
        align-items: center;
    }

    .contact-message-register-interest-email-form form .field--name-field-first-name,
    .contact-message-register-interest-email-form form .field--name-field-last-name,
    .contact-message-register-interest-email-form form .js-form-item-mail,
    .contact-message-register-interest-email-form form .field--name-field-phone-number,
    .contact-message-register-interest-email-form form .field--name-field-date-of-birth,
    .contact-message-register-interest-email-form form .field--name-field-gender,
    .contact-message-register-interest-email-form form .field--name-field-nationality,
    .contact-message-register-interest-email-form form .field--name-field-country {
        padding: 0 15px;
        width: 100%;
        flex: 0 0 100%;
    }

    .contact-message-register-interest-email-form form .js-form-item-mail {
        margin-bottom: 20px;
    }

    .overview .overview-content .points.points-second ul li {
        width: 100%;
        flex: 0 0 100%;
    }

    .healthy-safety .content {
        flex-direction: column;
    }

    .healthy-safety .content .image {
        width: 100%;
    }

    .healthy-safety .content .cardbox {
        width: 100%;
        margin-inline-start: 0;
        margin-top: 15px;
    }

    .precautionary .cardbox {
        min-height: 360px;
    }

    .healthy-safety .content .cardbox h4 {
        font-size: calc(var(--root-font) + 6px);
    }

    .precautionary .cardbox h4 {
        font-size: calc(var(--root-font) + 6px);
    }

    .downloadPayApp .store-icon a {
        margin: 0 10px;
    }

    .page-not-found .content h2 {
        font-size: 20px;
    }

    .page-not-found .content h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .page-not-found .content h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .page-not-found .content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .page-not-found .contact-links {
        bottom: 30px;
        flex-direction: column;
        left: 0;
        transform: translateX(0);
        align-items: flex-start;
        padding: 0 15px;
    }

    .page-not-found .contact-links div {
        margin: 6px 0 0;
    }

    .page-not-found .content .links a img {
        width: 30px;
    }

    .page-not-found .content .links a span {
        font-size: 14px;
    }

    .modal-content .modal-body p {
        margin-top: 25px;
    }

    .review-login-popup.modal-content .btn {
        top: 0;
    }

    .menu {
        background-position: left bottom;
    }

    .submission-form .idcard-conformation {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .submission-form .answer-choose {
        display: flex;
        align-items: flex-start;
    }

    .submission-form .idcard-conformation .answer-choose {
        justify-content: flex-start;
        margin-inline-start: 0;
        flex: auto;
    }

    .submission-form .idcard-conformation p {
        margin-bottom: 10px;
    }

    .submission-form .login-message {
        flex-direction: column;
        align-items: flex-start;
    }

    .submission-form .login-message .btn {
        margin-inline-start: 0;
        margin-top: 10px;
    }

    #edit-gv-platforms .js-form-item-gv-platforms-instagram,
    #edit-gv-platforms .js-form-item-gv-platforms-facebook,
    #edit-gv-platforms .js-form-item-gv-platforms-twitter,
    #edit-gv-platforms .js-form-item-gv-platforms-snapchat,
    #edit-gv-platforms .js-form-item-gv-platforms-tiktok,
    #edit-gv-platforms .js-form-item-gv-platforms-youtube,
    #edit-gv-platforms .js-form-item-gv-platforms-blog,
    #edit-gv-platforms .js-form-item-gv-platforms-other {
        width: 100%;
    }

    .imageoverly-content.fortravel-trade {
        margin-top: 0;
    }

    #vip_terms_popup h4 {
        font-size: 18px;
    }

    #vip_terms_popup .modal-content {
        padding: 20px;
    }

    #LoginNow .modal-content .modal-body p,
    #DeleteCard .modal-content .modal-body p,
    #LoginNowRaffle .modal-content .modal-body p {
        font-size: 16px;
        font-weight: 600;
    }

    .view-id-vip_benefits .view-content .cardbox .cardbox-content {
        min-height: 170px;
    }

    .vip-promotion .slick-prev {
        left: 10px;
        zoom: 0.6;
    }

    .vip-promotion .slick-next {
        right: 10px;
        zoom: 0.6;
    }

    .vip-promotion .slick-dots {
        bottom: 10px;
        zoom: 0.6;
    }

    .gv-update-media-user .card .card-body {
        gap: 0;
    }

    .gv-update-media-user .card:nth-child(2) .card-body .form-group {
        width: 100%;
    }

    .blogs .blog-list .content {
        flex-direction: column;
        align-items: flex-start;
    }

    .blogs .blog-list .content .image {
        width: 100%;
        flex: 0 0 100%;
        height: 220px;
        margin-inline-end: 0;
        margin-bottom: 10px;
    }

    .blogs .blog-list .content .details {
        width: 100%;
        flex: 0 0 100%;
    }

    .featured-blogs .featured-blog-list {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }

    .featured-blogs .featured-blog-list .content {
        width: 100%;
        flex: 0 0 100%;
    }

    .featured-blogs .featured-blog-list .content:first-child {
        margin-inline-end: 0;
        margin-bottom: 20px;
    }

    .featured-blogs .featured-blog-list .content:last-child {
        margin-inline-start: 0;
    }

    .featured-blogs .featured-blog-list .content .image h4 {
        font-size: calc(var(--root-font) + 10px);
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .blog-details .comments h4 {
        font-size: calc(var(--root-font) + 6px);
        margin-bottom: 20px;
    }

    .blog-details .leave-comment>div {
        margin-bottom: 20px;
    }

    .blog-details .leave-comment h4 {
        font-size: calc(var(--root-font) + 6px);
    }

    .blog-details .comments .comment-list img,
    .blog-details .latest-blogs .list img {
        width: 50px;
        height: 50px;
    }

    .blog-details .leave-comment .btn {
        margin-top: 0;
    }

    .blog-details .tags,
    .blog-details .latest-blogs {
        margin-top: 30px;
    }

    .blog-details .videos {
        height: 200px;
    }

    .blog-details .social-share {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-details .social-share .category {
        margin-bottom: 10px;
    }

    .gv-wonders img {
        height: 450px;
        width: auto;
        object-fit: cover;
        object-position: center center;
        height: 500px;
    }

    .gv-wonders a {
        padding: 0.5rem 1rem;
        bottom: 20px;
        zoom: 0.85;
    }

    #faq .card .card-header .btn-header-link {
        font-size: 1rem;
    }

    #OfferPopup .modal-content .modal-body .video-section {
        width: 100%;
        height: 210px;
    }

    #OfferPopup .modal-content .modal-body .image-section {
        height: 240px;
    }

    .all-outlets .all-list .views-infinite-scroll-content-wrapper .cardbox {
        width: calc(100% - 16px);
    }

    .similer-rides .view-content .cardbox {
        width: calc(100% - 16px);
    }

    .skip-raff {
        left: 0;
        bottom: 50px;
    }

    .overview img.fifa-1-vector {
        width: 100px;
        top: -30px;
    }

    .overview img.fifa-2-vector {
        display: none;
    }
}

@media (min-width: 576px) {
    .modal-dialog.modal-md {
        max-width: 650px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 576px) {
    .buy-section .tab-content .select-packs .pack-list .price span {
        display: block;
    }

    .blog-details .blog-slider .blog-slider-gallery .list {
        height: 300px;
    }

    .blog-details .blog-slider .blog-slider-gallery .slick-dots {
        left: 20px;
        width: auto;
    }

    .majlis-table-booking .gv-ramadan .card .card-body .table-details .table-list .list .left {
        min-width: 130px;
    }

    .buy-section .tab-content .paid-parking .card .card-header {
        display: block;
        font-size: calc(var(--root-font) + 4px);
    }

    .buy-section .tab-content .btn {
        flex: none;
        margin-inline-start: 0;
        display: block;
        margin-top: 10px;
    }

    .buy-section .tab-content .paid-parking .plate-cart-btn {
        width: 100%;
        display: block;
    }

    .buy-section .tab-content .paid-parking .car-list {
        display: block;
    }

    .profile .my-profile .car-list .list,
    .buy-section .tab-content .paid-parking .car-list .list {
        width: calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
    }

    .buy-section .tab-content .paid-parking p b {
        font-size: calc(var(--root-font) + 4px)
    }

    .buy-section .tab-content .park-entry-list .listing .content .bottom .btn {
        margin-top: 2rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 360px) {
    .cardbox .cardbox-content .points ul li {
        font-size: 13px;
    }

    .rating {
        font-size: var(--font-small);
    }

    .vip-exclusive .cardbox .list p {
        font-size: var(--font-small);
        line-height: 16px;
    }

    .fellow-guest .list p {
        font-size: var(--font-small);
        line-height: 16px;
    }

    footer .footer-bottom .footer-links a {
        margin-inline-end: 12px;
    }

    .buy-section .tab-content .select-packs .pack-list {
        min-height: 130px;
    }
}

@media (max-width: 359px) {
    .menu {
        padding: 20px 0;
    }

    .microsite {
        position: relative;
        bottom: 0;
    }
}

#engt-container .engt-launcher {
    z-index: 1049 !important;
}

#engt-container.engt-acquire .engt-launcher-button {
    background-image: url(../images/icons/live-chat.svg) !important;
    background-size: 54px 54px !important;
}

#engt-container .engt-launcher-button {
    width: 54px !important;
    height: 54px !important;
}

a.engt-boxclose {
    padding: 0 !important;
    margin-right: 0 !important;
    font-size: 36px !important;
    width: 54px !important;
    height: 54px !important;
    text-align: center !important;
    line-height: 58px !important;
}

html:lang(ar) .embeddedServiceHelpButton .helpButton {
    right: auto !important;
    left: 12px !important;
}

html:lang(ar) .embeddedServiceSidebar.layout-docked .dockableContainer {
    right: auto !important;
    left: 20px !important;
}

html:lang(ar) .embeddedServiceHelpButton .embeddedServiceIcon {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.icon-vip {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 55%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.user-vip {
    width: 31px !important;
    height: 36px !important;
    object-fit: contain !important;
    margin-inline-start: 10px !important;
    margin-inline-end: 0px !important;
    border-radius: 0 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
}

.hidden {
    display: none !important;
}

#iframeDiv ifram {
    border: none !important;
}

.main-banner .carousel .carousel-caption p {
    color: var(--white);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    max-width: 636px;
    display: none;
}

.main-banner .carousel {
    position: relative;
}

.main-banner .carousel::after {
    content: "";
    background: linear-gradient(334.64deg, rgba(0, 0, 0, 0.9) -22.5%, rgba(0, 0, 0, 0.5) 4.23%, rgba(0, 0, 0, 0.3) 67.64%);

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:767px) {
    .main-banner .carousel .carousel-caption p {
        display: none;
    }
}

.main-banner .carousel .carousel-caption h4 {
    color: var(--white);
}

.toast-top-right {
    top: 80px !important;
}

.theme-uae-day header.uae-day {
    background: #000000;
}

.theme-uae-day header.uae-day .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton {
    background: #000000;
}

.theme-uae-day .main-banner .main-banner-top.uae-day {
    display: none;
}

.theme-uae-day .main-banner .main-banner-top {
    color: #004A8F;
}

.theme-uae-day .main-banner .main-banner-top .weather .left i {
    color: #004A8F;
}

.theme-uae-day .main-banner .main-banner-top .opening-hours h5 i {
    color: #004A8F;
}

.theme-uae-day .main-banner .carousel .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
}

.theme-uae-day .main-banner .carousel .carousel-caption h1 {
    color: var(--blue);
    max-width: 636px;
}

/* Christmas theme */
.theme-christmas-day header {
    background: #780D17;
}

.theme-christmas-day header .header-items .right .dropbutton-multiple .dropbutton-widget .dropbutton {
    background: #780D17;
}

/* Patern 1 */
.theme-christmas-day .features img.pattern1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    opacity: 1;
}

@media (max-width: 1199px) {
    .theme-christmas-day .features img.pattern1 {
        width: 150px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .features img.pattern1 {
        display: none;
    }
}

/* Patern 2 */
.theme-christmas-day .top-features img.pattern2,
.top-features img.pattern2-mobile {
    position: absolute;
    top: -225px;
    right: 0px;
    z-index: 1;
    width: 170px;
}

@media (max-width: 1399px) {
    .theme-christmas-day .top-features img.pattern2 {
        top: -115px;
        width: 130px;
    }
}

@media (max-width: 1199px) {
    .theme-christmas-day .top-features img.pattern2 {
        top: -50px;
        width: 100px;
    }
}

@media (min-width: 992px) {
    .theme-christmas-day .top-features .pattern2-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .top-features img.pattern2 {
        display: none;
    }

    .theme-christmas-day .top-features img.pattern2-mobile {
        display: none;
    }
}

@media (max-width: 576px) {
    .theme-christmas-day .top-features img.pattern2-mobile {
        display: none;
    }
}

/* Patern 3 */
.theme-christmas-day .todays-shows img.pattern3,
.todays-shows img.pattern3-mobile {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

@media (min-width: 768px) {
    .theme-christmas-day .todays-shows .pattern3-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .theme-christmas-day .todays-shows img.pattern3 {
        display: none;
    }
}

/* Patern 4 */
.theme-christmas-day .interactive-map img.pattern4 {
    position: absolute;
    top: -50px;
    left: 0;
    width: 180px;
}

@media (max-width: 1399px) {
    .theme-christmas-day .interactive-map .pattern4 {
        top: 0;
        width: 140px;
    }
}

@media (max-width: 1119px) {
    .theme-christmas-day .interactive-map .pattern4 {
        width: 120px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .interactive-map .pattern4 {
        display: none;
    }
}

@media (min-width: 992px) {
    .theme-christmas-day .plan-your-visit .pattern4-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .plan-your-visit img.pattern4 {
        display: none;
    }

    .theme-christmas-day .plan-your-visit img.pattern4-mobile {
        position: relative;
        margin-top: -20px;
        width: 80px;
        display: none;
    }
}

@media (max-width: 575px) {
    .theme-christmas-day .plan-your-visit img.pattern4-mobile {
        width: 60px;
    }
}

/* Patern 5 */
.theme-christmas-day .plan-your-visit img.pattern5 {
    position: absolute;
    top: -120px;
    left: 0;
    width: 250px;
}

@media (max-width: 1399px) {
    .theme-christmas-day .plan-your-visit img.pattern5 {
        top: -70px;
        width: 180px;
    }
}

@media (max-width: 1119px) {
    .theme-christmas-day .plan-your-visit img.pattern5 {
        top: -35px;
        width: 120px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .plan-your-visit img.pattern5 {
        display: none;
    }
}

/* Patern 6 */
.theme-christmas-day .plan-your-visit img.pattern6 {
    position: absolute;
    bottom: -45px;
    right: 0;
    width: 160px;
}

@media (max-width: 1399px) {
    .theme-christmas-day .plan-your-visit img.pattern6 {
        width: 100px;
    }
}

@media (max-width: 1199px) {
    .theme-christmas-day .plan-your-visit img.pattern6 {
        bottom: -45px;
        width: 80px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .plan-your-visit img.pattern6 {
        top: 0;
        width: 60px;
        bottom: auto;
        z-index: 1;
    }
}

@media (max-width: 576px) {
    .theme-christmas-day.plan-your-visit img.pattern6 {
        width: 50px;
    }
}

/* Patern 7 */
.theme-christmas-day .vip-exclusive img.pattern7 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 220px;
}

@media (max-width: 1399px) {
    .theme-christmas-day .vip-exclusive img.pattern7 {
        width: 180px;
    }
}

@media (max-width: 1199px) {
    .theme-christmas-day .vip-exclusive img.pattern7 {
        bottom: -20%;
        width: 150px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .vip-exclusive img.pattern7 {
        bottom: -20%;
        width: 120px;
        top: auto;
        display: none;
    }
}

/* Patern 8 */
.theme-christmas-day .vip-exclusive img.pattern8 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 170px;
    display: none;
}

@media (max-width: 1399px) {
    .theme-christmas-day .vip-exclusive img.pattern8 {
        width: 150px;
    }
}

@media (max-width: 1199px) {
    .theme-christmas-day .vip-exclusive img.pattern8 {
        bottom: -20%;
        width: 120px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .vip-exclusive img.pattern8 {
        bottom: -23%;
        width: 100px;
        display: block;
    }
}

/* Patern 9 */
.theme-christmas-day .tripadvisor img.pattern9,
.theme-christmas-day .tripadvisor img.pattern9-mobile {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .theme-christmas-day .tripadvisor img.pattern9-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .theme-christmas-day .tripadvisor img.pattern9 {
        display: none;
    }

    .theme-christmas-day .tripadvisor img.pattern9-mobile {
        position: absolute;
        top: 85%;
    }
}

.ramadan-premium-checkbox {
    display: flex;
    align-items: center;
}

.ramadan-premium-checkbox .form-item {
    margin-right: 5px;
}

/* Patern 10 */
.theme-christmas-day .sponsors img.pattern10 {
    position: absolute;
    bottom: -90px;
    right: 0;
    width: 180px;
    z-index: 1;
}

@media (max-width: 1399px) {
    .theme-christmas-day .sponsors img.pattern10 {
        width: 160px;
    }
}

@media (max-width: 991px) {
    .theme-christmas-day .sponsors img.pattern10 {
        bottom: -50px;
        width: 100px;
        display: none;
    }
}

@media (max-width: 575px) {
    .theme-christmas-day .sponsors img.pattern10 {
        bottom: -30px;
        width: 70px;
    }
}

/* Ramadan Theme */
.theme-ramadan .features .pattern1 {
    position: absolute;
    top: 270px;
    left: -15px;
    z-index: 0;
    width: 175px;
    opacity: 1;
}

@media (max-width: 1399px) {
    .theme-ramadan .features .pattern1 {
        width: 150px;
    }
}

@media (max-width: 1199px) {
    .theme-ramadan .features .pattern1 {
        width: 110px;
    }
}

@media (max-width: 991px) {
    .theme-ramadan .features .pattern1 {
        display: none;
    }
}

.theme-ramadan .top-features .pattern2,
.theme-ramadan .top-features .pattern2-mobile {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: 0;
    width: 170px;
}

@media (max-width: 1399px) {
    .theme-ramadan .top-features .pattern2 {
        top: -20px;
        width: 125px;
    }
}

@media (max-width: 1199px) {
    .theme-ramadan .top-features .title {
        width: 90%;
    }

    .theme-ramadan .top-features .pattern2 {
        top: -15px;
        width: 120px;
    }
}

@media (min-width: 992px) {
    .theme-ramadan .top-features .pattern2-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .theme-ramadan .top-features .pattern2 {
        display: none;
    }

    .theme-ramadan .top-features img.pattern2-mobile {
        top: -10px;
        width: 60px;
    }
}

@media (max-width: 576px) {
    .theme-ramadan .top-features img.pattern2-mobile {
        display: none;
        top: 0;
    }
}

.theme-ramadan .top-features .pattern7,
.theme-ramadan .todays-shows .pattern7-mobile {
    position: absolute;
    width: 100%;
    top: -5%;
    left: -17%;
    z-index: 0;
}

@media (min-width: 992px) {
    .theme-ramadan .todays-shows .pattern7-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .theme-ramadan .top-features .pattern7 {
        display: none;
    }

    .theme-ramadan .todays-shows .pattern7-mobile {
        left: 0;
        top: 0;
        width: auto;
    }
}

.theme-ramadan .interactive-map .pattern3,
.theme-ramadan .interactive-map .pattern3-mobile {
    position: absolute;
    top: 185px;
    left: -30px;
    z-index: 0;
    width: 200px;
}

@media (max-width: 1199px) {
    .theme-ramadan .interactive-map .pattern3 {
        top: 200px;
        width: 175px;
    }
}

@media (min-width: 992px) {
    .theme-ramadan .interactive-map .pattern3-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .theme-ramadan .interactive-map .pattern3 {
        display: none;
    }

    .theme-ramadan .interactive-map .pattern3-mobile {
        top: auto;
        left: 0;
        bottom: -40px;
        width: 100px;
    }
}

.theme-ramadan .plan-your-visit .pattern4 {
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 0;
    width: 180px;
}

@media (max-width: 1399px) {
    .theme-ramadan .plan-your-visit .pattern4 {
        width: 120px;
    }
}

@media (max-width: 1199px) {
    .theme-ramadan .plan-your-visit .pattern4 {
        width: 100px;
    }
}

@media (max-width: 991px) {
    .theme-ramadan .plan-your-visit .pattern4 {
        display: none;
    }
}

.theme-ramadan .plan-your-visit .pattern5 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 110%;
}

@media (max-width: 991px) {
    .theme-ramadan .plan-your-visit .pattern5 {
        display: none;
    }
}

.theme-ramadan .sponsors .pattern6,
.theme-ramadan .sponsors .pattern6-mobile {
    position: absolute;
    bottom: -80px;
    right: 30px;
    z-index: 0;
    height: 135px;
}

@media (max-width: 1399px) {
    .theme-ramadan .sponsors .pattern6 {
        height: 90px;
        right: 5px;
    }
}

@media (max-width: 1199px) {
    .theme-ramadan .sponsors .pattern6 {
        height: 90px;
        right: 0px;
    }
}

@media (min-width: 992px) {
    .theme-ramadan .sponsors .pattern6-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .theme-ramadan .sponsors .pattern6 {
        display: none;
    }

    .theme-ramadan .sponsors .pattern6-mobile {
        top: 0;
        height: 100px;
        right: 0;
    }
}

@media (max-width: 767px) {
    .theme-ramadan .sponsors .pattern6-mobile {
        height: 80px;
    }
}

.page-node-type-kids-festival #kids-festival-btn {
    margin-top: 25px;
    padding-left: 40px;
    padding-right: 40px;
}

.gv-kids-festival-form input.form-submit {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    min-width: 140px;
    width: auto;
    font-family: inherit;
    border-radius: 0.25rem;
}

.gv-kids-festival-form label {
    font-size: 14px;
    font-weight: var(--font-weight-regular);
}

.gv-kids-festival-form .form-group.gender-selection {
    position: relative;
    display: flex;
    align-items: center;
}

.gv-kids-festival-form .form-group.gender-selection div:first-child {
    margin-inline-end: 15px;
}

.gv-kids-festival-form .form-group.gender-selection label {
    height: 50px;
    padding: 20px;
    line-height: 15px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    background: #DCDCDC;
}

.gv-kids-festival-form .form-group.gender-selection input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    cursor: pointer;
}

.gv-kids-festival-form .form-group.gender-selection input:checked+label {
    background: var(--blue);
    color: var(--white);
}

.gv-kids-festival-form .form-date {
    width: 100%;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    font-size: var(--font-regular);
    color: var(--text-primary);
    border: 1px solid rgba(78, 73, 83, 0.15) !important;
    margin: 0;
    background: url(../images/icons/cardbox/calendar-orange.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right 10px center;
}

.page-node-type-entry-ticket .parkentry-ticket .content h5 {
    margin-top: 20px;
}

.page-node-type-entry-ticket .enty-learnmore .learn-more-action-link {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Popup Scan Your Purchases */
#scanPurchases .modal-content,
#lostCard .modal-content,
#offseasonBuy .modal-content {
    background: var(--white);
}

#scanPurchases .modal-content a.scan-purchases-close,
#lostCard .modal-content a.scan-purchases-close,
#offseasonBuy .modal-content a.scan-purchases-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: var(--white);
    background: var(--orange);
}

#scanPurchases .modal-content a.scan-purchases-close i,
#lostCard .modal-content a.scan-purchases-close i,
#offseasonBuy .modal-content a.scan-purchases-close i {
    font-size: 14px;
    vertical-align: middle;
}

#offseasonBuy .modal-content .modal-text {
    text-align: center;
    color: var(--text-primary);
}

#scanPurchases .modal-content h4 {
    color: var(--blue);
    margin-bottom: 20px;
}

#scanPurchases .modal-content p {
    margin-bottom: 30px;
}

#scanPurchases .modal-content .store-icon,
#offseasonBuy .modal-content .modal-buttons {
    display: flex;
    justify-content: center;
}

#offseasonBuy .modal-content .modal-buttons .btn {
    width: 125px;
}

@media (min-width: 1400px) {
    #offseasonBuy .modal-content .modal-buttons .btn {
        width: 140px;
    }
}

#offseasonBuy .modal-content .modal-buttons .btn.btn-theme-bordered {
    margin-inline-end: 1rem;
}

@media (max-width: 575px) {
    #scanPurchases .modal-content .store-icon {
        display: block;
    }
}

#scanPurchases .modal-content .store-icon a.ios {
    margin-right: 10px;
}

@media (max-width: 575px) {
    #scanPurchases .modal-content .store-icon a.ios {
        margin-bottom: 10px;
    }
}

#scanPurchases .modal-content .store-icon a {
    display: flex;
    position: relative;
    width: 150px;
    height: auto;
    top: 0;
    right: 0;
}

#scanPurchases .modal-content img {
    width: 100%;
    height: auto;
}

#scanPurchases .modal-content .modal-body {
    color: var(--text-primary);
}

#lostCard .modal-content .modal-body p {
    color: var(--text-primary);
}

#lostCard .modal-content .modal-body .btn {
    margin-top: 20px;
    margin-right: 10px;
    width: 125px;
}

.wonderpass-overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 2;
}

.wonderpass-overlay .content {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    width: 100%;
}

.wonderpass-overlay .content .overlay-wrapper {
    text-align: center;
    font-weight: 500;
}

.wonderpass-overlay .content a {
    margin-top: 10px;
    color: var(--orange);
}

.wonderpass-count.disabled .wonderpass-overlay {
    display: flex;
}

#password_confirm_message .icon-alert {
    margin-inline-end: 5px;
}

#password_confirm_message {
    color: red;
}

/* Popup recommended for you*/
#recommended .modal-dialog {
    max-width: 1000px;
    margin: 1rem auto;
}

#recommended.recommended-one-card .modal-dialog {
    max-width: 500px;
}

@media (max-width: 1020px) {
    #recommended .modal-dialog {
        max-width: calc(100% - 3rem);
    }
}

@media (max-width: 767px) {
    #recommended .modal-dialog {
        max-width: 350px;
        margin: 2rem auto;
    }
}

@media (max-width: 576px) {
    #recommended.recommended-one-card .modal-dialog {
        max-width: calc(100% - 30px);
    }
}

#recommended .modal-content {
    padding: 0;
    background: var(--white);
}

#recommended .modal-content a.recommended-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: var(--white);
    background: var(--orange);
}

#recommended .modal-content a.recommended-close i {
    font-size: 14px;
    vertical-align: middle;
}

#recommended .modal-content .modal-body {
    padding: 20px;
    color: var(--text-primary);
}

@media (max-width: 767px) {
    #recommended .modal-content .modal-body {
        height: calc(100vh - 150px);
        overflow-y: auto;
        padding-bottom: 55px;
    }
}

@media (max-width: 575px) {
    #recommended .modal-content .modal-body {
        padding-bottom: 125px;
    }
}

#recommended .modal-content .modal-body .modal-heading h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px;
}

@media (max-width: 767px) {
    #recommended .modal-content .modal-body .modal-heading h4 {
        font-size: 20px;
        font-weight: 600;
    }
}

#recommended .modal-content .modal-body p {
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .modal-content .modal-body p {
        margin-top: 0;
    }
}

#recommended .modal-content .modal-body .three-thumbnails-card,
#recommended .modal-content .modal-body .one-thumbnail-card {
    display: block;
    margin-bottom: 1.5rem;
}

#recommended .modal-content .modal-body .one-thumbnail-card {
    max-width: 350px;
    margin: 0 auto;
}

@media (max-width: 575px) {
    #recommended.recommended-one-card .modal-content .modal-body .one-thumbnail-card {
        max-width: auto;
    }
}

#recommended .modal-content .modal-body .three-thumbnails-card .view-content,
#recommended .modal-content .modal-body .one-thumbnail-card .view-content {
    margin: -1rem -0.875rem;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox {
    margin: 1rem 0.875rem;
    border-radius: 12px;
    border: 1px solid #A5A5A5;
    box-shadow: none;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .card-body,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .card-body {
    height: 100%;
    padding: 1rem;
}

@media (max-width: 767px) {
    #recommended .modal-content .modal-body .three-thumbnails-card .cardbox {
        width: 100%;
        margin: 1.25rem 0 0;
        border: none;
        border-bottom: 1px solid #a5a5a5;
        border-radius: 0;
    }

    #recommended .modal-content .modal-body .one-thumbnail-card .cardbox {
        width: calc(100% - 1.75rem);
        margin: 1.25rem 0.875rem;
    }

    #recommended .modal-content .modal-body .three-thumbnails-card .cardbox:last-child {
        border-bottom: none;
    }
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .image,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .image {
    width: 100%;
    height: 182px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 0.75rem;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .image span,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .image span {
    display: block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 100%;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .image:hover span,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .image:hover span {
    transform: scale(1.1);
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details {
    flex-direction: column;
    display: flex;
    height: calc(100% - 194px);
    justify-content: space-between;
    width: 100%;
}

@media (min-width: 768px) {
    #recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details {
        min-height: 275px;
    }

    #recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details {
        min-height: 275px;
    }
}

@media (min-width: 992px) {
    #recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details {
        min-height: 205px;
    }

    #recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details {
        min-height: 280px;
    }
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a.btn,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a.btn {
    width: fit-content;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details .ticket-name {
    margin-bottom: 10px;
    max-height: 190px;
    overflow: hidden;
}

#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details .ticket-name {
    margin-bottom: 10px;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h4,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h4 {
    font-size: 1.25rem;
    color: #2A2828;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {

    #recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h4,
    #recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h4 {
        font-size: 1rem;
    }
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h5,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h5 {
    font-size: 1.125rem;
    color: #2A2828;
    font-weight: var(--font-weight-bold);
    margin-bottom: 10px;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details h5 small,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details h5 small {
    font-size: calc(var(--root-font) + 1px);
    font-weight: var(--font-weight-semibold);
    color: rgba(78, 73, 83, 0.5);
    margin: 0;
    text-transform: none;
    letter-spacing: initial;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details p,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details p {
    margin-bottom: 10px;
    font-size: 0.875rem;
    color: #545353;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details p:not(.modal-offer-text),
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details p:not(.modal-offer-text) {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details p small,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details p small {
    font-size: 0.75rem;
    color: #2A2828;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a {
    color: var(--orange);
    font-weight: var(--font-weight-bold);
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details ul,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details ul {
    padding-inline-start: 0;
    list-style-type: none;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details ul li,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details ul li {
    padding: 15px;
    border-bottom: 1px solid rgba(78, 73, 83, 0.15);
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details ul li:last-child,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details ul li:last-child {
    border-bottom: none;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a.btn,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a.btn {
    width: fit-content;
}

#recommended .modal-content .modal-body .three-thumbnails-card .cardbox .details a i,
#recommended .modal-content .modal-body .one-thumbnail-card .cardbox .details a i {
    display: inline-block;
    margin-inline-start: 1px;
    vertical-align: 0;
    font-size: var(--font-extrasmall);
}

#recommended .modal-content .modal-body .three-thumbnails-card .details a.btn,
#recommended .modal-content .modal-body .three-thumbnails-card .details a.btn:hover,
#recommended .modal-content .modal-body .three-thumbnails-card .details a.btn:focus,
#recommended .modal-content .modal-body .one-thumbnail-card .details a.btn,
#recommended .modal-content .modal-body .one-thumbnail-card .details a.btn:hover,
#recommended .modal-content .modal-body .one-thumbnail-card .details a.btn:focus {
    color: var(--white);
}

#recommended .modal-content .modal-body .three-thumbnails-card .details .bottom,
#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom {
    margin-top: 0;
    width: auto;
    margin: 0 auto;
}

#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

@media (max-width: 767px) {
    #recommended .modal-content .modal-body .three-thumbnails-card .details .bottom {
        margin-top: 0;
    }

    #recommended .modal-content .modal-body .one-thumbnail-card .details .bottom {
        margin-top: 0;
        width: auto;
    }
}

#recommended .modal-content .modal-body .three-thumbnails-card .details .bottom .form-group,
#recommended .modal-content .modal-body .one-thumbnail-card .details .bottom .form-group {
    margin-bottom: 0;
    margin-inline-end: 10px;
    width: 210px;
    flex: 0 0 210px;
}

#recommended .modal-content .modal-body .three-thumbnails-card .quantity,
#recommended .modal-content .modal-body .one-thumbnail-card .quantity {
    display: flex;
    align-items: center;
}

#recommended .modal-content .modal-body .three-thumbnails-card .quantity input,
#recommended .modal-content .modal-body .one-thumbnail-card .quantity input {
    width: 30px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
    font-weight: var(--font-weight-semibold);
}

#recommended .modal-content .modal-body .three-thumbnails-card .quantity button,
#recommended .modal-content .modal-body .one-thumbnail-card .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next {
    right: -45px;
}

#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev {
    left: -45px;
}

@media (max-width: 767px) {

    #recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev,
    #recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next {
        font-size: 16px;
        width: 35px;
        height: 35px;
    }

    #recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next {
        right: -35px;
    }

    #recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev {
        left: -35px;
    }

}

#recommended .modal-content .modal-body .three-thumbnails-card .slick-track {
    margin-left: auto;
    margin-right: auto;
}

#recommended .modal-content .modal-body .three-thumbnails-card .slick-slide {
    height: inherit !important;
}

#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-next.slick-disabled,
#recommended .modal-content .modal-body .three-thumbnails-card .view-content .slick-prev.slick-disabled {
    display: none !important;
}

#recommended .modal-content .modal-buttons {
    display: flex;
    justify-content: end;
}

@media (max-width: 576px) {
    #recommended .modal-content .modal-buttons {
        flex-direction: column-reverse;
        margin: auto;
        width: 100%;
    }
}

#recommended .modal-content .modal-buttons .btn {
    width: 150px;
    margin-top: 0;
    height: 40px;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    border-radius: 0.75rem;
}

@media (max-width: 767px) {
    #recommended .modal-content .modal-buttons .btn {
        width: 130px;
        height: 40px;
    }
}

@media (max-width: 576px) {
    #recommended .modal-content .modal-buttons .btn {
        width: 100%;
    }
}

#recommended .modal-content .modal-buttons .btn.btn-theme-bordered {
    margin-inline-end: 1rem;
}

@media (max-width: 576px) {
    #recommended .modal-content .modal-buttons .btn.btn-theme-bordered {
        margin-inline-end: 0;
        border: none;
        margin-top: 0.5rem;
        height: auto;
    }

    #recommended .modal-content .modal-buttons .btn.btn-theme-bordered:hover {
        background: none;
        color: var(--orange);
    }
}

#recommended .modal-content .modal-footer {
    border-top: none;
    justify-content: center;
}

@media (max-width: 767px) {
    #recommended .modal-content .modal-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        background: white;
        border-top: none;
        border-top: 1px solid #a5a5a5;
    }
}

/* Popup checkout offers*/
#cart_discount_offers .modal-dialog {
    max-width: 550px;
    margin: 1rem auto;
}

@media (max-width: 576px) {
    #cart_discount_offers .modal-dialog {
        max-width: calc(100% - 3rem);
    }
}

#cart_discount_offers .modal-content {
    background: var(--white);
    padding: 20px;
}

#cart_discount_offers .modal-content .modal-header {
    padding-bottom: 5px;
}

#cart_discount_offers .modal-content .modal-header h4 {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-bold);
    margin-bottom: 10px;
    color: var(--blue);
}

@media (max-width: 767px) {
    #cart_discount_offers .modal-content .modal-body p {
        margin-top: 5px;
    }
}

#cart_discount_offers .modal-content .modal-body {
    color: var(--text-primary);
    padding: 0 20px;
}

@media (max-width: 767px) {
    #cart_discount_offers .modal-content .modal-body p {
        margin-top: 10px;
    }
}

#cart_discount_offers .modal-content .modal-body .profile {
    width: 100%;
    margin: 0;
}

#cart_discount_offers .modal-content .modal-body .profile .my-purchase .raffeldraw-offers .list {
    width: 100%;
    margin: 15px 0;
}

#cart_discount_offers .modal-content a.close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: var(--white);
    background: var(--orange);
    opacity: 1;
}

#cart_discount_offers .modal-content a.close i {
    font-size: 14px;
    vertical-align: middle;
}

#cart_discount_offers .modal-content .modal-text {
    text-align: center;
    color: var(--text-primary);
}

.path-user-reset-password .profile {
    max-width: 450px;
}

.gv-web-reset-password .form-text {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 5px 12px;
    font-size: var(--font-regular);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.35px;
    border-radius: 0.25rem;
    color: var(--text-primary);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(78, 73, 83, 0.15);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.gv-web-reset-password .eye-icon {
    position: absolute;
    top: 50px;
    right: 25px;
}

.gv-web-reset-password .js-form-submit,
.gv-web-reset-password .js-form-submit:focus,
.gv-web-reset-password .js-form-submit:hover {
    margin: 0;
    min-width: 150px;
    height: 44px;
    width: 100%;
    font-family: Poppins;
    color: var(--white);
    background: var(--orange);
    border: 1px solid var(--orange);
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
    border-radius: 0.25rem;
}

/* ===== New Buy Journey ===== */
.buy-section .tab-content .fixed-bottom {
    display: none;
}

/* white background for all tabs */
.buy-section .tab-pane {
    padding: 0px;
    border-radius: 0;
    background: white;
    box-shadow: none;
}

.buy-section .tab-content .white-bg {
    padding: 30px 20px;
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
}

/* Park Entry */
.buy-section #park-entry .white-bg {
    padding: 0;
    margin-top: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/* Attraction */

.buy-section .tab-content .new-attraction-tab .attraction-content {
    position: relative;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title {
    text-align: center;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title h4 {
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 16px;
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .buy-title p {
    font-size: 14px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing-title {
    font-size: 22px;
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 30px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing {
    position: relative;
    padding-top: 50px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
    border-bottom: none;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p {
    font-size: 14px;
    min-height: 38px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p.small-height {
    min-height: 20px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider {
    margin-bottom: 0px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev,
.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
    font-size: 16px;
    width: 8px;
    height: 16px;
    position: absolute;
    box-shadow: none;
    background: transparent;
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev {
    left: auto;
    right: 65px;
    top: -44px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
    right: 0;
    top: -44px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
    position: absolute;
    right: 0;
    left: calc(100% - 55px);
    top: 5px;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap .total {
    box-shadow: none;
}

/*.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
	display: flex;
	align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
*/

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel {
    width: 330px;
    flex: 0 0 330px;
    margin-inline-end: 30px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item {
    height: 326px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item img {
    border-radius: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators {
    margin-bottom: 30px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    border-top: none;
    border-bottom: none;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators li.active {
    background-color: #fff;
    width: 14px;
    background-color: var(--orange);
    list-style-type: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 5px;
    border: 1px solid var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image span,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image:hover span,
.buy-section .tab-content .exclusive-packs .listing .content .image:hover span {
    transform: scale(1.1);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details,
.buy-section .tab-content .exclusive-packs .listing .content .details {
    width: calc(100% - 360px);
    flex: 0 0 calc(100% - 360px);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details {
    max-width: 700px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name,
.buy-section .tab-content .exclusive-packs .listing .content .details .ticket-name {
    margin-bottom: 8px;
}

.buy-section .tab-content .exclusive-packs .listing .content .details .ticket-name a {
    padding: 0;
}

.buy-section .tab-content .exclusive-packs .listing .content .details h4 {
    font-size: calc(var(--root-font) + 8px);
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .list-item:not(:first-child) {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #EEF2F8;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .list-item .list-header {
    position: relative;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name h4,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .ticket-name h4 {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    margin-bottom: 0.4rem;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name h4 {
    margin-bottom: 0;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name+p {
    font-size: 14px;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right {
    text-align: end;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 1rem;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom {
    margin-bottom: 0;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title {
    margin-top: 10px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom {
    justify-content: flex-end;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5 .strike-off,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom .price h5 .strike-off {
    text-decoration: line-through;
    text-decoration-color: var(--orange);
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
    color: #88848B;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom .price h5 {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: #707070;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom strong,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom strong {
    color: var(--text-primary);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .attraction-title {
    display: flex;
    align-items: center;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title {
    display: flex;
    align-items: center;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title img {
    margin: 0 7px 0 0;
    width: 18px;
    height: auto;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .attraction-title h6 {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title h6 {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .custom-checkbox.mobile-checkbox {
    margin-top: 0.5rem;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox .custom-control-label::before {
    border: 1px solid var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5 small,
.buy-section .tab-content .exclusive-packs .listing .content .details .bottom h5 small {
    display: inline-block;
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    color: #A7A4A9;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity {
    display: flex;
    align-items: center;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity input {
    width: 30px;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity button {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity button:hover {
    color: var(--white);
    background: var(--orange);
    border: 1px solid var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row {
    margin-left: -8px;
    margin-right: -8px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row>.col,
.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row>[class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions {
    margin-top: 1rem;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions label {
    width: 100%;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions label .cardbox {
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    text-align: center;
    background: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .form-check {
    padding-left: 0;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .form-check .form-check-input {
    position: absolute;
    top: 0;
    left: 1.25rem;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions input[type=checkbox]:checked+label .cardbox {
    border: 2px solid var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions input[type=checkbox]:checked+label .cardbox .card-body .card-details h6 {
    color: var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions input[type=checkbox]:checked+label .cardbox .card-body .card-details span {
    color: var(--orange);
}


.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body {
    padding: 5px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image {
    width: 100%;
    height: 75px;
    margin-bottom: 10px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image img {
    border-radius: 8px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details {
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details small {
    font-size: 12px;
    color: var(--text-light);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details h6 {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--blue);
    margin-bottom: 10px;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
}

.buy-section .tab-content .exclusive-packs .listing .content .details a {
    padding: 8px 15px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
    text-align: center;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 {
    color: #C8362F;
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.8rem;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
    position: absolute;
    left: 0%;
    width: 262px;
}

@media (max-width: 767px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        display: none;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img.wonderpass-mobile-img {
        display: block;
    }

}

@media (min-width: 768px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img.wonderpass-mobile-img {
        display: none;
    }
}

@media (max-width: 1439px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        left: 0%;
    }
}

@media (max-width: 1199px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        left: 0%;
        top: 20px;
        width: 185px;
    }
}

@media (max-width: 991px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        width: 150px;
        top: 25px;
    }
}

@media (max-width: 767px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        left: 0%;
        top: 0px;
        width: 125px;
    }
}

@media (max-width: 575px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        left: -6%;
        top: 5px;
        width: 132px;
    }
}

@media (max-width: 490px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        left: -5%;
        top: 10px;
        width: 100px
    }
}

@media (max-width: 400px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img {
        left: -8%;
        top: 20px;
        width: 95px;
    }
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
    margin-bottom: 40px;
    color: #333333;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc span {
    color: #C8362F;
    font-weight: var(--font-weight-bold);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .blue-bg {
    background-color: #E3F1FF;
    margin: 0 -20px;
    padding: 30px 20px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .and-or {
    text-align: center;
    margin: 30px 0;
    color: var(--text-light);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider {
    text-align: center;
    margin: 40px -20px 40px -20px;
    border-bottom: 1px solid #E3F1FF;
    position: relative;
    display: block;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .or-divider span {
    font-size: 14px;
    background-color: #F1F5F9;
    border-radius: 24px;
    padding: 5px 15px;
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs {
    text-align: center;
    background: transparent;
    margin: 0;
    padding: 0;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs h4 {
    font-size: calc(var(--root-font) + 8px);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.5rem;
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-desc {
    font-size: 12px;
    margin-bottom: 27px;
    color: rgba(23, 23, 23, 0.8);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing {
    display: block;
    column-gap: 20px;
    row-gap: 20px;
    padding-bottom: 15px;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .slick-prev {
    left: -50px
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .slick-next {
    right: -50px
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
    width: calc(20% - 16px);
    flex: 0 0 calc(20% - 16px);
    padding: 20px 15px 15px 15px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    text-align: center;
    background: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    margin: 20px 8px 0 8px;
    min-height: 120px;
}

@media (max-width:1199px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
        min-height: 140px;
    }
}

@media (max-width:991px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
        min-height: 140px;
    }
}

@media (max-width:767px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
        min-height: 108px;
    }
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price {
    font-size: calc(var(--root-font) + 6px);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 5px;
    color: var(--text-primary);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal {
    padding: 5px;
    background: white;
    color: #004A8F;
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    border-radius: 4px;
    border: 1px solid #004A8F;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 115px;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal svg {
    width: 15px;
    height: 15px;
    fill: var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal img {
    width: 15px;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price span {
    font-size: var(--root-font);
    font-weight: var(--font-weight-medium);
    color: var(--text-light);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list p {
    font-size: 14px;
    color: var(--text-light);
    font-weight: 400;
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list.current-deal {
    border: 2px solid var(--orange);
}

.buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list.current-deal .price {
    color: var(--orange);
}

.buy-section .tab-content .new-attraction-tab .fixed-total {
    margin-top: 20px;
    position: sticky;
    z-index: 99;
    bottom: 0;
    left: 0;
    background: var(--white);
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #dde2e9;

}

.buy-section .tab-content .new-attraction-tab .fixed-total .show-hide-content {
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: var(--orange);
    max-width: 912px;
    margin: 0 auto 10px auto;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .show-hide-content .rotate-arrow {
    transform: rotate(180deg);
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total {
    box-shadow: none;
    max-width: 912px;
    margin: 0 auto;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-light);
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total hr {
    margin: 15px 0;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .fixed-total-proceed {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price {
    display: flex;
    margin-bottom: 0;
    column-gap: 18px;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price b {
    display: inline-block;
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price {
    font-size: 26px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price span {
    font-size: 22px;
    font-weight: var(--font-weight-normal);
    color: var(--text-light);
}

.buy-section .tab-content .new-attraction-tab .fixed-total .add-to-cart-button {
    text-align: center;
    margin-top: 0px;
    display: flex;
    justify-content: center;
}

.buy-section .tab-content .new-attraction-tab .fixed-total .add-to-cart-button .btn-theme {
    min-width: 250px;
    height: 50px;
    font-size: calc(var(--root-font) + 2px);
    font-weight: var(--font-weight-semibold);
    margin-top: 0px;
}

/* Wonderpass*/
.buy-section .tab-content .top-up-wonderpass {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px 40px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}

.buy-section .tab-content .top-up-wonderpass span {
    display: inline-block;
    font-size: calc(var(--root-font) + 4px);
    color: var(--text-primary);
}

.buy-section .tab-content .top-up-wonderpass span b {
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .top-up-wonderpass a {
    display: inline-block;
    min-width: 150px;
    height: 40px;
    line-height: normal;
    font-size: calc(var(--font-regular) + 2px);
    font-weight: var(--font-weight-semibold);
}

.buy-section .tab-content .wonderpass-section {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.buy-section .tab-content .wonderpass-section .left_wonder h5 {
    font-size: var(--section-header);
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    line-height: 36px;
    margin-bottom: 7px;
}

.buy-section .tab-content .wonderpass-section .left_wonder p {
    font-size: var(--font-extrasmall);
    font-weight: var(--font-weight-normal);
    margin-bottom: 0;
    color: rgba(23, 23, 23, 0.8);
    line-height: 18px;
}

.buy-section .tab-content .wonderpass-section .right_wonder {
    max-width: 565px;
    width: 100%;
    margin-inline-start: auto;
}

@media (max-width: 767px) {
    .buy-section .tab-content .wonderpass-section .right_wonder {
        margin-inline-start: 0;
    }
}

.buy-section .tab-content .wonderpass-section .right_wonder #wp_rem_bal_p {
    display: flex;
    justify-content: end;
    margin-top: 0.5rem;
}

.buy-section .tab-content .wonderpass-section .right_wonder #wp_rem_bal_p span {
    font-weight: 600;
    padding-inline-start: 5px;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card.show .dropdown-toggle:after {
    transform: rotate(-180deg);
}

.buy-section .tab-content .wonderpass-section .right_wonder .new_mediacode_select option.new-card {
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-toggle {
    display: flex;
    align-items: center;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
    border: 1px solid #E5E4E5;
    border-radius: 4px;
    padding: 11px 20px;
    width: 100%;
    margin-top: 0;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-toggle:after {
    background: url('../images/icons/dropdown-orange.svg') no-repeat center;
    border: none;
    margin-left: 0;
    width: 14px;
    height: 8px;
    position: absolute;
    transition: 0.2s linear;
    right: 20px;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    border: none;
    margin: 0;
    margin-top: 16px;
    padding: 0;
    float: none;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control {
    height: 48px;
    padding: 5px 20px;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control:focus {
    border: 1px solid #E5E4E5;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters {
    margin-right: -5px;
    margin-left: -5px;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters>.col,
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .no-gutters>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.buy-section .tab-content .wonderpass-section .right_wonder input[type=number]::-webkit-outer-spin-button,
.buy-section .tab-content .wonderpass-section .right_wonder input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.buy-section .tab-content .wonderpass-section .right_wonder input[type=number] {
    -moz-appearance: textfield;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-toggle {
    display: flex;
    align-items: center;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    border: 1px solid #E5E4E5;
    border-radius: 4px;
    padding: 11px 20px;
    width: 100%;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-toggle:after {
    background: url('../images/icons/dropdown-orange.svg') no-repeat center;
    border: none;
    margin-left: 0;
    width: 14px;
    height: 8px;
    position: absolute;
    transition: 0.2s linear;
    right: 20px;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp.show .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp.show .dropdown-menu {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    float: none;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    position: static !important;
    transform: none !important;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item {
    color: var(--orange);
    font-weight: var(--font-weight-semibold);
    display: flex;
    align-items: center;
    padding: 6px 20px;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item.mobile {
    display: none;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item span {
    font-size: 24px;
    font-weight: var(--font-weight-medium);
    margin-right: 8px;
    display: inline-block;
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item:active,
.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
    color: var(--orange);
}

.buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    color: var(--orange);
}

.buy-section .tab-content .wonderpass-content .enter-points {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.buy-section .tab-content .wonderpass-content .enter-points .left {
    margin-inline-end: 40px;
}

.buy-section .tab-content .wonderpass-content .enter-points .left a {
    color: var(--orange);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    text-decoration: underline;

}

.buy-section .tab-content .wonderpass-content .enter-points .left p {
    font-size: 12px;
    padding-top: 0.1rem;
}

.buy-section .tab-content .wonderpass-content .enter-points .right .form-control {
    width: 100px;
    height: 45px;
    border-radius: 6px;
    text-align: center;
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
}

/* Wonderpass add new card modal */
.addNewCard_modal .modal-dialog .modal-content {
    background-color: var(--white);
    border-radius: 6px;
}

.addNewCard_modal .modal-dialog .modal-content .modal-header {
    padding: 0;
    border: none;
    border-radius: 0;
}

.addNewCard_modal .modal-dialog .modal-content .modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 20px;
    z-index: 11;
    opacity: 1;
    line-height: normal;
    font-size: inherit;
    float: none;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body {
    padding-top: 18px;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--blue);
    line-height: 26px;
    margin-bottom: 6px;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #4E4953;
    line-height: 18px;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #171717;
    line-height: 21px;
    background-color: var(--white);
    border: 1px solid #E5E4E5;
    padding: 10px 16px;
    border-radius: 4px;
    letter-spacing: 0;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group {
    position: relative;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group a {
    position: absolute;
    right: 16px;
    top: 11px;
    display: inline-block;
    height: auto;
    width: auto;
    font-size: inherit;
    line-height: normal;
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .form-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.addNewCard_modal .modal-dialog .modal-content .modal-body .btn {
    margin-top: 0;
    width: 166px;
}

@media (max-width:1440px) {
    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control {
        height: 45px;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item {
        font-size: 14px;
        padding: 4px 20px;
    }
}

@media (max-width:1199px) {
    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-menu .form-control {
        height: 45px;
        padding: 5px 12px;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder {
        max-width: 450px;
    }
}

@media (max-width:991px) {
    .buy-section .tab-content .wonderpass-section .right_wonder {
        max-width: 365px;
    }
}

@media (max-width:767px) {
    .buy-section .tab-content .wonderpass-section {
        border-radius: 12px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
        display: block;
        padding: 12px;
    }

    .buy-section .tab-content .wonderpass-section .left_wonder h5 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 0;
    }

    .buy-section .tab-content .wonderpass-section .left_wonder p {
        font-size: 10px;
        margin-bottom: 15px;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.addnew_card .dropdown-toggle {
        padding: 11px 12px;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-toggle {
        padding: 11px 16px;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item {
        font-size: 14px;
        padding: 4px 16px;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item.desk {
        display: none;
    }

    .buy-section .tab-content .wonderpass-section .right_wonder .dropdown.top_up_drp .dropdown-menu .dropdown-item.mobile {
        display: flex;
    }
}

.buy-section .tab-content .wonderpass-section .left,
.buy-section .tab-content .wonderpass-section .right {
    flex: 1;
}

.buy-section .tab-content .wonderpass-section .left .add-card-link {
    margin-top: 12px;
}

.buy-section .tab-content .wonderpass-section .left .add-card-link a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: var(--orange);
}

.buy-section .tab-content .wonderpass-section .left .add-card-link svg {
    margin-inline-end: 10px;
}

.buy-section .tab-content .wonderpass-section .center {
    margin: 10px 48px;
    line-height: normal;
    color: var(--text-light);
}

.buy-section .tab-content .wonderpass-section .right h6 {
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    margin-top: 16px;
    margin-bottom: 8px;
    color: var(--blue);
}

.buy-section .tab-content .wonderpass-section .right span {
    display: block;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    color: var(--orange);
}


/* New Buy journey Responsive*/
@media (min-width: 992px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .custom-checkbox.mobile-checkbox {
        display: none;
    }
}

@media (max-width: 1199px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4:before {
        top: 75px;
        zoom: 75%;
    }
}

@media (max-width: 991px) {
    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox {
        display: none;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
        display: block;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel {
        width: 100%;
        overflow: hidden;
        margin-inline-end: 0px;
        margin-bottom: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item {
        text-align: center;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details {
        width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom {
        margin-bottom: 0px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title {
        margin-top: 20px;
    }

    .buy-section .tab-content .top-up-wonderpass {
        flex-wrap: nowrap;
    }

}

@media (max-width: 767px) {
    .buy-section .tab-content .white-bg {
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        margin-bottom: 0;
    }

    .buy-section .tab-content .white-bg-mobile {
        padding: 20px 10px;
        margin: 0 -10px;
        border-radius: 12px;
        background: var(--white);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 1rem;
    }

    .buy-section .tab-content .fixed-bottom {
        background-color: white;
        display: flex;
        justify-content: space-between;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    }

    .buy-section .tab-content .fixed-bottom .total-price {
        display: flex;
        align-items: center;
    }

    .buy-section .tab-content .fixed-bottom .total-price .price {
        font-size: 20px;
        font-weight: var(--font-weight-semibold);
    }

    .buy-section .tab-content .fixed-bottom .total-price .price span {
        font-size: 14px;
        font-weight: var(--font-weight-medium);
    }

    .buy-section .tab-content .fixed-bottom .btn {
        width: 100%;
    }

    .buy-section .tab-content .buy-title {
        margin-top: 35px;
        margin-bottom: 20px;
    }

    .buy-section .tab-content .total .sub-price ul li .price {
        font-size: 10px;
        min-width: 60px;
        flex: 0 0 60px;
        text-align: end;
    }

    .buy-section .tab-content .total .sub-price ul li .price small {
        font-size: 8px;
    }

    /* Attraction Responsive*/
    .buy-section .tab-content .new-attraction-tab .fixed-total {
        position: sticky;
        margin: 0 -20px;
        width: calc(100% + 40px);
        padding: 10px 15px;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total {
        margin-top: 0;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .fixed-total-proceed {
        margin-top: 10px;
        display: flex;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .show-hide-content {
        margin: 0 auto 5px auto;
        font-size: 15px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .or-divider span {
        font-size: 12px;
        font-weight: var(--font-weight-semibold);
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title {
        margin: 0 -15px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing {
        padding-top: 22px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content {
        display: block;
        margin-bottom: 0px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .image {
        width: 80px;
        flex: 0 0 80px;
        height: 80px;
        margin-inline-end: 12px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .image {
        height: 58px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details,
    .buy-section .tab-content .exclusive-packs .listing .content .details {
        width: 100%;
        flex: 0 0 100%;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details p {
        font-size: 10px;
        min-height: auto;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .desktop-message,
    .buy-section .tab-content .exclusive-packs .listing .content .desktop-message {
        display: none;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details h4,
    .buy-section .tab-content .exclusive-packs .listing .content .details h4 {
        font-size: 14px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price .custom-checkbox {
        display: none;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5,
    .buy-section .tab-content .exclusive-packs .listing .content .details .bottom h5 {
        font-size: 14px;
        color: var(--text-primary);
        font-weight: var(--font-weight-semibold);
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .list-item:not(:first-child) {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
        border-top: 1px solid #EEF2F8;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .price h5 small,
    .buy-section .tab-content .exclusive-packs .listing .content .details .bottom h5 small {
        font-size: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity button {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .attraction-title {
        justify-content: center;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title {
        justify-content: start;
        margin-top: 12px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions {
        margin-top: 12px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .bottom {
        margin-top: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row>.col,
    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .row>[class*="col-"] {
        padding-right: 2.5px;
        padding-left: 2.5px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .upgrade-title h6 {
        text-align: left;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details h6 {
        font-size: 10px;
        min-height: 25px;
        max-height: 25px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details {
        font-size: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .more-attractions .cardbox .card-body .card-details small {
        font-size: 8px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .bottom .quantity input {
        width: 30px;
        font-size: 14px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider {
        margin-bottom: 0px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .and-or {
        margin: 20px 0;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs h4 {
        font-size: 16px;
        color: var(--text-primary);
        margin-bottom: 0.2rem;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-desc {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .or-divider {
        margin: 40px 0px 15px 0px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing {
        display: block;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list {
        width: calc(33.33% - 16px);
        flex: 0 0 calc(33.33% - 16px);
        padding: 20px 5px 5px 5px;
        margin: 20px 5px 0 5px;
    }


    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price {
        font-size: 19px;
        margin-bottom: 8px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .price span {
        font-size: 14px;
        display: inline;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list p {
        font-size: 11px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal {
        padding: 5px 3px;
        font-size: 12px;
        width: 95px;
        top: -15px
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .select-packs .pack-listing .pack-list .best-deal svg {
        width: 12px;
        height: 12px;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price ul li span {
        font-size: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price b {
        font-size: 14px;
        display: none;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price {
        font-size: 14px;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .total-price .price span {
        font-size: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .add-to-cart-button .btn-theme {
        height: 38px;
        font-size: 14px;
        min-width: 215px;
        margin-top: 0;
    }

    .buy-section .tab-content .new-attraction-tab .fixed-total .total .sub-price {
        padding-bottom: 6px
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .add-to-cart-button {
        margin-top: 0px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title .wonderpass-img-description {
        text-align: center;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 {
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
        font-size: 10px;
        margin-bottom: 20px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .blue-bg {
        padding: 30px 0 0 0;
        border-radius: 12px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .buy-title h4 {
        font-size: 16px;
        margin-bottom: 0.5rem;
        color: var(--text-primary);
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .buy-title p {
        font-size: 10px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing-title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
        font-size: 12px;
        left: calc(100% - 45px);
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .carousel .carousel-item {
        height: 160px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .carousel .carousel-indicators {
        margin-bottom: 20px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-prev {
        top: -30px;
        right: 60px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-slider .slick-next {
        top: -30px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .slide-count-wrap {
        top: 0;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name,
    .buy-section .tab-content .exclusive-packs .listing .content .details .ticket-name {
        margin-bottom: 4px;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name h4 {
        font-size: 16px;
        margin-bottom: 0.3rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .details-right .ticket-name h4 {
        font-size: 12px;
        margin-bottom: 0.3rem;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .listing .content .details .ticket-name+p {
        font-size: 10px;
        text-align: left;
    }

    /* Wonderpass Responsive*/
    .buy-section .tab-content .wonderpass-section {
        display: block;
    }

    .buy-section .tab-content .wonderpass-section .center {
        font-size: 12px;
    }

    .buy-section .tab-content .wonderpass-section .right span {
        font-size: 10px;
    }

    */ .buy-section .tab-content hr {
        margin: 15px 0;
    }

    .buy-section .tab-content .wonderpass-content .enter-points {
        justify-content: space-between;
        padding: 0 20px;
        margin-top: 0;
        position: relative;
        padding-bottom: 15px;
    }

}

@media (max-width: 575px) {
    .buy-section .tab-content .buy-title h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .buy-section .tab-content .buy-title p {
        font-size: 10px;
    }

    .buy-section .tab-content .select-packs .slider .pack-list {
        padding: 5px;
    }

    .buy-section .tab-content .listing .content .details {
        width: 100%;
        flex: 0 0 100%;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 {
        font-size: 10px;
        margin-bottom: 0.5rem;
    }

    .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-desc {
        font-size: 8px;
    }

    .buy-section .tab-content .top-up-wonderpass {
        flex-wrap: nowrap;
    }

    .buy-section .tab-content .top-up-wonderpass span {
        font-size: 1rem;
    }

    .buy-section .tab-content .top-up-wonderpass a {
        min-width: 80px;
        height: 35px;
        flex: 0 0 80px;
    }

    .buy-section .tab-content .wonderpass-content .enter-points {
        justify-content: space-between;
        padding: 0 20px;
        margin-top: 0;
        position: relative;
        padding-bottom: 15px;
    }

    .buy-section .tab-content .wonderpass-content .enter-points .left {
        margin-inline-end: 20px;
    }

    .buy-section .tab-content .wonderpass-content .enter-points .left a {
        font-size: 14px;
    }

    .buy-section .tab-content .wonderpass-content .enter-points .left p {
        font-size: 10px;
    }

    .buy-section .tab-content .wonderpass-content .enter-points .right .form-control {
        font-size: 16px;
    }
}

@media (max-width: 400px) {
    /* .buy-section .tab-content .new-attraction-tab .attraction-content .attraction-title h4 { font-size: 8px; }  */
}

/* Wonderpass pop up */
#AddNewCardWp .modal-dialog {
    max-width: 360px;
    margin: 0 auto;
}

#AddNewCardWp .modal-content {
    background: var(--white);
}

#AddNewCardWp .modal-content .modal-body {
    color: var(--text-primary);
}

#AddNewCardWp .modal-content .modal-body .form-group .form-control {
    color: var(--text-primary) !important;
    background-color: transparent;
    margin-top: 20px;
}

#AddNewCardWp .modal-content .modal-body h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--blue);
}

#AddNewCardWp .modal-content .modal-body p {
    font-size: 12px;
    color: #4E4953;
}

#AddNewCardWp .modal-content .modal-body .btn {
    margin-top: 1rem;
    width: 170px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

.AddNewCardWp .modal-dialog .modal-content .modal-body .form-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.19);
}

/* Attraction pop up */
@media (min-width: 576px) {
    #liWpAttr .modal-dialog {
        max-width: 520px;
    }
}

#liWpAttr .modal-content {
    background: var(--white);
}

@media (max-width: 767px) {
    #liWpAttr .modal-content a svg {
        width: 18px;
        height: 18px;
    }
}

#liWpAttr .modal-content .modal-body {
    color: var(--text-primary);
}

#liWpAttr .modal-content .modal-body h4 {
    color: var(--blue);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    #liWpAttr .modal-content .modal-body h4 {
        font-size: 1.125rem;
    }
}

@media (max-width: 767px) {
    #liWpAttr .modal-content .modal-body p {
        font-size: 12px;
    }
}

#liWpAttr .modal-content .modal-body .form-group .form-control {
    color: var(--text-primary) !important;
    background-color: transparent;
    margin-top: 20px;
}

#liWpAttr .modal-content .modal-body .rem_balance {
    margin-top: 0.5rem;
    display: flex;
    justify-content: end;
}

@media (max-width: 767px) {
    #liWpAttr .modal-content .modal-body .rem_balance {
        font-size: 12px;
    }
}

#liWpAttr .modal-content .modal-body .rem_balance span {
    font-weight: 600;
    padding-inline-start: 5px;
}

#liWpAttr .modal-content .modal-body .action-buttons {
    display: flex;
    column-gap: 20px;
    justify-content: center;
}

@media (max-width: 575px) {
    #liWpAttr .modal-content .modal-body .action-buttons {
        display: flex;
        column-gap: 10px;
    }
}

#liWpAttr .modal-content .modal-body .action-buttons .btn {
    flex: 1 1 0px;
    height: 40px;
    width: 100%;
}

@media (max-width: 767px) {
    #liWpAttr .modal-content .modal-body .action-buttons .btn {}
}

@media (max-width: 575px) {
    #liWpAttr .modal-content .modal-body .action-buttons .btn {
        font-size: 12px;
        font-weight: 600;
        min-width: 125px;
        max-width: max-content;
    }
}

@media (max-width: 575px) {
    #liWpAttr .modal-content .modal-body .action-buttons .btn {
        margin-top: 20px;
    }
}

/* Select2 */
.select2-container {
    width: 100% !important;
}

.select2-search--dropdown {
    display: none;
}

.select2-container .select2-selection--single {
    height: 3rem;
}

.select2-container--default .select2-selection--single {
    border-radius: 4px;
    background-color: var(--white);
    border: 1px solid #E5E4E5;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.875rem;
    padding-right: 3.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(3rem - 0.125rem);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    height: calc(3rem - 0.125rem);
    width: calc(3rem - 0.125rem);
}

.select2-selection__placeholder {
    color: var(--secondary);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    content: url('../images/icons/dropdown-orange.svg');
    width: 0.875rem;
    height: auto;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    right: auto;
    margin: 0;
    border: none;
    transform: translate(-50%, -50%);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    content: url('../images/icons/dropdown-orange.svg');
    width: 0.875rem;
    height: auto;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    right: auto;
    margin: 0;
    border: none;
    transform: translate(-50%, -50%) rotate(180deg);
}

.select2-results__option {
    margin: 0;
    padding: 0.5rem 0.875rem;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option:last-child {
    font-size: 14px;
    font-weight: 600;
    color: #DC8029;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-radius: 0.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--white);
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent;
}

/*Mini World*/
.miniworld {
    padding-top: var(--small-spacing);
}

.miniworld .content {
    display: flex;
    align-items: center;
    column-gap: 40px;
}

.miniworld .main-title h1 {
    color: var(--blue);
    font-size: 68px;
}

.miniworld .content .image {
    width: 116px;
    height: 116px;
    flex: 0 0 116px;
}

@media (max-width: 767px) {
    .miniworld .content .image {
        display: none;
    }

    .miniworld .main-title h1 {
        font-size: 26px;
    }
}

.miniworld .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.miniworld-gallery {
    padding-bottom: 0;
}

.miniworld-gallery .product-gallery .small-image {
    width: 440px;
    height: 220px;
}

.miniworld-gallery .product-gallery .big-image .image {
    height: 450px;
}

@media (max-width: 991px) {
    .miniworld-gallery .product-gallery .big-image .image {
        height: 220px;
    }
}

.miniworld-gallery .btn {
    border: none;
}

.miniworld-gallery .btn {
    background-color: var(--orange);
    background-image: none;
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    border-radius: 0.75rem;
}

.miniworld-gallery .btn.btn-mobile {
    display: none;
}

@media (max-width: 1199px) {
    .miniworld-gallery .btn.btn-mobile {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 20px;
        right: 40px;
        height: 30px;
        font-size: 12px;
    }

    .miniworld-gallery .product-gallery .big-image .btn {
        display: none;
    }
}

.miniworld-topbar {
    padding-top: var(--small-spacing);
}

@media (max-width: 767px) {
    .miniworld-topbar {
        padding-top: 20px;
    }
}

.miniworld-topbar .review {
    padding-top: 0;
    padding-bottom: 0;
}

.miniworld-topbar .review .view-text {
    text-decoration: none;
}

.miniworld-topbar .topbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .miniworld-topbar .topbar {
        justify-content: space-between;
    }
}

.miniworld-topbar .action-buttons {
    margin-inline-start: 40px;
    column-gap: 15px;
    display: flex;
    align-items: center;
}

.miniworld-topbar .action-buttons .addtofavourite {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    color: #DBDADC;
    background: #FAFAFA;
}

.miniworld-topbar .action-buttons .my-route {
    display: inline-block;
    margin-left: 7px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    font-size: calc(var(--root-font) + 4px);
    color: #DBDADC;
    background: #FAFAFA;
}

.miniworld-topbar .action-buttons .addtofavourite.red-flag {
    color: #D7182A;
    background: #FBE7E9;
}

.miniworld-topbar .action-buttons .my-route.blue-flag {
    color: #004A8F;
    background: #E5ECF4;
}

.miniworld-text {
    padding-top: var(--small-spacing);
}

@media (max-width: 767px) {
    .miniworld-text {
        padding-top: 20px;
    }
}

.miniworld-text .starting-text {
    padding-top: 0;
}

.miniworld-text .starting-text p {
    margin-bottom: 20px;
    font-size: calc(var(--root-font) + 2px);
}

@media (max-width: 767px) {
    .miniworld-text .starting-text p {
        font-size: calc(var(--root-font) - 2px);
    }
}

.miniworld-text .view-text {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.miniworld-text .view-text p.desc {
    margin-bottom: 0;
    padding-inline-start: 10px;
    font-size: 14px;
}

@media (max-width: 767px) {
    .miniworld-text .view-text img {
        width: 32px;
        height: 32px;
    }
}

.miniworld-text .view-text span {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
}

@media (max-width: 767px) {
    .miniworld-text .view-text span {
        font-size: calc(var(--root-font) - 2px);
    }
}

.miniworld-text .view-text .icon-right-arrow {
    font-size: 1rem;
}

@media (max-width: 767px) {
    .miniworld-text .view-text .icon-right-arrow {
        font-size: 12px;
    }
}

.dining-direction {
    padding-top: var(--small-spacing);
}

@media (max-width: 767px) {
    .dining-direction {
        padding-top: 20px;
    }
}

.dining-direction .dining-wrapper {
    background-color: #FCF1E4;
    text-align: center;
}

.dining-direction .dining-wrapper img {
    width: 100%;
    height: auto;
}

.dining-direction .dining-wrapper .btn-theme {
    position: absolute;
    bottom: 30px;
    right: 40px;
    height: 40px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
}

@media (max-width: 767px) {
    .dining-direction .dining-wrapper .btn-theme {
        position: relative;
        right: 0;
        margin-top: 40px;
    }
}

.miniworld-offer {
    padding-top: var(--medium-spacing);
}

.miniworld-offer .miniworld-slider {
    margin: -20px;
    display: flex;
    align-items: stretch;
}

.miniworld-offer .miniworld-slider .slick-track {
    display: flex;
}

.miniworld-offer .miniworld-slider .slick-slide {
    height: auto;
}

@media (max-width: 991px) {
    .miniworld-offer .miniworld-slider {
        margin: -10px;
    }
}

@media (max-width: 575px) {
    .miniworld-offer .miniworld-slider {
        margin: -10px;
    }
}

@media (max-width: 575px) {
    .miniworld-offer .miniworld-slider .slick-center {
        /* -webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		transform: scaleY(1.2);  
		transition: all 0.3s ease;   */
        z-index: 9999;
        margin: 0 -30px;
        box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    }

}

.miniworld-offer .miniworld-slider .slick-next,
.miniworld-offer .miniworld-slider .slick-prev {
    top: 100px;
    width: 36px;
    height: 36px;
}

@media (min-width: 768px) {

    .miniworld-offer .miniworld-slider .slick-next,
    .miniworld-offer .miniworld-slider .slick-prev {
        top: 137px;
    }
}

.miniworld-offer .miniworld-slider .slick-next {
    right: 8px;
}

.miniworld-offer .miniworld-slider .slick-prev {
    left: 8px;
}

.miniworld-offer .miniworld-slider .cardbox {
    width: calc(33.33% - 40px);
    margin: 20px;
    border-radius: 20px;
    height: auto;
}

@media (max-width: 991px) {
    .miniworld-offer .miniworld-slider .cardbox {
        margin: 10px;
    }
}

@media (max-width: 575px) {
    .miniworld-offer .miniworld-slider .cardbox {
        margin: 20px 0px;
    }
}

.miniworld-offer .miniworld-slider .cardbox .show-hide-text-body {
    display: inline-flex;
    font-size: 14px;
    color: var(--orange);
    text-decoration: underline;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-image {
    height: 275px;
    border-radius: 20px 20px 0 0;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .show-hide-text-body {
        display: inline-flex;
        font-size: 12px;
        color: var(--orange);
        text-decoration: underline;
    }

    .miniworld-offer .miniworld-slider .cardbox .cardbox-image {
        height: 166px;
    }
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    max-width: none;
    transition: all 0.25s ease-in-out;
}

.miniworld-offer .miniworld-slider .cardbox:hover .cardbox-image img {
    transform: scale(1.1);
}

.miniworld-offer .miniworld-slider .cardbox .magnifier {
    position: absolute;
    margin-top: -45px;
    right: 15px
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content p {
    font-size: 14px;
    height: auto;
    min-height: auto;
    max-height: none;
    height: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content.expanded p {
    -webkit-line-clamp: unset;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .cardbox-content-header {
        margin-bottom: 6px;
    }

    .miniworld-offer .miniworld-slider .cardbox .cardbox-content h6 {
        font-size: 14px;
    }

    .miniworld-offer .miniworld-slider .cardbox .cardbox-content p {
        font-size: 12px;
    }

    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price {
        font-size: 12px;
    }

    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price .light {
        font-size: 10px;
    }

}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .full-desc p {
    -webkit-line-clamp: unset;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-top: 20px;
    padding-bottom: 75px;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom {
        border-top: 1px solid #E5E4E5;
        margin-top: 15px;
    }

}

@media (min-width: 1190px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom {}

}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .action-buttons {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item {
    margin-bottom: 20px;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content {
    display: flex;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .image {
    width: 145px;
    flex: 0 0 145px;
    margin-inline-end: 15px;
    height: 82px;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details p {
    min-height: auto;
    max-height: none;
    text-align: start;
    -webkit-line-clamp: unset;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details p {
        -webkit-line-clamp: unset;
    }
}

@media (max-width: 1199px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details {
        text-align: left;
    }
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .list-item .content .details .list-title {
    color: var(--blue);
    font-weight: var(--font-weight-medium);
    font-size: 14px;
    text-align: left;
    margin-bottom: 0.5rem;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom h6.points {
    color: var(--blue);
    font-weight: var(--font-weight-semibold);
    padding-bottom: 0.3rem;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price-quantity {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom h6.points {
        padding-bottom: 0.2rem;
    }

    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price-quantity {
        padding-bottom: 10px;
    }
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price {
    font-weight: var(--font-weight-semibold);
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price .cost {
    font-size: 1rem;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .price .light {
    font-weight: var(--font-weight-medium);
    color: #545353;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity {
    display: flex;
    align-items: center;
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity input {
    width: 28px;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: var(--font-weight-regular);
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity button {
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .quantity button:hover {
    color: var(--white);
    background: var(--orange);
    border: 1px solid var(--orange);
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .custom-checkbox .custom-control-label::before {
    border: 1px solid var(--orange);
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .custom-checkbox .custom-control-label {
    color: #A7A4A9;
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .custom-checkbox .custom-control-label {
        font-size: 12px;
    }
}

.miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .btn {
    height: 40px;
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    margin-top: 10px;
    width: 100%;
}

@media (max-width: 767px) {
    .miniworld-offer .miniworld-slider .cardbox .cardbox-content .bottom .btn {
        font-size: 14px;
        padding: 8px 15px;
    }
}

.miniworld-review {
    padding-top: var(--medium-spacing);
    padding-bottom: var(--medium-spacing);
}

@media (max-width: 767px) {
    .miniworld-review {
        padding-top: 30px;
    }
}

.miniworld-review .title {
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .miniworld-review .title {
        flex-direction: row;
        align-items: flex-end;
    }
}

@media (max-width: 556px) {
    .miniworld-review .title {
        flex-direction: column;
        align-items: flex-start;
    }
}

.miniworld-review .title h3 {
    font-size: 30px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .miniworld-review .title h3 {
        font-size: 20px;
    }
}

.miniworld-review .rating span {
    font-weight: var(--font-weight-semibold);
    margin-inline-end: 7px;
}

.miniworld-review .list .list-item {
    padding-top: 20px;
}

.miniworld-review .list .list-item .user {
    display: flex;
    column-gap: 10px;
}

@media (max-width: 767px) {
    .miniworld-review .list .list-item .user .user-details {
        width: 100%;
    }
}

.miniworld-review .list .list-item .user .userpic {
    width: 30px;
    height: 30px;
}

.miniworld-review .list .list-item .user .userpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.miniworld-review .list .list-item .user .user-name {
    display: flex;
    column-gap: 100px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .miniworld-review .list .list-item .user .user-name {
        justify-content: space-between;
        column-gap: 20px;
    }

    .miniworld-review .list .list-item .user .user-name h6 {
        font-size: 14px;
    }

    .miniworld-review .list .list-item .user .user-name h6 {
        font-size: 12px;
    }
}

.miniworld-review .list .list-item .user small {
    padding-top: 10px;
}

.miniworld-review .review-text {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--orange);
    display: flex;
    justify-content: end;
    padding-top: 1rem;
    align-items: center;
}

@media (max-width: 767px) {
    .miniworld-review .review-text {
        justify-content: center;
    }
}

.miniworld-review .review-text img {
    margin-inline-end: 7px;
}

.mini-detail-upgrade {
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
}

.mini-detail-upgrade .show_premium_products {
    margin-top: 4px;
}

.mini-detail-upgrade label {
    color: #A7A4A9;
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .mini-detail-upgrade label {
        font-size: 12px;
    }
}

/* Neon Galaxy */
.total-block {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-top: 5px;
    padding-bottom: 5px;
    position: sticky;
    z-index: 1;
    bottom: 0;
    background: white;
    width: 100%;
}

.total-block .attraction-list {
    display: flex;
    flex: 0 0 45%;
    justify-content: space-between;
    align-items: end;
    column-gap: 10px;
}

@media (max-width: 767px) {
    .total-block .attraction-list {
        display: block;
    }
}

.total-block .attraction-list.total-list {
    display: block;
}

.total-block .show-hide-content {
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: var(--orange);
    max-width: 912px;
    margin: 0 auto 10px auto;
}

.total-block .show-hide-content .rotate-arrow {
    transform: rotate(180deg);
}

.total .show-hide-text {
    display: flex;
    justify-content: center;
    color: var(--orange);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {

    .total .show-hide-text,
    .show-hide-content {
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translateX(-50%);
    }
}

.total .show-hide-list {
    display: none;
}

@media(max-width: 767px) {
    .total .show-hide-text {
        display: flex;
        justify-content: end;
        color: var(--orange);
        font-size: 12px;
        font-weight: var(--font-weight-semibold);
        margin-bottom: 0.5rem;
    }

    .total .show-hide-list {
        display: none;
    }

}

.total .list {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEF2F8;
}

.total .list .left_quantity {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    column-gap: 10px;
}

@media(min-width: 768px) {
    .total .list .left_quantity {
        column-gap: 40px;
    }
}

@media(max-width: 767px) {
    .total .list .left_quantity {
        justify-content: space-between;
    }
}

.total .list:last-child,
.total .list:only-child {
    border-bottom: none;
    padding-bottom: 0;
}

.total .list .left h6 {
    color: var(--blue);
    font-weight: var(--font-weight-semibold);
    padding-bottom: 0.2rem;
}

.total .list .left .price {
    font-weight: var(--font-weight-semibold);
    font-size: 14px;
}

.total .list .left .price .cost {
    font-size: 1rem;
}

.total .list .left .price .light {
    font-weight: var(--font-weight-medium);
    color: #545353;
}

@media (max-width: 767px) {
    .total .list .left .price .light {
        font-size: 12px;
    }
}

.total .list .quantity {
    display: flex;
    align-items: center;
}

.total .list .quantity input {
    width: 28px;
    text-align: center;
    border: none;
    font-size: var(--root-font);
}

.total .list .quantity button {
    padding: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.total .list .left .left-points {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.total .terms-add-button {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .total .terms-add-button {
        display: block;
    }
}

.total .add-button {
    height: 35px;
    margin: auto;
    display: flex;
    max-width: 195px;
    width: 195px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-semibold);
    margin-top: 0 !important;
}

@media (max-width: 575px) {
    .total .add-button {
        width: 100%;
    }
}

.section-tandc {
    padding-top: 20px;
}

@media (max-width: 767px) {
    .section-tandc {
        padding-top: 10px;
    }
}

.miniworld-offer .terms-and-conditions,
.total .terms-and-conditions {
    padding-top: 0.5rem;
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--orange);
    text-align: center;
    text-decoration: underline;
}

.miniworld-offer .terms-and-conditions a,
.total .terms-and-conditions a {
    color: var(--orange);
}

.total .terms-and-conditions {
    text-align: center;
    display: none;
}

.terms-condition-mobile-view {
    display: none;
}

@media (max-width: 767px) {

    .miniworld-offer .terms-and-conditions,
    .total .terms-and-conditions {
        font-size: 12px;
    }

    .terms-condition-mobile-view {
        display: block;
    }
}

.rides-list {
    padding-top: var(--medium-spacing);
}

@media (max-width: 767px) {
    .rides-list {
        padding-top: 30px;
        padding-bottom: 0px;
    }
}

.rides-list .rides-thumbnails {
    margin: -20px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.rides-list .rides-thumbnails .list-item {
    width: calc(33.33% - 40px);
    margin: 20px;
    display: block;
    position: relative;
    border-radius: 22px;
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.rides-list .rides-thumbnails .list-item .list-content .show-hide-text-body {
    display: none;
}

@media (max-width: 1199px) {
    .rides-list .rides-thumbnails {
        margin: -10px;
    }

    .rides-list .rides-thumbnails .list-item {
        width: calc(50% - 20px);
        margin: 10px;
    }
}

@media (max-width: 767px) {
    .rides-list .rides-thumbnails {
        margin: 0px;
        display: block;
    }

    .rides-list .rides-thumbnails .list-item {
        width: 100%;
        margin: 10px 0px;
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid #E5E4E5;
    }

    .rides-list .rides-thumbnails .list-item:last-child {
        border-bottom: none;
    }

    .rides-list .rides-thumbnails .list-item .list-content .show-hide-text-body {
        display: inline-flex;
        font-size: 12px;
        color: var(--orange);
        text-decoration: underline;
    }

}

.rides-list .rides-thumbnails .list-item .list-top {
    display: flex;
    margin-bottom: 1rem;
}

.rides-list .rides-thumbnails .list-item .list-top .left {
    width: 140px;
    flex: 0 0 140px;
    margin-inline-end: 10px;
    position: relative;
}

.rides-list .rides-thumbnails .list-item .list-top .left .list-image {
    width: 140px;
    height: 75px;
    display: block;
    position: relative;
}

.rides-list .rides-thumbnails .list-item .list-top .left .list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.rides-list .rides-thumbnails .list-item .list-top .left .magnifier {
    position: absolute;
    top: 40px;
    right: 5px;
}

.rides-list .rides-thumbnails .list-item .list-top .left .magnifier img {
    width: 28px;
    height: 28px;
}

.rides-list .rides-thumbnails .list-item .list-top .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 14px;
    width: calc(100% - 140px);
}

.rides-list .rides-thumbnails .list-item .list-top .right img {
    max-width: 17px;
}

@media (max-width: 767px) {
    .rides-list .rides-thumbnails .list-item .list-top .right {
        font-size: 12px;
    }

    .rides-list .rides-thumbnails .list-item .list-top .right img {
        width: 16px;
        height: 16px;
    }
}

.rides-list .rides-thumbnails .list-item .list-top .right h6 {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--blue);
}

@media (max-width: 767px) {
    .rides-list .rides-thumbnails .list-item .list-top .right h6 {
        font-size: 12px;
    }
}

.rides-list .rides-thumbnails .list-item .list-top .right .right-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.rides-list .rides-thumbnails .list-item .list-top .right p span {
    font-weight: var(--font-weight-semibold);
    font-size: 1rem;
}

@media (max-width: 767px) {
    .rides-list .rides-thumbnails .list-item .list-top .right p span {
        font-size: 14px;
    }
}

.rides-list .rides-thumbnails .list-item .list-top .right .cost {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rides-list .rides-thumbnails .list-item .list-top .right .cost img {
    margin-inline-end: 5px;
}

.rides-list .rides-thumbnails .list-item .list-content p {
    font-size: 14px;
    height: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
    .rides-list .rides-thumbnails .list-item .list-content p {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .rides-list .rides-thumbnails .list-item .list-content.expanded p {
        -webkit-line-clamp: unset;
    }
}

.miniworld_dining_search .form-item input {
    height: 40px;
    width: 33.33%;
    margin: 0;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    font-size: 14px;
    color: #000000;
    border: none !important;
    border-radius: 5px;
    background: #f5f5f5;
}

@media (max-width: 991px) {
    .miniworld_dining_search .form-item input {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .miniworld_dining_search .form-item input {
        width: 100%;
    }
}

/* fix youtube video button position */
.miniworld-gallery.gallerypopup .gallery-content .carousel-item .video-gallery iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.miniworld-gallery.gallerypopup .gallery-content .carousel-control-prev,
.miniworld-gallery.gallerypopup .gallery-content .carousel-control-next {
    top: calc(50% - 28px);
    transform: translateY(-50%);
    bottom: auto;

}

@media (max-width: 767px) {

    .miniworld-gallery.gallerypopup .gallery-content .carousel-control-prev,
    .miniworld-gallery.gallerypopup .gallery-content .carousel-control-next {
        top: calc(50% - 22px);
    }
}

/* Add  close button to review */
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: -10px !important;
    right: 0;
    padding: 0px;
    text-align: center;
    color: var(--orange);
}

.ui-dialog .ui-dialog-titlebar-close:after {
    display: inline-block;
    content: "\00d7";
    font-size: 40px;
    font-weight: 600;
}

/* offseason popup */
.offseason-popup .modal-dialog {
    max-width: 675px;
}

@media (max-width: 767px) {
    .offseason-popup .modal-dialog {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 575px) {
    .offseason-popup .modal-dialog {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.offseason-popup#offseasonBuy .modal-content {
    padding: 28px 28px 36px 28px;
    position: relative;
    border-radius: 20px;
    border: none;
    background: var(--blue);
    color: var(--white);
}

.offseason-popup .modal-content .modal-body {
    padding: 0;
    text-align: center;
    position: initial;
}

.offseason-popup .modal-content .modal-body .off-popup-content {
    max-width: 475px;
    margin: 0 auto;
}

.offseason-popup .modal-content .modal-body p {
    font-size: 18px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 36px;
}

@media (max-width: 575px) {
    .offseason-popup .modal-content .modal-body p {
        font-size: 14px;
    }
}

.offseason-popup .modal-content .modal-body p.off-popup-bottom {
    font-size: 20px;
    margin-bottom: 24px;
}

@media (max-width: 575px) {
    .offseason-popup .modal-content .modal-body p.off-popup-bottom {
        font-size: 16px;
    }
}

.offseason-popup .modal-content .modal-body a.close {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 24px;
    right: 24px;
    opacity: 1;
    font-size: inherit;
}

.offseason-popup .modal-content a {
    position: relative;
    top: 15px;
    right: 15px;
    width: auto;
    height: auto;
    color: var(--orange);
    text-align: center;
    line-height: 1;
}

.offseason-popup .modal-content .modal-body .logo-wrapper {
    background-color: var(--white);
    padding: 12px;
    border-radius: 50%;
    position: relative;
    margin: auto;
    margin-top: -100px;
    margin-bottom: 24px;
    width: 112px;
    height: 112px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.offseason-popup .modal-content .modal-body .popup_logo {
    width: 88px;
    height: auto;
}

.offseason-popup .modal-content .modal-body .btn {
    margin: 0 auto;
    display: block;
    width: auto;
    min-width: 212px;
    height: 48px;
    font-size: 1rem;
    font-weight: 600;
}

@media (max-width: 575px) {
    .offseason-popup .modal-content .modal-body .logo-wrapper {
        width: 102px;
        height: 102px;
        margin-top: -90px;
    }

    .offseason-popup .modal-content .modal-body .popup_logo {
        width: 78px;
    }

    .offseason-popup .modal-content .modal-body .btn {
        min-width: 182px;
    }

}

.offseason-popup .modal-content .modal-body .btn.new-btn-theme-btn {
    border-radius: 24px;
    background-image: linear-gradient(180deg, #FF6000, #FF9000);
    border: none;
}

/* Exclusive Offer Detail Page CSS Start */
.page-node-type-exclusive-offers {
    background: var(--blue);
}

.page-node-type-exclusive-offers .exclusive-offers-section {
    padding: calc(2rem + 4px) 0;
}

.page-node-type-exclusive-offers .exclusive-offers-section #block-global-village-local-actions {
    display: none;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp {
    display: flex;
    column-gap: 44px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head {
    font-size: 18px;
    color: #171717;
    margin-top: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    column-gap: 0.25rem;
    flex-wrap: wrap;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head span {
    font-weight: var(--font-weight-semibold);
    font-size: calc(var(--root-font) + 4px);
    color: #A09EA2;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head span.price {
    color: #171717;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head small,
.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head strike {
    color: #A19EA3;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .bottom {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex: 1 0 0;
}

.page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .bottom .btn {
    margin-top: 0;
    width: 200px;
    flex: 0 0 200px;
    color: #fff;
    margin-inline-start: auto;
    height: 50px;
    font-size: calc(var(--root-font) + 4px);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.02em;
}

.page-node-type-exclusive-offers .exclusive-offers-section .quantity {
    display: flex;
    align-items: center;
}

.page-node-type-exclusive-offers .exclusive-offers-section .quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: calc(var(--root-font) + 8px);
    font-weight: var(--font-weight-medium);
}

.page-node-type-exclusive-offers .exclusive-offers-section .quantity button {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .white-bg {
    margin-bottom: 20px;
    background: #fff;
    padding: 30px 40px;
    border-radius: 20px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .white-bg .content-width {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .buy-title {
    margin-bottom: 30px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .buy-title p {
    font-size: 18px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-title h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: var(--font-weight-semibold);
    color: var(--blue);
    margin-bottom: 40px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-title .buy-title h4 {
    margin-bottom: 20px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included {
    padding-top: 40px;
    padding-bottom: 60px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .included-list {
    margin-bottom: 40px;
    list-style-type: disc;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .included-list li {
    display: list-item;
    margin-inline-start: 16px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included h4 {
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 20px;
    color: var(--blue);
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included h5 {
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 40px;
    color: var(--blue);
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 15px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li span {
    font-size: 18px;
    color: #2A2828;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li:last-child {
    margin-bottom: 0;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included ul li img {
    width: 24px;
    height: 24px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions {
    margin-top: 40px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions h6 {
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 15px;
    color: var(--blue);
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions span {
    display: block;
    color: var(--text-primary);
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .what-included .terms-conditions span a {
    font-weight: var(--font-weight-medium);
    color: var(--orange);
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 390px 1fr;
    row-gap: 25px;
    column-gap: 25px;
    position: relative;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(1),
.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(2) {
    height: 164px;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(3) {
    height: 358px;
    grid-row-start: 1;
    grid-row-end: 3;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery button.btn-theme {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    width: 135px;
    height: 35px;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin-top: 30px;
}

@media (max-width:991px) {
    .page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp {
        column-gap: 24px;
    }
}

@media (max-width:767px) {
    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .white-bg {
        padding: 16px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp {
        row-gap: 16px;
        flex-direction: column;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-title h3 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 24px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .price_head span {
        font-size: 0.875rem;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .quantity input {
        width: 30px;
        font-size: 14px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .quantity button {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .price-btn-wrp .bottom .btn {
        width: 140px;
        flex: 0 0 140px;
        height: 40px;
        font-size: 14px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .buy-title p {
        font-size: 12px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery {
        display: block;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image {
        height: 100px;
        margin: 5px;
        width: -webkit-fill-available;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(1),
    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(2) {
        height: 100px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery .image:nth-child(3) {
        height: 100px;
    }

    .page-node-type-exclusive-offers .exclusive-offers-section .entry-ticket-content .entry-ticket-gallery button.btn-theme {
        display: none;
    }

    #ETicketOffers .modal-dialog .modal-content {
        padding: 60px 20px 20px;
    }
}

/* Exclusive Offer Detail Page CSS End */
/*Gems Page design*/
.page-node-type-hidden-gems-tour .price-block {
    display: none;
}

@media (max-width: 575px) {
    .page-node-type-hidden-gems-tour .price-block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        margin-top: 1rem;
        flex-wrap: wrap;
        column-gap: 0.5rem;
        padding: 14px 6px;
    }
}

.page-node-type-hidden-gems-tour .price-block .price {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    color: #000000;
}

.page-node-type-hidden-gems-tour .price-block .price span {
    font-weight: var(--font-weight-medium);
    color: #A09EA2;
}

.page-node-type-hidden-gems-tour .price-block .book-now-btn {
    color: var(--orange);
    font-size: var(--font-regular);
    font-weight: var(--font-weight-bold);
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.page-node-type-hidden-gems-tour .hidden_gems_info {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

@media (max-width: 575px) {
    .page-node-type-hidden-gems-tour .hidden_gems_info {
        padding-bottom: 0;
    }
}

.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list {
    list-style: none;
    display: flex;
    column-gap: 1.125rem;
    row-gap: 0.75rem;
}

@media (max-width: 767px) {
    .page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list {
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list {
        column-gap: 1rem;
        justify-content: space-between;
    }
}

.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li {
    display: inline-flex;
    align-items: center;
    column-gap: 0.375rem;
    color: #2A2828;
}

@media (max-width: 767px) {
    .page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li {
        width: calc(50% - 1.125rem);
        flex: 0 0 calc(50% - 1.125rem);
    }
}

@media (max-width: 575px) {
    .page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li {
        width: calc(50% - 1rem);
        flex: 0 0 calc(50% - 1rem);
    }
}

.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li img {
    height: 28px;
}

.page-node-type-hidden-gems-tour .hidden_gems_info .hidden_gems_info-list li span {
    letter-spacing: 0.38px;
}


.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view {
    display: flex;
    align-items: flex-start;
    column-gap: 2.5rem;
}

@media (max-width: 991px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view {
        flex-direction: column;
    }
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view {
    width: 670px;
    flex: 0 0 670px;
}

@media (max-width: 1199px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view {
        width: 520px;
        flex: 0 0 520px;
    }
}

@media (max-width: 991px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view {
        width: 100%;
        flex: 0 0 100%;
    }
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview {
    margin-bottom: 1.5rem;
}

@media (max-width: 575px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview {
        padding-top: 1.5rem;
    }
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content p {
    color: #545353;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions {
    padding-bottom: 1.5rem;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list {
    padding-inline-start: 1.5rem;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list li {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #545353;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .package-inclusions .content .included-list li::marker {
    color: #00AB4E;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .terms-conditions {
    padding-bottom: 2.5rem;
    max-width: 460px;
    min-width: 300px;
    margin: 0 auto;
    margin-top: 2.5rem;

}

@media (max-width: 575px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .terms-conditions {
        padding-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .terms-conditions .title {
    margin-bottom: 1rem;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .terms-conditions .title h2 {
    font-size: 24px;
    color: #0075BE;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .terms-conditions .content {
    color: #2A2828;
    font-weight: 500;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .terms-conditions .content a {
    color: #F37021;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .right-view {
    width: calc(100% - 710px);
    flex: 0 0 calc(100% - 710px);
    display: flex;
    justify-content: end;
    padding-top: var(--small-spacing);
    padding-bottom: var(--small-spacing);
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 1199px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .right-view {
        width: calc(100% - 560px);
        flex: 0 0 calc(100% - 560px);
    }
}

@media (max-width: 991px) {
    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .right-view {
        width: 100%;
        flex: 0 0 100%;
        justify-content: start;
        padding-top: 10px;
        padding-bottom: 2.25rem;
    }
}

/* Hidden Gems form*/
.hidden-gems-temporary-booking-form {
    position: relative;
    max-width: 475px;
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    padding: 20px;
}

.hidden-gems-temporary-booking-form .form-item {
    margin-bottom: 20px;
}

.hidden-gems-temporary-booking-form label {
    margin-bottom: 0.5rem;
    font-size: 17px;
    color: var(--blue);
    font-weight: var(--font-weight-semibold);
}

.hidden-gems-temporary-booking-form input[type="text"],
.hidden-gems-temporary-booking-form input[type="email"],
.hidden-gems-temporary-booking-form input[type="number"],
.hidden-gems-temporary-booking-form input[type="date"],
.hidden-gems-temporary-booking-form input[type="time"] {
    margin-top: 0;
    color: var(--text-primary) !important;
    height: 44px;
    padding: 5px 12px;
    letter-spacing: 0.35px;
    text-align: left;
    font-size: var(--font-regular);
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    width: 100%;
}

.hidden-gems-temporary-booking-form input[type="date"] {
    background: url(../images/icons/cardbox/calendar.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right 10px center;
}

.hidden-gems-temporary-booking-form input.form-submit {
    padding: 6px 15px;
    font-size: var(--font-regular);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: var(--orange);
    border: 2px solid var(--orange);
    width: 140px;
    font-family: inherit;
    border-radius: 0.5rem;
    height: 52px;
    margin: 0;
}

/* Hidden Gems Booking Form CSS */
/* General Container */
.page-node-type-hidden-gems-tour .reservation-container {
    max-width: 460px;
    min-width: 300px;
    margin: 0 auto;
    background-color: #fff;
}

.page-node-type-hidden-gems-tour .reservation-container h2 {
    font-size: 24px;
    margin-bottom: 17px;
    color: #0075BE;
}

/* Date Picker Section */

.page-node-type-hidden-gems-tour .reservation-datetime-section {
    border: solid 1px #CDCDCD;
    padding: 20px;
    border-radius: 5px;
}

.page-node-type-hidden-gems-tour .reservation-date-section {
    position: relative;
}

.page-node-type-hidden-gems-tour .reservation-date-section label {
    display: block;
    font-size: 17px;
    margin-bottom: 8px;
    color: #0075BE;
    font-weight: 600;
}

.page-node-type-hidden-gems-tour .hidden_gems_date_picker {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: transparent;
    position: relative;
    appearance: none;
}

.page-node-type-hidden-gems-tour .hidden_gems_date_picker::-webkit-date-and-time-value {
    color: #000;
    text-align: left;
}

.page-node-type-hidden-gems-tour .hidden_gems_date_picker[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.page-node-type-hidden-gems-tour .reservation-date-section::before {
    content: '';
    position: absolute;
    top: 46px;
    right: 10px;
    height: 20px;
    width: 20px;
    background: url(../images/icons/cardbox/black-calender.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/* Time Section */
.page-node-type-hidden-gems-tour .reservation-time-section {
    margin-top: 20px;
}

.page-node-type-hidden-gems-tour .reservation-time-section label {
    font-size: 17px;
    font-weight: 600;
    color: #0075BE;
    margin-bottom: 16px;
    display: block;
}

.page-node-type-hidden-gems-tour .time-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-node-type-hidden-gems-tour .time-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
}

.page-node-type-hidden-gems-tour .time-option:hover {
    background-color: #f1f7fd;
}

.page-node-type-hidden-gems-tour .time-option.sold-out {
    color: #aaa;
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    pointer-events: none;
}

.page-node-type-hidden-gems-tour .time-option-radio {
    display: none;
}

.page-node-type-hidden-gems-tour .time-option label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    gap: 1rem;
}

.page-node-type-hidden-gems-tour .time-option span:first-child {
    font-size: 14px;
    font-weight: 400;
    color: #2A2828;
}

.page-node-type-hidden-gems-tour .time-option span:nth-child(2) {
    font-size: 14px;
    color: #2A2828;
    font-weight: 400;
}

.page-node-type-hidden-gems-tour .time-option span.free-slots {
    position: relative;
    padding-inline-start: 20px;
    display: block;
}

.page-node-type-hidden-gems-tour .time-option span.free-slots::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background: url(../images/icons/cardbox/slots-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-node-type-hidden-gems-tour .circle {
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
    border-radius: 50%;
    border: 1px solid #252430;
    position: relative;
}

.page-node-type-hidden-gems-tour .circle::after {
    content: '';
    display: none;
    width: 12px;
    height: 7px;
    border-left: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    border-radius: 2px;
    position: absolute;
    top: 6px;
    left: 5px;
    transform: rotate(-45deg);
}

.page-node-type-hidden-gems-tour .time-option input:checked+label .circle {
    background-color: #ff6600;
    border-color: #ff6600;
}

.page-node-type-hidden-gems-tour .time-option input:checked+label .circle::after {
    display: block;
}

.page-node-type-hidden-gems-tour .time-option.sold-out .circle {
    background-color: transparent;
    border-color: #ccc;
}


.page-node-type-hidden-gems-tour .booking_note {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: #2A2828;
}

.page-node-type-hidden-gems-tour .details {
    margin-top: 20px;
    border-top: solid 1px #DCDCDC;
    padding-top: 20px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-node-type-hidden-gems-tour .product_title_info label {
    font-weight: 500;
    font-size: 16px;
    color: #484848;
    margin-bottom: 4px;
}

.page-node-type-hidden-gems-tour .price_info_box span {
    font-size: 12px;
    color: #A5A5A5;
}

.page-node-type-hidden-gems-tour .price_info_box strong {
    font-size: 18px;
    color: #2A2828;
    font-weight: 700;
}

/* Bottom Section */
.page-node-type-hidden-gems-tour .bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* Quantity Buttons */
.page-node-type-hidden-gems-tour .quantity {
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-node-type-hidden-gems-tour .quantity button {
    color: #DC8029;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #DC8029;
    background-color: transparent;
}

.page-node-type-hidden-gems-tour .quantity input {
    width: 30px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px;
    color: #000000;
    border: transparent;
}

.page-node-type-hidden-gems-tour .price-info {
    font-size: 14px;
    margin-top: 7px;
    color: #A09EA2;
    max-width: 300px;
}

/* Fixed total css */
.page-node-type-hidden-gems-tour .fixed-total {
    margin: 50px 0 0;
    position: sticky;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
    padding: 10px 20px;
    background: #fff !important;
    border-top: none;
    display: none;
    border-radius: 16px 16px 0 0;
}

.page-node-type-hidden-gems-tour .show-hide-content {
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: var(--orange);
    max-width: 912px;
    margin: 5px auto 0;
}

.page-node-type-hidden-gems-tour .fixed-total .total {
    box-shadow: none;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 20px;
}

.page-node-type-hidden-gems-tour .fixed-total .total .sub-price {
    border-bottom: 1px solid #707070;
    padding: 15px 0 10px;
}

.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li span {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #2A2828;
}

.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li .price {
    color: #0075BE;
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
}

.page-node-type-hidden-gems-tour .fixed-total .total .sub-price ul li small {
    color: #E5E4E5;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
}

.page-node-type-hidden-gems-tour .fixed-total .total .fixed-total-proceed {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .page-node-type-hidden-gems-tour .fixed-total .total .fixed-total-proceed {
        align-items: normal;
        flex-direction: column;
    }
}

.page-node-type-hidden-gems-tour .fixed-total .total .total-price {
    display: flex;
    margin-bottom: 0;
    column-gap: 18px;
}

@media (max-width: 991px) {
    .page-node-type-hidden-gems-tour .fixed-total .total .total-price {
        justify-content: space-between;
    }
}

.page-node-type-hidden-gems-tour .fixed-total .total .total-price b {
    display: inline-block;
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    color: #0075BE;
}

.page-node-type-hidden-gems-tour .fixed-total .total .total-price .price {
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    color: #2A2828;
}

.page-node-type-hidden-gems-tour .fixed-total .total .total-price .price span {
    font-size: 14px;
    font-weight: 400;
    color: #A5A5A5;
}

.page-node-type-hidden-gems-tour .fixed-total .cart-action-btn {
    text-align: center;
    margin-top: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.page-node-type-hidden-gems-tour .fixed-total .cart-action-btn .btn-theme {
    min-width: 213px;
    height: 53px;
    font-size: 16px;
    font-weight: 700;
    background-color: #F37021;
    background-image: none;
    margin-top: 0;
    border-radius: 5px;
}

.page-node-type-hidden-gems-tour .fixed-total .show-hide-content {
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: var(--orange);
    max-width: 912px;
    margin: 5px auto 0;
}

.page-node-type-hidden-gems-tour .fixed-total .show-hide-content .rotate-arrow {
    transform: rotate(180deg);
}

.page-node-type-hidden-gems-tour .hidden-gems-view-more-btn {
    display: none;
}

.page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content.full-height-content p {
    /* height: auto; */
    -webkit-line-clamp: none;
}

@media (max-width: 767px) {
    .page-node-type-hidden-gems-tour .hidden-gems-view-more-btn {
        display: block;
        color: var(--orange);
    }

    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content p {
        /* height: 86px; */
        /* overflow: hidden; */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        width: 100%;
    }

    .page-node-type-hidden-gems-tour .overview-reservation-sec .inner-view .left-view .overview .overview-content.full-height-content p {
        /* height: auto; */
        -webkit-line-clamp: none;
    }
}

/* Guest service section */
.guest-service-section {
    padding-top: 42px;
}

@media (max-width: 767px) {
    .guest-service-section {
        padding-top: 26px;
    }

}

.guest-service-content .buy-title {
    margin-bottom: 2.5rem;
}

.guest-service-content .buy-title h4 {
    font-size: 40px;
    color: var(--blue);
    font-weight: var(--font-weight-bold);
}

.guest-service-content .guest-slider {
    max-width: 1225px;
    margin: 0 auto;
}

@media (max-width: 575px) {
    .guest-slider .slick-list {
        padding: 0 20% 0 0 !important;
    }

}

.guest-service-content .guest-slider .slick-slide {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.guest-service-content .guest-slider .list {
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
    position: relative;
}

.guest-service-content .guest-slider .list-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.guest-service-content .list-image {
    width: 175px;
    height: 105px;
}

.guest-service-content .list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.25s ease-in-out;
    border-radius: 0.5rem 0 0 0.5rem;
}

.guest-service-content .list-content {
    width: calc(100% - 175px);
    flex: 0 0 calc(100% - 175px);
    padding: 15px 11px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.guest-service-content p.list-title {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    color: var(--black);
    margin-bottom: 0.5rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.guest-service-content p.small-text {
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.875rem;
    color: #2A2828;
}

.guest-service-content p.guest-price {
    color: #171717;
    font-size: 0.625rem;
    font-weight: var(--font-weight-semibold);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.guest-service-content p.guest-price+p.guest-price {
    display: none;
}

.guest-service-content p.guest-price span {
    color: #707070;
    font-size: 0.625rem;
    font-weight: var(--font-weight-semibold);
}

@media (max-width: 575px) {
    .guest-service-content .guest-slider .slick-slide {
        max-width: 310px;
    }

    .guest-service-content .list {
        margin-bottom: 1rem;
    }

    .guest-service-content .list-image {
        width: 103px;
        height: 96px;
    }

    .guest-service-content .list-content {
        padding: 10px;
        width: calc(100% - 103px);
        flex: 0 0 calc(100% - 103px);

    }

    .guest-service-content p.list-title {
        font-size: 12px;
    }

    .guest-service-content p.small-text {
        font-size: 9px;
        margin-bottom: 0.75rem;
    }

    .guest-service-content p.guest-price,
    .guest-service-content p.guest-price span {
        font-size: 9px;
    }

}

/* Disable homepage & buy page free ticket CSS START */
body.path-frontpage .free-ticket-items button:disabled,
.buy-section .tab-content .quantity button:disabled {
    color: var(--text-light) !important;
    border-color: var(--text-light) !important;
    cursor: not-allowed;
}

/* Disable homepage & buy page free ticket CSS END */

/* Home page exclusive_offers csrds css start */

.homepage-bundle-offers .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.homepage-bundle-offers .title .responsive-seeall-btn {
    font-size: 14px;
    color: #F37021;
    text-decoration: underline;
    display: none;
}

.homepage-bundle-offers .exclusive_offers {
    box-shadow: 0px 0px 9.12699px rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    margin: 10px;
}

.homepage-bundle-offers .exclusive_offers .details {
    padding: 16px;
    background-color: #fff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.homepage-bundle-offers .exclusive_offers .ticket-name h4 {
    font-size: 20px;
    color: #0075BE;
    margin-bottom: 16px;
    height: 52px;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head {
    font-size: 20px;
    color: #171717;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head strike {
    color: #A09EA2;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head small {
    color: #A09EA2;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity {
    display: flex;
    align-items: center;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: calc(var(--root-font) + 8px);
    font-weight: var(--font-weight-medium);
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity button {
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    color: var(--orange);
    background: var(--white);
    border: 1px solid var(--orange);
    text-align: center;
    padding: 0;
}

.homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .new-btn-theme-btn {
    color: #fff;
    height: 50px;
    width: 126px;
    text-align: center;
    padding: 13px 0px;
    margin-inline-start: auto;
}

@media (max-width: 767px) {
    .homepage-bundle-offers .title .responsive-seeall-btn {
        display: block;
    }
}

@media (max-width: 575px) {
    .homepage-bundle-offers .exclusive_offers .details {
        padding: 10px;
        padding-bottom: 18px;
    }

    .homepage-bundle-offers .exclusive_offers .ticket-name h4 {
        font-size: 14px;
        margin-bottom: 9px;
        height: 36px;
    }

    .homepage-bundle-offers .exclusive_offers .price-btn-wrp .normal_price_head {
        font-size: 12px;
    }

    .homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity button {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .new-btn-theme-btn {
        height: 30px;
        width: 100px;
        padding: 5px 0px;
        font-size: 12px;
    }

    .homepage-bundle-offers .exclusive_offers .price-btn-wrp .bottom .quantity input {
        font-size: calc(var(--root-font) + 2px);
    }
}

.how-get-gv-locations .buy-locations {
    margin-top: 0;
    margin-bottom: 0;
}

.how-get-gv-locations .location-blocks .list-group-item {
    background-color: #fff;
}

.how-get-gv-locations .title {
    margin-bottom: 0;
}

.guest-service-content p.guest-price+p.guest-price {
    display: none;
}

/* Home page exclusive_offers csrds css end */


.btn-theme,
.new-btn-theme-btn,
.buy-btn {

    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
}

.btn-theme::after,
.new-btn-theme-btn::after,
.buy-btn::after {
    content: "";
    position: absolute;
    height: 155px;
    left: -75px;
    top: -50px;
    width: 50px;
    z-index: 0;
    opacity: 0.2;
    background: var(--white);
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-theme:hover::after,
.new-btn-theme-btn:hover::after,
.buy-btn:hover::after {
    transform: translateX(120%);
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}