/*


 */
body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

#dashboard {
    width: 80%;
    margin: 50px auto;
    background: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


.tabs button {
    background-color: #afea30;
    color: #024138;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.tabs button:hover {
    background-color: #d9ff66;
}

.tabs button.active {
    background-color: #024138;
    color: white;
}

.tabcontent {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
}

.property-item {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fafafa;
    border-radius: 5px;
}

.property-image {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
    border-radius: 5px;
}

.property-details {
    overflow: hidden;
}

.property-details h3 {
    margin: 0;
    color: #024138;
}

.property-details p {
    margin: 5px 0;
    color: #666;
}

.clearfix {
    clear: both;
}

.review-section {
    margin-top: 10px;
}

.review-section textarea {
    width: 100%;
    height: 60px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.rating {
    margin-bottom: 10px;
}

.stars {
    cursor: pointer;
    font-size: 24px;
    color: #ccc;
}

.stars.selected,
.stars:hover,
.stars:hover ~ .stars {
    color: #afea30;
}

.submit-review {
    background-color: #024138;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.submit-review:hover {
    background-color: #022d26;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@import url(/normalize.css);
@import url(/variables.css);

:root {
  --border-radius-mian: 15px;
  --mian-color-2: rgb(98, 89, 206);
  --bg-main-color-1: rgb(255, 255, 255);
}
* {
    box-sizing: border-box;
}
body {
    font-family: var(--font-family);
    font-optical-sizing: auto;
    font-weight: 400;
    background-color: #EDF3F1;
    font-size: 15px;
    line-height: 1.5;
}
html {
    scroll-behavior: smooth;
}
p {
    margin: 0;
}

img, video {
    vertical-align: bottom;
}

/* Custom File Input Styling */
/* Custom File Input Styling */
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}

.custom-file-label {
  display: inline-block;
  width: 100%;
  padding: .5rem 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  cursor: pointer;
  text-align: center;
}

.custom-file-input {
  display: none;
}

.custom-file-label:hover {
  background-color: #e9ecef;
}

.custom-file-label:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}



.text_red{
    color: red;
}
.info_window {
    color: black; /* Sets the text color to black or any color that fits your design */
    text-decoration: none; /* Removes the underline from the link */
    cursor: pointer; /* Keeps the cursor as pointer to indicate it's clickable */
    display: block; /* Ensures the anchor behaves like a block-level element */
}

.info_window:hover, .info_window:focus {
    text-decoration: none; /* Ensures no underline appears on hover or focus */
    color: black; /* Maintain the same color on hover or focus */
}

.container {
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin: 0 auto;
}

.btn-outline {
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    padding: 12px 50px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}
.btn-outline:hover {
    background-color: var(--color-primary);
    color: var(--black);
}

.btn-primary {
    background-color: var(--color-primary);
    padding: 12px 50px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-block;
    color: var(--black);
}
.btn-primary:hover {
    background-color: var(--black);
    color: var(--color-primary);
}
.btn-primary:hover svg path {
    fill: var(--color-primary);
}
.btn-ovel {
    background-color: var(--color-primary);
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    color: var(--black);
    transition: all 0.3s;
}
.btn-ovel:hover {
    background-color: var(--black);
    color: var(--color-primary);
}

.dropdown {
    position: relative;
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 95;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.dropdown-content ul li {
    padding: 10px 0;
    border-bottom: solid 1px #ddd;

}
.dropdown-content ul li a {
    text-decoration: none;
    color: var(--black);
    font-size: 16px;
    display: flex;
    gap: 15px;
    align-items: center;
}
.form-control {
    margin-bottom: 15px;
    position: relative;
}
.hide {
    display: none;
}
.toggle_listing {
    position: sticky;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    background-color: var(--black);
    color: var(--color-primary);
    border: none;
    padding: 15px 30px;
    border-radius: 30px;
    z-index: 90;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.toggle_listing:hover {
    cursor: pointer;
   
}

.sub_heading {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.top_bar {
    background-color: var(--color-secondary);
    font-size: 14px;
}

.top_bar .top_bar_wrapper {
    display: flex;
    padding: 3px 0;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.top_bar .badge_container {
    display: flex;
    gap: 10px;
    align-items: center;
}
.top_bar ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0;
    padding: 0;
}
.top_bar ul li {
    display: flex;
    gap: 10px;
    align-items: center;
}
.d-flex-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mb-30 {
    margin-bottom: 30px;
}

nav {
    background: var(--black);
}
.nav_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
nav .logo_wrapper {
    display: flex;
    gap: 50px;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
nav .logo_wrapper .top_logo {
    width: 212px;
}
nav .logo_wrapper div {
    display: flex;
    gap: 15px;
    align-items: center;
}
nav .link_wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}
nav ul {
    list-style-type: noen;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    align-items: center;
    padding-right: 40px;
}
nav button {
    background: var(--color-primary);
    color: #fff;
    padding: 35px 20px;
    border: none;
    padding-right: 0;
    cursor: pointer;
    transition: all 0.3s;   
    position: relative;
    margin-right: 40px;
}
nav button:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 100px solid var(--color-primary);
    border-right: 40px solid transparent;
    position: absolute;
    top: 0;
    right: -40px;
}

.main_banner {
    background: url(/assets/banner@2x-df5d0a78e268fcb632db41265a0b4c07730870bddc88760353cbc9f9cb7967b9.webp) no-repeat center center;
    background-size: cover;
    /* padding: 50px 0; */
    position: relative;
}
.main_banner video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.main_banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17,21,24,.3);
}
#searchBTN {
    cursor: pointer;
}

.main_banner .banner_wrapper {
    display: grid;
    grid-template-columns: 3fr 2fr;
    height: calc(100vh - 180px);
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    color: #fff;
    gap: 60px;
}
.main_banner .banner_wrapper h1 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.5;
    margin: 0;
}
.main_banner .banner_wrapper p {    
    line-height: 1.5;
    margin-top: 20px;
    padding: 20px;
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    font-size: 17px;
    color: var(--color-primary);
    margin: 0;
}

.main_banner .banner_wrapper form {
    background-color: #fff;
    border: solid 2px var(--color-primary);
    border-radius: 10px;
    color: var(--black);
    padding: 20px;
    font-size: 18px;
}
.main_banner .banner_wrapper form h2 {
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
}

.inner_banner {
    background: url(/assets/banner@2x-df5d0a78e268fcb632db41265a0b4c07730870bddc88760353cbc9f9cb7967b9.webp) no-repeat center center;
    background-size: cover;
    padding: 50px 0;
    position: relative;
}
.inner_banner .banner_wrapper {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 10;
    color: #fff;
}
.inner_banner .banner_wrapper .banner_content {    
    line-height: 1.5;
    margin-top: 20px;
    padding: 20px;
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    font-size: 17px;
    color: #fff;
    margin: 0;
}
.inner_banner .banner_wrapper .banner_content h1 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.5;
    margin: 0;
}
.inner_banner .banner_wrapper .banner_content p {
    margin-bottom: 20px;
}

select{

  width: 100%;
  display: block;
  background-color: #fff;
  outline: none;
  border: none;
  border: solid 1px #ddd;
  padding: 0 10px;
  border-radius: 5px;
  min-height: 45px;
}


.select_game {
    display: block;
    width: 100%;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 10px -4px rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}
.select_game .carrot {
    position: absolute;
    top: 18px;
    right: 18px;
}
.one_inupt {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 10px -4px rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    background-color: #fff;
}
.one_inupt input {
    border: none;
    outline: none;
}
.one_inupt .icn {
    position: absolute;
    top: 18px;
    right: 18px;
}
.main_banner .banner_wrapper form input[type="submit"] {
    background-color: var(--color-primary);
    outline: none;
    border: none;
    width: 100%;
    display: block;
    padding: 15px 0;
    border-radius: 5px;
    transition: all .3s ease;
}
.main_banner .banner_wrapper form input[type="submit"]:hover {
    background-color: var(--black);
    color: var(--color-primary);
}

.our_partners {
    background-color: var(--black);
}
.our_partners .wrapper {
    display: grid;
    padding: 50px 0;
    grid-template-columns: 1fr 1fr;
}
.our_partners .wrapper h3 {
    color: #fff;
    border-bottom: solid 2px var(--color-primary);
    display: inline-block;
    font-size: 24px;
    padding-bottom: 10px;
}
.our_partners .wrapper ul.partner_logos {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.our_partners .wrapper .card_wrapper {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}
.our_partners .wrapper .partner_card {
    background-color: var(--dark-grey);
    padding: 20px;
    border-radius: 10px;
    color: #fff;
}
.our_partners .wrapper .partner_card h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}
.our_partners .wrapper .partner_card p {
    font-size: 18px;
}
.our_partners .wrapper .partner_card ul.users_avatars {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
    flex-direction: row-reverse;
}
.our_partners .wrapper .partner_card ul.users_avatars li {
    height: 50px;
    width: 50px;
    border-radius: 30px;
    overflow: hidden;
    margin-left: -30px;
    border: solid 2px var(--dark-grey);
}
.our_partners .wrapper .partner_card ul.users_avatars li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.sports_in_cities {
    background-color: var(--color-secondary);
    padding: 80px 0;
}
/* .sports_in_cities .container {
    max-width: 1000px;
} */
.sports_in_cities h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;
    margin: 0;
    color: #fff;
}
.sports_in_cities h4 {
    text-align: center;
    margin: 0;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}
.sports_in_cities .wrapper {
    display: grid;
    gap: 40px;
    margin-top: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
}
.sports_in_cities .wrapper div img {
    width: 100%;
}
.sports_in_cities .wrapper a {
    display: inline-block;
}

.steps_done {
    padding: 50px 0;
}
.steps_done p {
    text-align: center;
}
.steps_done h3 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    margin: 0;
    margin-bottom: 10px;
}
.steps_done ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    gap: 40px;
    margin-top: 130px;
    margin-bottom: 100px;
}
.steps_done ul li {
    position: relative;;
}
.steps_done ul li:first-child:before {
    content: "";
    position: absolute;
    background-image: url(/assets/arrow_up-42c8369f6ee3b1c8ddac1a6e095f92e46aa7101551e5ff8e3bd1281b7333a7c0.svg);
    height: 75px;
    width: 100%;
    top: -100px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
}
.steps_done ul li:nth-child(2):before {
    content: "";
    position: absolute;
    background-image: url(/assets/arrow_down-e400123ba1dc71ea6c0fd5f25d789276191c65be27a011d53ede93549bff1389.svg);
    height: 75px;
    width: 100%;
    bottom: -100px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -100px;
}
.steps_done ul li {
    text-align: left;
}
.steps_done ul li > div {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}
.steps_done ul li > div p {
    font-size: 18px;
    font-weight: 600;
}
.steps_done ul li p {
    line-height: 1.5;
    text-align: left;
}


.blog_panel {
    padding-top: 20px;
    padding-bottom: 60px;
}
.blog_panel h3 {
    text-align: center;
    font-size: 40px;
    margin: 0;
}
.blog_panel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
}
.blog_panel ul li {
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.blog_wrapper ul li img {
    width: 100%;
}
.blog_wrapper ul li .single_blog {
    padding: 20px;
    padding-top: 0;
}
.blog_wrapper ul li .single_blog h5 {
    margin: 0;
    padding-top: 10px;
    font-size: 22px;
    color: var(--grey);
}
.blog_wrapper ul li .single_blog h4 {
    font-weight: 700;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}


.become_partner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
.become_partner img {
    width: 100%;
}
.become_partner .left {
    background-color: var(--color-secondary);
    display: flex;
    justify-content: end;
    height: 100%;
    align-items: center;
}
.become_partner .left .wrapper {
    color: #fff;
    padding: 40px;
    max-width: 620px;
}
.become_partner .left .wrapper h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.become_partner .left .wrapper p {
    margin: 0;
    margin-top: 20px;
    font-size: 18px;
}
.become_partner .left .wrapper .action_sec {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}
.become_partner .left .wrapper .d-flex-center {
    gap: 8px;
}
.become_partner .left .wrapper p {
    margin: 0;
}


.cta_panel {
    background-color: var(--black);
    padding: 180px 0;
}
.cta_panel .wrapper {
    
    position: relative;
    text-align: center;
    color: #fff;
}
.cta_panel .wrapper:before {
    content: '';
    position: absolute;
    background-image: url(/assets/bg-06608a75494ca983a13d2e2cab91b5c25688b2c4c58f2fd5914f94eb355bfa44.png);
    height: 360px;
    width: 360px;
    left: -70px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -75px;
}

.cta_panel .wrapper:after {
    content: '';
    position: absolute;
    background-image: url(/assets/bg-06608a75494ca983a13d2e2cab91b5c25688b2c4c58f2fd5914f94eb355bfa44.png);
    transform: rotate(180deg);
    height: 360px;
    width: 360px;
    right: -70px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -75px;
}
.cta_panel .wrapper h3 {
    font-size: 30px;
    color: var(--color-primary);
    margin: 0;
}
.cta_panel .wrapper p {
    font-size: 18px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 650px;
}
.cta_panel .wrapper .inner {
    background-color: rgba(255,255,255,0.1);
    padding: 50px;
    border-radius: 10px;
    position: relative;
    z-index: 10;
}


.empower {
    padding: 70px 0;
}
.empower .wrapper {
    display: grid;
    grid-template-columns: 5fr 4fr;
    align-items: center;
}
.empower .wrapper img {
    display: block;
    width: 100%;
}
.empower .wrapper h2 {
    font-size: 50px;
    font-weight: 300;
    max-width: 400px;
}
.empower .wrapper h2 span {
    background-color: var(--color-primary);
}
.empower .wrapper p {
    font-size: 20px;
    max-width: 600px;
}
.empower .wrapper .btn_pnel {
    display: block;
    margin-top: 30px;
    display: flex;
    gap: 20px;
}
.empower .wrapper .btn_pnel .btn-outline {
    border-color: var(--black);
    color: var(--black);
    border-radius: 40px;
    display: flex;
    align-items: center;
}
.empower .wrapper .btn_pnel .btn-outline:hover {
    background-color: var(--black);
    color: #fff;
}

.meet_partners {
    padding: 40px 0;
}
.meet_partners h3 {
    text-align: center;
    font-size: 30px;
    margin: 0;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.meet_partners ul {
    display: flex;
    gap: 20px;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.bg_profile {
    background-color: #024138;
    padding: 60px 0;
}
.bg_profile .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bg_profile .wrapper h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    max-width: 400px;
    margin: 0;
    margin-bottom: 15px;
}
.bg_profile .wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1px;
}
.bg_profile .wrapper .right_panel {
    display: flex;
    align-items: center;
    gap: 30px;
    color: #fff;
}
.bg_profile .wrapper .right_panel .single_panel {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.bg_profile .wrapper .right_panel .single_panel p {
    margin: 0;
    max-width: 200px;
}
.tabs_offer {
    display: block;
    padding: 50px 0;
}
.tabs_offer h3 {
    text-align: center; 
    font-size: 40px;
    margin: 0;
}
.tabs_offer .sub_heading {
    text-align: center;
    margin: 0;
}
.tabs_offer .tabs {
    display: flex;
    gap: 20px;
    justify-content: space-around;
    margin-top: 40px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px;
    align-items: center;
}
.tabs_offer .tabs li.active svg path#circle {
    fill: var(--color-primary);
}
.tabs_offer .tabs li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}
.tabs_offer .single_tab .wrapper {
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
}
.tabs_offer .single_tab .wrapper img {
    width: 100%;
}
.tabs_offer .single_tab h4 {
    font-size: 30px;
    margin: 0;
    max-width: 300px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.tabs_offer .single_tab p {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
}
.tabs_offer .single_tab ul {
    list-style-type: none;
    padding: 0;
}
.tabs_offer .single_tab ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 18px;
    font-weight: 600;
}
.tabs_offer .single_tab a {
    color: var(--black);
    display: inline-block;
    padding: 10px 40px;
    border: solid 1px var(--black);
    border-radius: 20px;
    text-decoration: none;
    margin-top: 10px;
    transition: all .3s ease;
}
.tabs_offer .single_tab a:hover {
    background-color: var(--black);
    color: #fff;
}
.videos_panel .wrapper {
    height: 690px;
    position: relative;
}
.videos_panel .panel {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 150px;
    position: relative;
    position: absolute;
    width: 100%;
    top: 0;
    height:100%;
}
.videos_panel .panel:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17,21,24, .5);
}
.videos_panel .panel .text_wrpper {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}
.videos_panel .panel .text_wrpper svg {
    margin-top: 15px;
    cursor: pointer;
}
.videos_panel .panel .text_wrpper p {
    font-size: 16px;
    margin: 0;
    margin-bottom: 15px;
}
.videos_panel .panel .text_wrpper span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-primary);
}
.videos_panel .more_videos {
    background-color: var(--black);
    padding: 0 80px;
    padding-bottom: 50px;
    position: absolute;
    bottom: 0;
    z-index: 100;
}
.videos_panel .wrapper .more_videos ul {
    margin-top: -70px;
    position: relative;
    z-index: 5;
}
.videos_panel .wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}

.videos_panel .wrapper ul li {
    position: relative;
}
.videos_panel .wrapper ul li svg  {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
    cursor: pointer;
    transform: translateY(-50%);
}

.videos_panel .wrapper ul li img {
    width: 100%;
    border-radius: 10px;
}
.videos_panel .wrapper ul li p {
    text-align: center;
    color: var(--color-primary);
    margin-top: 10px;
    margin-bottom: 0;
}
.faq_panel {
    padding: 80px 0;
    background-color: #024138;
    color: #fff;
}
.faq_panel h3 {
    text-align: center;
    font-size: 40px;
    margin: 0;
}
.faq_panel ul {
    max-width: 700px;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    margin-top: 50px;
}
.faq_panel ul li {
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    padding: 20px 0;
}
.faq_panel ul li p {
    display: none;
}
.faq_panel ul li:first-child p {
    display: block;
}
.faq_panel ul li.active svg {
    transition: all .3s ease;
}
.faq_panel ul li.active svg rect#rotate {
    transform: rotate(180deg);
}
.faq_panel ul li div {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    gap: 15px;
}
.faq_panel ul li h4 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
    color: var(--color-primary);
}
.faq_panel .below_panel {
    text-align: center; 
    margin-top: 20px;
    font-size: 17px;
}
.faq_panel .below_panel a {
    color: var(--color-primary)
}
.faq_panel .below_form {
    background-color: #ddd;
    padding: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 50px;
    color: var(--black);
    border-radius: 10px;
    align-items: center;
}
.faq_panel .below_form h3 {
    font-size: 45px;
    max-width: 450px;
    line-height: 1.1;
    font-weight: 300;
    text-align: left;
    text-shadow: 0 2px 4px var(--color-primary);
    margin-bottom: 40px;
}
.faq_panel .below_form div p {
    font-size: 18px;
}
.faq_panel .below_form .address {
    margin-top: 30px;
    padding-top: 30px;
    border-top: dashed 2px var(--dark-grey);
}
.faq_panel .below_form .address h4 {
    font-size: 45px;
    margin: 0;
    font-weight: 400;
}
.faq_panel .below_form .address > div {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.faq_panel .below_form form {
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
}
.faq_panel .below_form form input {
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #ddd;
    padding: 0 10px;
}
.faq_panel .below_form form textarea {
    width: 100%;
    border: none;
    outline: none;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #ddd;
    padding: 10px;
}
.faq_panel .below_form form input[type="submit"] {
    background-color: #0B251C;
    border: none;
    border-radius: 5px;
    outline: none;
    color: #fff;
    margin-top: 20px;
    max-width: 200px;
    box-shadow: 0 0 10px -4px rgba(0,0,0,0.7);
    padding: 10px 30px;
    transition: all .3s ease;
}
.faq_panel .below_form form input[type="submit"]:hover {
    background-color: var(--color-primary);
    color: var(--black);
}
.faq_panel .below_form form label {
    margin-bottom: 8px;
    display: block;
}
.faq_panel .below_form form .form-group {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}



.court_gallery {
    padding: 30px 0;
    background-color: #fff;
}
.court_gallery .top_bar_booking {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.court_gallery .top_bar_booking div {
    display: flex;
    align-items: center;
    gap: 30px;
}
.court_gallery .top_bar_booking p, .court_gallery .top_bar_booking a {
    display: flex;
    gap: 10px;
    margin: 0;
    align-items: center;
}



.court_gallery .image_galler {
    display: flex;
    align-items: stretch; /* Align items to stretch to fill the container */
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.court_gallery .image_galler .main_image {
    flex: 3; /* Takes up 3 parts of the flex space */
    margin-right: 20px; /* Space between the main image and the right panel */
}

.court_gallery .image_galler .main_image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the div without distortion */
}

.court_gallery .image_galler .right_panel {
    flex: 3; /* Takes up 2 parts of the flex space */
    display: flex;
    height: 100%;
    position: relative;
}

.court_gallery .image_galler .right_panel .column {
    flex: 1; /* Each column takes up half of the available space in the right panel */
    display: flex;
    flex-direction: column;
}

.court_gallery .image_galler .right_panel .column img {
    flex: 1; /* Each image will take up half the height of the column */
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 2px;
}



.court_gallery .image_galler .right_panel .more_show {
    position: absolute;
    bottom: 30px;
    right: 15px;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 5px;
    border-radius: 15px;
    cursor: pointer;
}

/*.court_gallery .image_galler {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.court_gallery .image_galler .right_panel {
    display: flex;
    gap: 30px;
    position: relative;
}
.court_gallery .image_galler .right_panel .more_show {
    position: absolute;
    bottom: 30px;
    right: 15px;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 5px;
    border-radius: 15px;
    cursor: pointer;
}
.court_gallery .image_galler img {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}*/





.contain_images .modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px); /* Creates the blur effect for the background */
    background-color: rgba(0, 0, 0, 0.5); /* Adds semi-transparency */
}

.contain_images .modal img {
    max-width: 80%;
    max-height: 80%;
}

.contain_images .modal span.close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
    cursor: pointer;
    color: white;
}

.contain_images .controls {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

.contain_images .arrow {
    cursor: pointer;
    fill: white;
    height: 50px; /* Adjust size as needed */
}

.contain_images .arrow.left {
    transform: translateX(20px);
}

.contain_images .arrow.right {
    transform: translateX(-20px);
}


.space_show .map-input-container {
    position: relative;
    width: 100%;
    margin: auto;
    padding-bottom: 3%;
}
.space_show .map-input-container .rounded-map {
    position: relative;
    height: 500px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    width: 100%;
    z-index: 1; /* Ensure the map is below the input group */
}









.info_tabs_booking {
    background-color: #fff;
}
.info_tabs_booking .tabs_booking {
    background-color: #024138;
    position: sticky;
    top: 0;
    z-index: 100;
}
.info_tabs_booking .tabs_booking .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.info_tabs_booking .tabs_booking .wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}
.info_tabs_booking .tabs_booking .wrapper ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 30px 20px;
    display: block;
    position: relative;
}
.info_tabs_booking .tabs_booking .wrapper ul li a.active:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--color-primary);
    bottom: 0;
    left: 0;
}
.info_tabs_booking .about_venue {
    display: flex;
    gap: 40px;
    grid-template-columns: 2fr 1fr;
    padding: 50px 0;
}
.info_tabs_booking .about_venue h3 {
    display: flex;
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px;
    gap: 10px;
    align-items: center;
}
.info_tabs_booking .about_venue p {
    margin: 0;
    font-size: 17px;
}
.stats_show {
    margin-top: 30px;
    border-top: solid 2px #ddd;
    border-bottom: solid 2px #ddd;
    padding: 50px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.stats_show .single_stat {
    display: flex;
    gap: 30px;
    align-items: center;
}
.stats_show .single_stat .rating_main {
    text-align: center;
    background-color: #024138;
    height: 120px;
    width: 120px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-primary);
    font-size: 50px;
}
.stats_show .single_stat .stars_rating {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px; 
}
.stats_show .single_stat p {
    font-size: 16px;
}
.stats_show .single_stat .single_rating {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.stats_show .single_stat .single_rating li {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
}
.review_wrapper {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.review_wrapper .single_review {
    display: flex;
    gap: 40px;
    padding: 30px;
    border-bottom: solid 2px #ddd;
}
.review_wrapper .single_review:nth-child(odd) {
    border-right: solid 2px #ddd;
}
.review_wrapper .single_review img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.review_wrapper .single_review ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.review_wrapper .single_review h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.review_wrapper .single_review p.name {
    font-size: 17px;
    margin-bottom: 15px;
}
.amenities {
    background-color: #fff;
    padding: 50px 0;
}
.amenities h3 {
    font-size: 30px;
    margin: 0;
    margin-bottom: 15px;
}
.amenities ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}
.amenities ul li {
    display: flex;
    gap: 10px;
    align-items: center;
}
.map {
    padding-bottom: 80px;
    background-color: #fff;
}
.map h3 {
    font-size: 30px;
    margin: 0;
    margin-bottom: 15px;
}

.search_results {
    padding-top: 20px;
    padding-bottom: 60px;
}
.search_results .listing_wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.splide {
    background-color: #101010;
}
.search_results .listing_wrapper .list-item {
    overflow: hidden;
    position: relative;
}

.search_results .listing_wrapper .list-item .owl-nav {
    position: absolute;
    top: 36%;
    transform: translateY(-60%);
    /* color: #fff; */
    font-size: 35px;
    width: 100%;
}

.search_results .listing_wrapper .list-item .owl-next {
    right: 10px;
    position: absolute;
    height: 32px;
    width: 32px;
    background-color: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
.search_results .listing_wrapper .list-item .owl-next span {
    transform: translateX(1px) translateY(-3px);
}
.search_results .listing_wrapper .list-item .owl-prev span {
    transform: translateX(-1px) translateY(-3px);
}
.search_results .listing_wrapper .list-item .owl-prev {
    left: 10px;
    position: absolute;
    height: 32px;
    width: 32px;
    background-color: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
.search_results .listing_wrapper .list-item .heart {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}
.search_results .listing_wrapper .list-item .heart.active svg path {
    fill: var(--color-primary);
    fill-opacity: .8;
}
.court_gallery .heart.active svg path {
    fill: var(--color-primary);
    fill-opacity: .8;
}
.court_gallery .heart {
    cursor: pointer;
}
.court_gallery .share_button{
    cursor: pointer;
}
.search_results .listing_wrapper .list-item .court_images img{
    width: 100%;
    border-radius: 10px;
    /* display: flex; */
}
.search_results .listing_wrapper .list-item .top {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 5px;
}
.search_results .listing_wrapper .list-item .top h4 {
    margin: 0;
    font-weight: 600;
}
.search_results .listing_wrapper .list-item .top div {
    display: flex;
    gap: 5px;
    align-items: center;
}
.search_results .pagination {
  display: flex;
  align-items: center;
  background: var(--bg-main-color-1);
  justify-content: center;
  border-radius: var(--border-radius-mian);

}

.search_results .pagination .p-item {
  color: black;
  cursor: pointer;
  padding: 7px 20px;
  border-radius: var(--border-radius-mian);
  transition: 0.1s ease-in;
}


.search_results .pagination .p-item.active {
  background-color: var(--mian-color-2);
  color: #fff;
}

.recently_visited {
    background-color: #0B251C;
    padding: 30px 0;
}
.recently_visited .top_info {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: space-between;
}
.recently_visited .top_info h3 {
    margin: 0;
    font-size: 24px;
}
.recently_visited .top_info a {
    color: var(--color-primary);
    text-decoration: none;
}
.recently_visited .top_info > div {
    display: flex;
    gap: 20px;
    align-items: center;
}
.recently_visited .recent_wrapper ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    /* justify-content: center; */
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}
.recently_visited .recent_wrapper ul li {
    position: relative;
    color: #fff;
}
.recently_visited .recent_wrapper ul li .heart {
    position: absolute;
    top: 10px;
    right: 10px;
}
.recently_visited .recent_wrapper ul li .single_image img {
    border: solid 1px var(--color-primary);
    border-radius: 10px;
}
.recently_visited .recent_wrapper ul li img {
    max-width: 250px;
    width: 100%;
}
.recently_visited .recent_wrapper ul li .info {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}
.recently_visited .recent_wrapper ul li .info > div {
    display: flex;
    gap: 5px;
    align-items: center;
}
.recently_visited .recent_wrapper ul li h4 {
    margin: 0;
}

.nav_filters {
    box-shadow: 0 2px 10px -6px rgba(0,0,0,0.4);
    border-bottom: solid 1px #ddd;
    padding: 15px 0;
    padding-bottom: 0;
    padding-top: 10px;
    background-color: #fff;
    min-height: 108px;
}
.nav_filters .filters_wrapper {
    clear: both;
    overflow: hidden;
}
.nav_filters .filters_wrapper .filters {
    width: 90%;
    float: left;
}
.nav_filters .filters_wrapper .filters ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}
.nav_filters .filters_wrapper .filters ul li {
    text-align: center;
    cursor: pointer;
    opacity: .7;
    border-bottom: solid 2px #fff;
    padding-bottom: 8px;
}
.nav_filters .filters_wrapper .filters ul li.active {
    opacity: 1;
    border-color: var(--black);
}
.nav_filters .filters_wrapper .filters ul li.active .icon {
    background-color: var(--black);   
}
.nav_filters .filters_wrapper .filters ul li.active .icon svg path {
    fill: white;
}
.nav_filters .filters_wrapper .filters ul li .icon {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 4px;

}
.nav_filters .filters_wrapper .action {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 10%;
    margin-top: 20px;
    float: right;
    justify-content: end;
}
.nav_filters .filters_wrapper .btn {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    background-color: #fff;
    color: var(--black);
    font-weight: 500;
    text-decoration: none;
    border: solid 1px #ccc;
    border-radius: 8px;
    transition: all .3s ease;
}
/*.nav_filters .filters_wrapper  {
    background-color: red;
}*/
.btn {
    cursor: pointer;
  }
.btn:hover
{

background-color: red;

}
.nav_filters .filters_wrapper .owl-nav {
    position: absolute;
    top: 0;

    font-size: 35px;
    width: 100%;
    z-index: 10;
    margin: 0;
}

.nav_filters .filters_wrapper .owl-next {
    right: 0;
    position: absolute;
    height: 90px;
    width: 50px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    margin: 0 !important;
}
.nav_filters .owl-theme .owl-nav [class*="owl-"]:hover {
    /* background-color: #ddd !important; */
    color: var(--black) !important;
    transition: all .3s ease;
}
.nav_filters .owl-theme .owl-nav [class*="owl-"]:hover span {
    background-color: #f1f1f1;
}
.nav_filters .filters_wrapper .owl-next span {
    /* transform: translateX(2px) translateY(-2px);  */
    height: 30px;
    width: 30px;
    border-radius: 30px;
    border: 0.5px solid rgb(0 0 0/0.3);
    display: block;
    line-height: 23px;
    margin: 0 auto;
}
.nav_filters .filters_wrapper .owl-prev span {
    /* transform: translateX(-2px) translateY(-2px); */
    height: 30px;
    width: 30px;
    border-radius: 30px;
    border: 0.5px solid rgb(0 0 0/0.3);
    display: block;
    line-height: 23px;
    margin: 0 auto;


}
.nav_filters .filters_wrapper .owl-prev {
    left: 0;
    position: absolute;
    height: 90px;
    width: 50px;
    background: linear-gradient(90deg, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    margin: 0 !important;

}


footer {
    background-color: var(--black);
    padding-top: 50px;
    padding-bottom: 20px;
}
footer .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
footer .wrapper .about_info {
    max-width: 420px;
}
footer .wrapper .about_info ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 30px;
}
footer .wrapper .footer_links {
    display: flex;
    gap: 50px;
}
footer .wrapper .footer_links h4 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 20px;
}
footer .wrapper .footer_links ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
footer .wrapper .footer_links li {
    padding: 10px 0;
    display: block;
}
footer .wrapper .footer_links ul a {
    color: #ddd;
    display: block;
    text-decoration: none;
}
footer .copy_right {
    text-align: center;
    color: #fff;
    padding: 30px 0;
    margin-top: 40px;
    border-top: solid 1px rgba(160, 160, 160, .3);
}



 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #1A1B23;
    margin: 0 auto; /* 15% from the top and centered */
    padding: 30px;
    margin-top: 100px;
    border: 1px solid #101010;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 500px;
    position: relative;
}

.searchModal  {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    bottom: 0;
    width: 100%; /* Full width */
    height: calc(100% - 130px); /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.search-modal-content {
    background-color: #fff;
    margin: 0 auto; /* 15% from the top and centered */
    padding: 30px;
    margin-top: 0;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 100%;
    position: relative;
    box-sizing: border-box;
}


.filters_modal  {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.filters_modal-content {
    background-color: #fff;
    margin: 0 auto; /* 15% from the top and centered */
    margin-top: 100px;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 600px;
    position: relative;
    border-radius: 10px;
}
.filters_modal-content .filters_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:20px;
    border-block-end: solid 1px #ddd;
}
.filters_modal-content .filters_header h4 {
    margin: 0;
}
.filters_modal-content .filters_header .close_popover {
    background-color: #fff;
    position: static;
}
.filters_modal-content .filters_footer {
    display: flex;
    align-items: center;
    border-block-start: solid 1px #ddd;
    padding: 20px;
    gap: 15px;
}
.filters_modal-content .filters_body {
    padding: 20px;
    max-height: 340px;
    overflow-y: auto;
}
.filters_modal-content .filters_body .filter_item {
    display: block;
    border-block-end: solid 1px #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.filters_modal-content .filters_body .filter_item h5 {
    color: #0B251C;
    font-size: 20px;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
}
.filters_modal-content .filters_body .filter_item ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.filters_modal-content .filters_body .filter_item ul li {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    padding-right: 20px;
}
.filters_modal-content .filters_footer .btn {
    background-color: var(--dark-green);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
.filters_modal-content .filters_footer a {
    color: var(--dark-green);
    text-decoration: none;

}


.video_modal  {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.video_modal-content {
    background-color: #fff;
    margin: 0 auto; /* 15% from the top and centered */
    margin-top: 100px;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 800px;
    position: relative;
    border-radius: 10px;
}
.video_modal-content video {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.checkoutModal {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.checkoutModal-modal-content {
    background-color: #fff;
    margin: 0 auto; /* 15% from the top and centered */
    margin-top: 100px;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 600px;
    position: relative;
    border-radius: 10px;
}
.checkoutModal-modal-content .checkout_body {
    padding: 30px;

}
.checkoutModal-modal-content .header {
    display: block;
    background-color: #afea30;
    color: #000000;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}
.checkoutModal-modal-content .close_popover {
    background-color: #024138;
    padding: 10px;
}
.checkoutModal-modal-content .close_popover svg path {
    fill: #fff;
}

.checkoutModal-modal-content .checkout_body .top_panel{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}
@media screen and (max-width: 767px) { 
    .checkoutModal-modal-content .checkout_body .top_panel {
        flex-direction: column;
    } 
}
.checkoutModal-modal-content .checkout_body .top_panel img {
    max-width: 200px;
}
.checkoutModal-modal-content .checkout_body .top_panel h4, .checkoutModal-modal-content .checkout_body .top_panel h5 {
    margin: 0;
}
.checkoutModal-modal-content .checkout_body .top_panel h4 {
    font-size: 20px;
}

.checkoutModal-modal-content .checkout_body .top_panel h5 {
    font-size: 16px;
}
.checkoutModal-modal-content .checkout_body .top_panel h5 span {
    color: #AFEA30;
}
.checkoutModal-modal-content .checkout_body p {
    font-size: 16px;
    margin-bottom: 12px;
}
.checkoutModal-modal-content .checkout_body .total {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.checkoutModal-modal-content .checkout_body a {
    color: #AFEA30;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

.search-modal-content form {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 30px;
    width: 100%;
    margin-top: 20px;
}

.search-modal-content form input[type="submit"] {
    background-color: var(--color-primary);
    outline: none;
    border: none;
    width: 100%;
    display: block;
    padding: 15px 0;
    height: 55px;
    transition: all .3s ease;
    border-radius: 5px;
}
.search-modal-content form input[type="submit"]:hover {
    background-color: var(--black);
    color: #fff;

}
.side_drwer {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.side_drwer .drawer_content {
    position: absolute;
    width: 300px;
    top: 0;
    height: 100%;
    left: -300px;
    background-color: #fff;
    transition: all 0.3s ease;
}
.side_drwer .drawer_content.active {
    left: 0;
}
.side_drwer .drawer_content ul {
    list-style-type: none;
    padding: 0;
    padding-top: 30px;
}
.side_drwer .drawer_content ul li {
    padding: 15px 20px;
    display: block;
    border-bottom: solid 1px #ddd;
    transition: all .3s ease;
}
.side_drwer .drawer_content ul li:first-child {
    display: none;
}
.side_drwer .drawer_content ul li:hover {
    background-color: #ddd;
    padding-left: 30px;
}
.side_drwer .drawer_content ul li a {
    color: var(--black);
    text-decoration: none;
    font-size: 18px;
    display: block;
}


/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 

.close_popover {
    background-color: var(--color-primary);
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 10px;
    display: flex;
    z-index: 1000;
    cursor: pointer;
}

.modal-content .login_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
}

.modal-content .login_top h4 {
    color: var(--color-primary);
    font-weight: 700;
}
.modal-content .login_top p a {
    display: inline-block;
    background-color: var(--color-primary);
    color: var(--black);
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 10px;
    text-decoration: none;
    font-size: 12px;
}
.modal-content form {
    width: 100%;
}
.modal-content form .form-group {
    margin-bottom: 20px;
}
.modal-content form .form-group input {
    width: 100%;
    height: 60px;
    border: none;
    outline: none;
    background-color: transparent;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #FFFFFF66;
    padding: 0 10px;
}
.modal-content form .form-group input:active, .modal-content form .form-group input:focus {
    border: solid 1px var(--color-primary);
}
.modal-content form a {
    display: block;
    color: var(--color-primary);
    text-align: left;
    font-size: 14px;
}
.modal-content form input[type="submit"] {
    background-color: var(--color-primary);
    color: var(--black);
    padding: 15px 0;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    width: 100%;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 20px;
}
.modal-content .seperator {
    display: block;
    text-align: center;
    margin: 20px 0;
    color: #fff;
    position: relative;
}
.modal-content .seperator:before {
    content: '';
    display: block;
    width: 40%;
    left: 0;
    position: absolute;
    top: 10px;
    border: dotted 1px #fff;
}
.modal-content .seperator:after {
    content: '';
    display: block;
    width: 40%;
    right: 0;
    position: absolute;
    top: 10px;
    border: dotted 1px #fff;
}
.modal-content .social_login button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    border: none;
}
.modal-content .social_login button#google_login {
    background-color: #fff;
}
.modal-content .social_login button#facebook_login {
    background-color: #4267B2;
    color: #fff;
}

.top_heading_dropdwon {
    display: flex; 
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.top_heading_dropdwon h4 {
    margin: 0;
}
.top_heading_dropdwon .dropdown button {
    position: relative;
    box-shadow: none;
    background-color: transparent;
}






/* .calendar_wrapper {
    background-color: #fff;
    margin: 0;
    padding-top: 30px;
}

.calendar_wrapper .box1 {
    background-color: #ccf5d7;
    
    
    height:80px;
    min-width: 100px;
    color: var(--black);
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    border: 2px solid #56e07b;
    cursor: pointer;

    
   
}



.checked{
    background-color: #afea30 !important;
}


.booked{
    background-color: #a7a7a7 !important;
    border-radius: 3px;
    
}
.calendar_wrapper .image-list {
    display: flex;
    gap: 10px;
}
.calendar_wrapper h3 {
    font-size: 30px;
    margin: 0;
    margin-bottom: 15px;
}
  
  .calendarWrapper {
    width: 100%;
    background: #024138;
    padding-bottom: 30px;
  }
  
  .calendarWrapper .wrapper {
    width: 60%;
    background: #024138;
    border-radius: 10px;
    color: white;
    margin: auto;
  } */





  .calendar_wrapper {
    background-color: #fff;
    margin: 0;
    padding-top: 30px;
}

.calendar_wrapper .box1 {
    background-color: #e0f7e8;
    height: 80px;
    min-width: 100px;
    color: var(--black);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 3px; /* Default border-radius for available slots */
    border: 2px solid #56e07b;
    cursor: pointer;
    transition: background-color 0.3s;
}

.calendar_wrapper .box1:hover {
    background-color: #56e07b; /* Add a hover effect for available slots */
}

.calendar_wrapper .box1.booked {
    background-color: #a7a7a7 !important;
    border: 2px solid #7a7a7a;
    cursor: not-allowed; /* Change cursor for booked slots */
    border-radius: 0; /* Remove border-radius for booked slots */
}

.calendar_wrapper .box1.unavailable {
    background-color: #a7a7a7 !important;
    border: 2px solid #7a7a7a;
    cursor: not-allowed; /* Change cursor for booked slots */
    border-radius: 0; /* Remove border-radius for booked slots */
}

.checked {
    background-color: #afea30 !important;
}

.calendar_wrapper .image-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* Use grid to make responsive columns */
    gap: 10px;
}

.calendar_wrapper h3 {
    font-size: 30px;
    margin: 0;
    margin-bottom: 15px;
}

.calendarWrapper {
    width: 100%;
    background: #024138;
    padding-bottom: 30px;
}

.calendarWrapper .wrapper {
    width: 60%;
    background: #024138;
    border-radius: 10px;
    color: white;
    margin: auto;
}






  .wrapper header {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 25px 30px 10px;
    justify-content: center;
  }
  header .icons {
    display: flex;
    gap: 40px;
  }
  header .icons span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: white;
    text-align: center;
    line-height: 38px;
    font-size: 1.3rem;
    user-select: none;
    border-radius: 50%;
  }
  .icons span:last-child {
    margin-right: -10px;
  }
  
  header .current-date {
    font-size: 1.21rem;
    font-weight: 500;
    color: white;
    vertical-align: middle;
  }
  .calendar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
  }
  .calendar .days {
    margin-bottom: 20px;
  }
  .calendar li {
    color: rgb(255, 255, 255);
    width: calc(100% / 7);
    font-size: 1.07rem;
  }
  .calendar .weeks li {
    font-weight: 500;
    cursor: default;
  }
  .calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 30px;
  }
  .days li.inactive {
    color: #aaa;
    cursor: default;
  }
  .days li.active {
    color: #000000;
  }
  .days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
  .days li.active::before {
    background: #afea30;
  }
  .days li:not(.active):hover::before {
    background: #d5ff7b50;
  }



.top_bar_booking {
    display: block;
}
.image_galler {
    display: flex;
}
.mobile_gallery_view {
    display: none;
}

.mobile_booking_view {
    display: none ;
}

.gallery_view {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-top: 50px;

}
.gallery_view .wrapper {
    max-width: 800px;
    display: none;
    margin: 0 auto;
    padding: 20px;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    grid-template-rows: masonry;
}
.gallery_view .wrapper figure {
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery_view .wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.gallery_view .close_gallery {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 30px;
    cursor: pointer;
}


.checkout_container {
    padding: 50px 0;
    display: block;
}
.checkout_container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.checkout_container .wrapper h2 {
    font-size: 20px;
    margin-top: 0;
}
.checkout_container .wrapper .btn_container {
    display: flex;
    gap: 20px;
}
.checkout_container .wrapper .btn_container a {
    background-color: #fff;
    border: solid 1px var(--color-primary);
    color: var(--black);
    padding: 8px 12px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}
.checkout_container .wrapper form {
    margin-top: 30px;
}
.checkout_container .wrapper form .form-group {
    margin-bottom: 20px;
    position: relative;
}
.checkout_container .wrapper .icons_set {
    position: absolute;
    top: 28px;
    right: 5px;
}
.checkout_container .wrapper form .form-group input, .StripeElement {
    width: 100%;
    height: 45px;
    border: solid 1px #7e7e7e;
    border-radius: 5px;
    padding: 0 10px;
    outline: none;
    background-color: #fff;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
}
.checkout_container .wrapper form .form-group label {
    margin-bottom: 5px;
}
.checkout_container .wrapper form .input_group {
    display: flex;
    gap: 20px;
}
.checkout_container .wrapper .checkout_preview {
    background-color: var(--black);
    padding: 20px;
    border-radius: 10px;
    color: #fff;
}
.checkout_container .wrapper .top_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: solid 1px #ddd;
}
.checkout_container .wrapper .top_sec img {
    max-width: 150px;
    border-radius: 10px;
}
.checkout_container .wrapper .top_sec h3 {
    margin: 0;
}
.checkout_container .wrapper .top_sec span {
    font-weight: 700;
}
.checkout_container .wrapper .checkout_preview h2 {
    display: flex;
    justify-content: space-between;
}
.checkout_container .wrapper .checkout_preview .btn {
    display: block;
    background-color: var(--color-primary);
    color: var(--black);
    border-radius: 10px;
    text-align: center;
    padding: 15px 0;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
}
.checkout_container .wrapper .checkout_preview .terms {
    display: block;
    margin-top: 40px;
}
.checkout_container .wrapper .checkout_preview a {
    color: var(--color-primary);
    text-decoration: none;
}

.success_order {
    display: block;
    padding: 50px 0;
}
.success_order .order_state {
    text-align: center;
}
.success_order .order_state h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
}
.success_order .order_state p {
    text-align: center;
    margin-top: 10px;
    color: #7e7e7e;
}
.success_order .info_container {
    background-color: #fff;
    padding: 30px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
    border: solid 1px #ddd;
    border-radius: 10px;

}
.success_order .info_container h4 {
    margin: 0;
    text-align: center;
}
.success_order .info_container .order_detail {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
}
.success_order .info_container .order_detail img {
    max-width: 150px;
    border-radius: 10px;
}
.success_order .info_container .order_detail h4 {
    margin: 0;
    font-size: 20px;
    text-align: left;
}
.success_order .info_container .payment_info {
    padding: 30px 0;
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.success_order .info_container .payment_info p {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 15px;
}
.success_order .info_container .payment_info p span:first-of-type {
    font-weight: 700;
}
.success_order .info_container .total_payment {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
}
.success_order .info_container .btn {
    display: block;
    background-color: #024138;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
    max-width: 200px;
    font-size: 16px;
    text-decoration: none;
    margin: 0 auto;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .top_bar {
        display: none;
    }
    nav .logo_wrapper .top_logo {
        width: 120px;
    }
    nav ul {
        display: none;
    }
    nav .btn-outline {
        display: none;
    }
    nav button {
        margin-right: 0;
        padding-right: 12px;
        padding-left: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    nav button svg {
        width: 25px !important;
    }
    nav button::before {
        transform: scaleX(-1);
        right: auto;
        left: -30px;
        border-top: 70px solid var(--color-primary);
        border-right: 30px solid transparent;
    }
    nav .logo_wrapper {
        gap: 20px;
    }
    .main_banner .banner_wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    .main_banner .banner_wrapper p {
        font-size: 15px;
    }
    .main_banner .banner_wrapper h1 {
        font-size: 30px;
    }
    .main_banner .banner_wrapper form h2 {
        font-size: 22px;
    }
    .main_banner .banner_wrapper form {
        font-size: 14px;
    }
    .main_banner .banner_wrapper form button {
        gap: 10px;
    }
    .main_banner .banner_wrapper form .one_inupt {
        gap: 10px;
    }
    .main_banner .banner_wrapper form .one_inupt input {
        width: 100%;
    }
    #searchBTN p {
        display: none;
    }
    .side_drwer .drawer_content ul li:first-child {
        display: block !important;
    }
    .our_partners .wrapper {
        grid-template-columns: 1fr;
    }
    .our_partners .wrapper ul.partner_logos {
        grid-template-columns: 1fr 1fr;
    }
    .our_partners .wrapper .card_wrapper {
        grid-template-columns: 1fr;
        margin-top: 20px;
    }
    .sports_in_cities h3, .steps_done h3, .blog_panel h3 {
        font-size: 30px;
    }
    .custom-profile-container > i{
        display: none !important;
    }
    .custom-profile-pic {
        width: 32px !important;
        height: 32px !important; 
    }
    .sub_heading {
        font-size: 16px;
    }
    .sports_in_cities .wrapper {
        grid-template-columns: 1fr;
    }
    .steps_done ul {
        grid-template-columns: 1fr;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 260px;
    }
    .steps_done ul li > div {
        justify-content: center;
        flex-direction: column;
    }
    .steps_done ul li p {
        text-align: center;
    }
    .steps_done ul li:first-child::before, .steps_done ul li:nth-child(2)::before {
        content: none;
    }
    .cta_panel {
        padding: 90px 0;
        overflow-x: hidden;
    }
    .cta_panel .wrapper .inner {
         padding: 15px;
    }

    .blog_panel ul {
        grid-template-columns: 1fr;
    }
    .become_partner {
        grid-template-columns: 1fr;
    }
    .become_partner .left .wrapper .action_sec {
        flex-direction: column;
    }
    .inner_banner {
        padding-bottom: 100px;
    }
    .inner_banner .banner_wrapper{
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    .inner_banner .banner_wrapper .banner_content h1 {
        font-size: 30px;
    }
    .inner_banner .banner_wrapper .banner_content p {
        font-size: 15px;
    }
    .empower .wrapper {
        text-align: center;
    }
    .top_heading_dropdwon {
        flex-direction: column-reverse;
        margin-top: 0;
    }
    .empower .wrapper p {
        font-size: 16px;
    }
    .empower .wrapper .btn_pnel {
        gap: 5px;
        justify-content: space-between;
    }
    .empower .wrapper .btn_pnel a {
        padding: 10px 20px;
    }
    .empower .wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .empower .wrapper h2 {
        margin: 0;
        font-size: 35px;
        text-align: center;
    }
    .meet_partners ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .bg_profile .wrapper {
        flex-direction: column;
        align-items: self-start;
    }
    .bg_profile .wrapper .right_panel {
        margin-top: 20px;
        flex-direction: column;
    }
    .tabs_offer .tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .tabs_offer .tabs li a {
        font-size: 15px;
    }
    .tabs_offer .single_tab .wrapper {
        grid-template-columns: 1fr;
    }
    .videos_panel .more_videos {
        padding: 0 15px;
    }
    .videos_panel .wrapper .more_videos ul {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .faq_panel h3 {
        font-size: 30px;
    }
    .tabs_offer h3 {
        font-size: 30px;
    }
    .faq_panel .below_form {
        grid-template-columns: 1fr;
        padding: 20px;
    }
    .faq_panel .below_form div p {
        font-size: 15px;
    }
    .faq_panel .below_form h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .faq_panel .below_form .address h4 {
        font-size: 30px;
    }
    .faq_panel .below_form .address > div {
        flex-direction: column;
    }
    .faq_panel .below_form form {
        padding: 15px;
    }
    .faq_panel .below_form form .form-group {
        flex-direction: column;
    }
    .nav_filters {
        min-height: auto;
    }
    .nav_filters .filters_wrapper .action {
        width: 15%;
    }
    .nav_filters .filters_wrapper .filters {
        width: 85%;
    }
    .nav_filters .filters_wrapper .btn {
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav_filters .filters_wrapper .btn p {
        display: none;
    }
    .search_results .listing_wrapper {
        grid-template-columns: 1fr;
    }
    .recently_visited .top_info h3 {
        font-size: 16px;
    }
    .recently_visited .top_info > div {
        gap: 5px;
    }
    .recently_visited .recent_wrapper ul {
        grid-template-columns: 1fr 1fr;
    }
    .search-modal-content form {
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .searchModal {
        height: calc(100% - 70px);
    }
    .search-modal-content {
        padding: 30px 10px;
    }
    .filters_modal-content {
        margin-top: 10px;
    }
    .filters_modal-content .filters_body {
        height: calc(100vh - 180px);
        max-height: 100%;
    }
    .filters_modal-content .filters_footer {
        justify-content: space-between;
    }
    .filters_modal-content .filters_body .filter_item ul li {
        padding: 15px 0;
        padding-right: 30px;
    }
    .nav_filters .filters_wrapper .owl-prev {
        width: 35px;
    }
    .nav_filters .filters_wrapper .owl-next {
        width: 35px;
    }
    .nav_filters .filters_wrapper .filters ul li .icon {
        height: 40px;
        width: 40px;
        margin-bottom: 10px;
    }
    .nav_filters .filters_wrapper .filters ul li .icon svg {
        scale: 0.7;
    }
    .nav_filters .filters_wrapper .filters ul li p {
        font-size: 12px;
        padding-bottom: 10px;
    }
    footer .wrapper .about_info img {
        width: 180px;
    }
    footer .wrapper {
        flex-direction: column;
        gap: 30px;
        align-items: baseline;
    }
    footer .wrapper .footer_links {
        gap: 15px;
    }


    .top_bar_booking {
        display: none !important;
    }
    .image_galler {
        display: none !important;
    }
    .mobile_gallery_view {
        display: block;
        position: relative;
    }
    .mobile_gallery_view img {
        width: 100%;
    }
    .mobile_gallery_view .top_in_mb {
        top: 20px;
        position: absolute;
        display: flex;
        width: calc(100% - 40px);
        margin: 0 auto;
        left: 0;
        right: 0;
        justify-content: space-between;
    }
    .mobile_gallery_view .top_in_mb div {
        display: flex;
        gap: 10px;
    }
    .mobile_gallery_view .bottom_view {
        position: absolute;
        bottom: 10px;
        width: 100%;
        color: #fff;
        padding: 0 20px;
    }
    .mobile_gallery_view .bottom_view h3 {
        margin: 0;
    }
    .mobile_gallery_view .bottom_view .starratign {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .mobile_gallery_view .bottom_view .starratign span {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .mobile_gallery_view .bottom_view .starratign .number {
        background-color: rgba(0,0,0,0.6);
        color: #fff;
        padding: 0 10px;
        border-radius: 4px;
    }

    .tabs_booking {
        display: none;
    }

    .mobile_booking_view {
        display: block;
        padding: 0 15px;
    }
    .mobile_booking_view h2 {
        font-size: 30px;
        margin: 0;
        font-weight: 400;
    }
    .mobile_booking_view h2 span {
        color: var(--dark-green);
        display: block;
    }

    
    .rating_mobile {
        display: flex;
        align-items: center;
        border: solid 1px #ddd;
        border-radius: 10px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 50px;
        text-align: center;
        padding: 15px;
        justify-content: space-between;
        color: #024138;
        align-items: center;
    }
    
    .rating_mobile .hr-vertical {
        height: 60px;
        width: 1px;
        background-color: #ddd;
    }
    
    .rating_mobile img {
        display: block;
        margin: 0 auto !important;
    }
    .rating_mobile h3 {
        font-size: 26px;
        font-weight: 600;
        line-height: .6;
    }
    .mobile_show_amenities {
        clear: both;
        overflow: hidden;
    }
    .mobile_show_amenities ul {
        padding: 0;
    }
    .mobile_show_amenities ul li {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px #ddd;
    }
    .mobile_show_amenities ul li h4 {
        margin: 0;
        font-size: 20px;
    }
    .mobile_show_amenities ul li svg {
        min-width: 60px;
    }
  

    .about_venue , .stats_show , .review_wrapper{
        display: none !important;
    }

    .calendarWrapper {
        background-color: #fff;
    }
    .calendarWrapper .wrapper {
        background-color: #fff;
        width: 100%;
        color: var(--black);
    }
    .calendar li, header .current-date{
        color: var(--black);
    }
    header .icons span svg path {
        stroke: var(--black);
    }
    .calendar .days {
        padding: 0;
    }
    .calendar_wrapper .box1 {
        background-color: #ddd;
    }
    .calendar_wrapper .image-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .amenities, .map {
        display: none;
    }

    .owl-carousel {
        background-color: #fff;
    }
    .signle_review {
        display: block;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
        border-radius: 12px;
        width: 100%;
        padding: 20px;
        margin-bottom: 40px;

    }
    .signle_review h4 {
        margin: 0;
        margin-bottom: 20px;
        font-size: 18px;
    }

    .book_now_section_mb {
        background-color: #f1f1f1;
        border-top: solid 1px #cfcfcf;
        border-bottom: solid 1px #cfcfcf;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        left: 0;
        align-items: center;
    }
    .book_now_section_mb h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 0;
    }
    .book_now_section_mb h3 span {
        color: #636363;
        display: inline-block;
        padding-right: 5px;
    }
    .bookBtn {
        background-color: #afea30;
        font-size: 16px;
        border-radius: 10px;
        font-weight: 600;
        border: none;
        padding: 12px 30px;
        outline: 0;
        cursor: pointer;
        transition: all .3s ease;
        color: var(--black);
        text-decoration: none;
    }
    .bookBtn:hover {
        background-color: var(--black);
        color: var(--color-primary);
    }
    .checkout_container .wrapper {
        grid-template-columns: 1fr;
    }
    .checkout_container .wrapper .top_sec img {
        max-width: 100px;
    }
    .videos_panel .wrapper {
        height: auto;
    }
    .videos_panel .panel, .videos_panel .more_videos {
        position:  relative;
    }
      

}

.video-play-button {
    position: relative;
    z-index: 10;
    box-sizing: content-box;
    display: block;
    width: 28px;
    height: 32px;
    margin: 40px auto 20px auto;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    box-shadow: 0 0px 30px rgba(175, 234, 48, 0.5);
  }
  .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(175, 234, 48, 0.65);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
  }
  .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: var(--color-primary);
    border-radius: 50%;
    transition: all 200ms;
    transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .video-play-button:hover:after {
    background: var(--color-primary);
    transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .video-play-button:hover span {
    border-left: 32px solid white;
  }
  .video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    transform: scale(0.8);
    border-left: 25px solid var(--black);
    border-top: 18px solid transparent;
    border-bottom: 15px solid transparent;
    transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }




.hide {
    display: none !important;
}

.tabs_cst {

    display: flex;

    flex-wrap: wrap;

    max-width: 100%;

    margin-top: 40px;

    justify-content: space-between;

  }

  .input {

    position: absolute;

    opacity: 0;

  }

  .label {

    width: 100%;

    cursor: pointer;

    font-size: 18px;

    padding-bottom: 20px;

    transition: background 0.1s, color 0.1s;




  }

  .label div {

    display: flex;

    align-items: center;

    gap: 10px;

  }

  .input:focus + .label {

    z-index: 1;

  }

  .input:checked + .label svg path#circle {

    fill: var(--color-primary);

  }

  @media (min-width: 600px) {

    .label {

      width: auto;

    }

  }

  .panel_tabs_sec {

    display: none;

  }

  @media (min-width: 600px) {

    .panel_tabs_sec {

      order: 99;

    }

  }

  .input:checked + .label + .panel_tabs_sec {

    display: block;

  }



  
.videos_panel .wrapper ul li svg {
    pointer-events: none;
    }

.videos_panel .wrapper ul li {
        cursor: pointer;
        }



        .tabs_cst {
            display: flex;
            flex-wrap: wrap;
            max-width: 100%;
            margin-top: 40px;
            justify-content: space-between;
          }
          .input {
            position: absolute;
            opacity: 0;
          }
          .label {
            width: 100%;
            cursor: pointer;
            font-size: 18px;
            padding-bottom: 20px;
            transition: background 0.1s, color 0.1s;
        
          }
          .label div {
            display: flex;
            align-items: center;
            gap: 10px;
          }
          .input:focus + .label {
            z-index: 1;
          }
          .input:checked + .label svg path#circle {
            fill: var(--color-primary);
          }
          @media (min-width: 600px) {
            .label {
              width: auto;
            }
          }
          .panel_tabs_sec {
            display: none;
          }
          @media (min-width: 600px) {
            .panel_tabs_sec {
              order: 99;
            }
          }
          .input:checked + .label + .panel_tabs_sec {
            display: block;
        }

        .clickable-button {
            cursor: pointer;
        }
        

        /* My account on public page after login CSS Start */


        .custom-profile-container {
            display: flex;
            align-items: center;
            border: 2px solid #fff;
            border-radius: 30px;
            padding: 5px;
            background-color: transparent;
            cursor: pointer;
            width: fit-content;
            position: relative;
          }
          .custom-menu-icon {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            color: #fff;
          }
          .custom-profile-pic {
            width: 40px;
            height: 40px;
            border-radius: 50%;
           
          }
          .custom-dropdown-menu {
            display: none;
            position: absolute;
            background-color: #fff;
            border-radius: 5px;
            top: calc(100% + 10px);
            right: 0;
            z-index: 1000;
            width: 200px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
          }
          .custom-dropdown-menu a {
            color: #000;
            padding: 12px 16px;
            text-decoration: none;
            display: flex;
            align-items: center;
          }
          .custom-dropdown-menu a:hover {
            background-color: #f7f7f7;
          }
          .custom-dropdown-menu a i {
            margin-right: 10px;
          }

          /* My account on public page after login CSS finish */
/* Skeleton loading styles */
.is-hidden {
    display: none !important;
}

.skeleton-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    margin: 16px 0;
}

.skeleton-card {
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.skeleton-image {
    height: 180px;
    background: #f1f1f1;
}

.skeleton-lines {
    padding: 12px 16px 16px;
}

.skeleton-line {
    height: 12px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #f1f1f1;
}

.skeleton-line.short {
  width: 60%;
}

.no-results {
  text-align: center;
  padding: 48px 16px;
  background: #f8f9fa;
  border-radius: 12px;
  color: #3f3f46;
}

.no-results h4 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
}

.no-results p {
  margin: 0;
  color: #6b7280;
}

.detail-skeleton {
    margin: 24px 0;
    display: grid;
    gap: 16px;
}

.detail-skeleton .skeleton-hero {
    height: 320px;
    border-radius: 18px;
    background: #f1f1f1;
}

.detail-skeleton .skeleton-meta {
    display: grid;
    gap: 10px;
}

.shimmer {
    position: relative;
    overflow: hidden;
}

.shimmer::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
    animation: shimmer 1.2s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-150px);
    }
    100% {
        transform: translateX(150%);
    }
}
/*! Tabby v11.2.0 | (c) 2016 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/tabby */
.js-tabby .tabs-pane{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.js-tabby .tabs-pane.active{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.js-tabby .tabs-pane:focus{outline:none}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-primary: #AFEA30;
    --color-secondary: #024138;
    --dark-grey: #272727;
    --grey: #4F4F4F;
    --black: #111518;
    --dark-green: #0B251C;
    --font-family: "Montserrat", sans-serif;
}