@charset "UTF-8";
/*========================================================
  Name: Gonta Booking
  Author: Gonta Booking
  Version: 0.1
========================================================*/
/*=======================================================
  Start Table Of Content
========================================================*/
/*=======================================================
  01. Fonts
  02. Variables
  03. Default
  04. Loading
  05. Header
  06. Footer
  07. Advertisement
  08. Breadcrumb
  09. Calendar
  10. Pagination
  11. Search Box 1
  12. Search Box Advanced
  13. Filter
  14. Col1
  15. Col2
  16. Col3
  17. Col4
  18. Col5
  19. Col6
  20. Col7
  21. Col8
  22. Col9
  23. Col10
  24. Col11
  25. Detail
  26. Login
  27. Verification OTP
  28. Profile
  29. G-point
  30. Membership
========================================================*/
/*=======================================================
  End Table Of Content
========================================================*/
/*=======================================================
  01. Fonts
========================================================*/

@import url('define.css?v=0.1');
@import url('modal.css?v=0.1');

/*=======================================================
  02. Variables
========================================================*/

:root {
  --font-family-primary: "Inter", "Open Sans", sans-serif;
  --font-family-decorative: "UTM Bustamalaka", "Open Sans", sans-serif;

  --font-size-xs:.563rem;
  --font-size-sm: .625rem;
  --font-size-md: .875rem;
  --font-size-base: 1rem;

  --font-size-heading-sm: 1.5rem;
  --font-size-heading:1.875rem;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --color-text:#222222;
  --color-white:#ffffff;
  --color-cloud-white:#e6e6e6;
  --color-black:#000000;
  --color-blue:#0053b6;
  --color-red:#d50000;
  --color-baby-blue:#e3ebfd;

  --color-gray-25: #EDF2F7;
  --color-gray-50: #f4f4f4;
  --color-gray-100: #d9d9d9;
  --color-gray-200: #c5c5c5;
  --color-gray-300: #afafbb;
  --color-gray-800: #2c2c2e;

  --color-neutral-gray:#666666;

  --radius-md: 0.75rem;

  --container:72.75rem;

  --loading:7rem;
}

/*=======================================================
  03. Default
========================================================*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  font-variation-settings: normal;
  tab-size: 4;
}


body {
  margin: 0;
  padding: 0;

  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  line-height: 1.6rem;
  font-weight: var(--font-weight-medium);

  color: var(--color-text);
  background: var(--color-white);
  
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;

  overflow-x: hidden;
}

a {text-decoration:none;outline:none;transition:color 0.3s ease, opacity 0.3s ease;}

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

input,
textarea,
select,
button {-webkit-appearance:none;outline:none;}

figure {margin:0;}

h1,
h2,
h3,
h4,
h5,
h6,
figure {margin:0;font-weight:inherit;}

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

.container {width:calc(100% - 1.875rem);max-width:var(--container);margin:0 auto;position:relative;}
.container-none {width:100%;max-width:var(--container);margin:0 auto;position:relative;}

@media only screen and (min-width: 1164px) {
  .container-1164 {width:calc(100% - 1.875rem);max-width:var(--container);margin:0 auto;position:relative;}
}

@media only screen and (max-width: 1163px) {
  .container-1164 {width:calc(100% - .9375rem);max-width:var(--container);margin-left:.9375rem;position:relative;}
}

@media only screen and (min-width: 768px) {
  .container-768 {width:calc(100% - 1.875rem);max-width:var(--container);margin:0 auto;position:relative;}
}

@media only screen and (max-width: 767px) {
  .container-768 {width:calc(100% - .9375rem);max-width:var(--container);margin-left:.9375rem;position:relative;}
}

.card-wrapper {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);}

.view-more {color:var(--color-blue);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);}
.view-more:hover {color:var(--color-black);}

.pd-top-none {padding-top:0 !important;}

.mg-top-none {margin-top:0 !important;}
.mg-bottom-1 {margin-bottom:1rem;}

.gallery-image {width:100%;height:0;padding-bottom:58%;aspect-ratio:100 / 58;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);overflow:hidden;position:relative;}
.gallery-image .thumbnail {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;-webkit-transform:scale(1);transform:scale(1);transition:opacity 0.3s, transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.gallery-image .actions {position:absolute;top:.625rem;right:.625rem;}
.gallery-image span {color:var(--color-white);font-size:var(--font-size-sm);border-radius:1.875rem;line-height:1.2rem;padding:0 .5rem;position:absolute;left:.625rem;bottom:.625rem;}
.gallery-image span.direct {background:var(--color-red);}
.gallery-image span.agent {background:var(--color-blue);}
.gallery-image span.assisted {background:var(--color-black);}
.gallery-image .night-golf {position:absolute;bottom:.625rem;right:.625rem;display:flex;flex-direction:row;gap:.25rem;}
.gallery-image .night-golf img {height:1.5rem;}
.gallery-image .deal-golf {background:var(--color-red);border-radius:50%;width:2.25rem;height:2.25rem;padding:.5rem;position:absolute;top:.625rem;left:.625rem;display:flex;flex-direction:row;gap:.25rem;justify-content:center;}
.gallery-image .actions .wishlist {width:2.25rem;height:2.25rem;background-color:rgba(255, 255, 255, 0.79);box-shadow:0 15px 25px rgba(0, 0, 0, .08);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}
.gallery-image .actions .wishlist:hover {transform:scale(1.1);box-shadow:0 12px 25px rgba(0, 0, 0, .12);}
.gallery-image .actions .wishlist:active {transform: scale(0.95);}
.gallery-image .actions .wishlist.importing {pointer-events: none;opacity: 0.6;}
.gallery-image .actions .wishlist img {width:1.25rem;position:absolute;transition:opacity 0.3s ease, transform 0.3s ease;}
.gallery-image .actions .wishlist img.icon-default {opacity:1;transform: scale(1);}
.gallery-image .actions .wishlist img.icon-hover {opacity:0;transform: scale(0.5);}
.gallery-image .actions .wishlist.selected img.icon-default {opacity:0;transform: scale(0.5);}
.gallery-image .actions .wishlist.selected img.icon-hover {opacity:1;transform: scale(1.1);}
.gallery-image .actions .wishlist.selected {animation: fav-bounce 0.35s ease;}
.gallery-image .actions .wishlist:focus {outline: 2px solid #ff4d4f;outline-offset: 2px;}

.gallery-image-border {border-radius:var(--radius-md);}
@media only screen and (min-width: 600px) {
  .item:hover .gallery-image .thumbnail {transform:scale(1.3);}
}
@media only screen and (max-width: 599px) {
  .gallery-image-38 {padding-bottom:38%;aspect-ratio:100 / 38;}
}

.content-info {
  background: var(--color-white);
  border-left:1px solid var(--color-gray-100);
  border-right:1px solid var(--color-gray-100);
  border-bottom:1px solid var(--color-gray-100);
  border-bottom-left-radius:var(--radius-md);
  border-bottom-right-radius:var(--radius-md);

  padding:.625rem;
}
.content-info h3 {color:var(--color-black);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.content-info h3:hover {color:var(--color-blue);}
.content-info .address {color:var(--color-neutral-gray);display:flex;flex-direction:row;align-items:center;gap:.2rem;margin-bottom:.625rem;}
.content-info .address img {width:auto !important;height:1.25rem;}
.content-info .address span {font-size:.75rem;overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.content-info .price {color:var(--color-text);text-align:right;}
.content-info .price span:nth-child(1) {font-size:var(--font-size-md);color:var(--color-neutral-gray);margin-right:.3rem;}
.content-info .price span:nth-child(2) {font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);}
.content-info .price span:nth-child(3) {font-weight:var(--font-weight-semibold);}
.content-info ul {display:grid;grid-template-columns:1fr 1fr 1fr;}
.content-info ul .time {background:var(--color-red);font-size:var(--font-size-md);color:var(--color-white);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);display:flex;justify-content:center;}
.content-info ul .prices {border-left:1px solid var(--color-gray-100);border-right:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);}
.content-info ul .price-now {color:var(--color-text);font-weight:var(--font-weight-semibold);text-align:center;line-height:normal;padding-top:.5rem;}
.content-info ul .price-now span:last-child {font-size:var(--font-size-xs);}
.content-info ul .price-old {color:var(--color-gray-300);text-align:center;line-height:var(--font-size-xs);margin-bottom:.5rem;}

@media only screen and (min-width: 420px) {
  .content-info ul {gap:.625rem;}
  .content-info ul .price-old {font-size:var(--font-size-xs);}
}

@media only screen and (min-width: 360px) and (max-width: 419px) {
  .content-info ul {gap:.35rem;}
  .content-info ul .price-now {font-size:var(--font-size-base);}
  .content-info ul .price-old {font-size:var(--font-size-xs);}
}

@media only screen and (max-width: 359px) {
  .content-info ul {gap:.2rem;}
  .content-info ul .price-now {font-size:var(--font-size-sm);}
  .content-info ul .price-old {font-size:var(--font-size-xs);}
}

.content-info-1 {border-left:1px solid var(--color-gray-100);border-right:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);padding:.625rem;}
.content-info-1 h3 {font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.content-info-1 h3 a {color:var(--color-black);}
.content-info-1 h3 a:hover {color:var(--color-blue);}
.content-info-1 .address {color:var(--color-neutral-gray);font-size:var(--font-size-md);display:flex;flex-direction:row;align-items:center;gap:.2rem;margin-bottom:.625rem;}
.content-info-1 .address span {font-size:.75rem;overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.content-info-1 .address img {width:auto !important;height:1.25rem;}
.content-info-1 .price {text-align:right;}
.content-info-1 .price span:nth-child(1) {font-size:var(--font-size-md);color:var(--color-neutral-gray);margin-right:.3rem;}
.content-info-1 .price span:nth-child(2) {font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);}
.content-info-1 .price span:nth-child(3) {font-weight:var(--font-weight-semibold);}

.overlay-background {background:rgba(0, 0, 0, 0.65);position:fixed;inset:0;z-index:9998;display:none;}
@media only screen and (max-width: 991px) {
  .overlay-background.selected {display:block !important;}
}
@media only screen and (max-width: 599px) {
  .overlay-background.selected-599 {display:block !important;}
}

.horizontal-line {border-top:2px solid var(--color-blue);}
.package-includes.GOLF_FEE {background:url('../images/ic-flag.svg') no-repeat left .35rem;padding-left:1.4rem;}
.package-includes.FB_FEE {background:url('../images/ic_fb_fee.png') no-repeat left .35rem;background-size:auto .938rem;padding-left:1.4rem;} 
.package-includes.TERMS {background:url('../images/ic-receipt.svg') no-repeat left .35rem;padding-left:1.4rem;}
.package-includes.OTHER {background:url('../images/ic-dollar-circle.svg') no-repeat left .2rem;padding-left:1.4rem;}
.package-circle {margin-left:2rem;}
.package-circle li {list-style:disc;display:list-item;}
.package-circle li a:hover {opacity:.9;}

/*=======================================================
  04. Loading
========================================================*/

#loading {background:var(--color-white);color:(--color-text);width:100%;height:100vh;font-size:var(--font-size-base);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;}
#loading img {width:var(--loading);margin-bottom:.2rem;}

/*=======================================================
  05. Header
========================================================*/

header {padding:1rem 0;}
header .container {display:flex;flex-direction:row;justify-content:space-between;}

header .icon {height:.75rem;}
header .icon-user {height:1.125rem;}

header .menu ul li a {color:var(--color-black);font-weight:var(--font-weight-semibold);}

header .actions {display:flex;flex-direction:row;align-items:center;}

header .actions .cart {position:relative;}
header .actions .cart img {margin-top:.6rem;}
header .actions .cart .cart-count {position:absolute;top:.58rem;right:.22rem;background:var(--color-red);border-radius:50%;width:.95rem;height:.95rem;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-sm);color:var(--color-white);}

.cart-alert {display:none;color:#2e7d32;background-color:#f4fbf5;background-image:url('../images/ic-progress.svg');background-size:1rem 1rem;background-position:.675rem center;background-repeat:no-repeat;border-radius:var(--radius-md);margin:1rem 0;padding:.675rem .675rem .675rem 2rem;}
.cart-alert-1 {margin-top:0;}

#modal-cart {display:none;background:var(--color-white);position:fixed;top:0;right:0;bottom:0;z-index:9999;box-shadow:0 0 10px rgba(34, 34, 34, 0.4);max-width:27rem;width:100%;}
#modal-cart .modal-cart__header {position:relative;border-bottom:1px solid var(--color-gray-100);margin-bottom:.938rem;padding:.938rem;}
#modal-cart .modal-cart__header > div {position:relative;}
#modal-cart .modal-cart__header h4 {color:var(--color-gray-800);font-weight:var(--font-weight-medium);}
#modal-cart .modal-cart__body {scrollbar-width:none;-ms-overflow-style:none;height:calc(100vh - 10rem);overflow-y:auto;display:flex;flex-direction:column;margin:.938rem;}
#modal-cart .modal-cart__body::-webkit-scrollbar {display:none}
#modal-cart .modal-cart__body ul li {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.938rem;margin-bottom:.938rem;display:grid;grid-template-columns:max-content 1fr max-content;gap:.938rem;}
#modal-cart .modal-cart__body ul li .gallery-image-thumbnail {width:7rem;}
#modal-cart .modal-cart__body ul li h3 a {color:var(--color-black);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);}
#modal-cart .modal-cart__footer {background:var(--color-white);border-top:1px solid var(--color-gray-100);position:absolute;bottom:0;left:0;right:0;padding:.233rem .983rem .983rem .983rem;}
#modal-cart .cart-item__quantity {font-size:var(--font-size-md);}
#modal-cart .cart-item__quantity strong {font-size:var(--font-size-base);color:var(--color-red);float:right;}
#modal-cart .cart-item__remove img {width:.7rem;cursor:pointer;}

.modal-your-cart {margin-bottom:3rem;}
.modal-your-cart ul li {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.938rem;margin-bottom:.938rem;display:grid;grid-template-columns:max-content 1fr max-content;gap:.938rem;}
.modal-your-cart ul li .gallery-image-thumbnail {width:7rem;}
.modal-your-cart ul li h3 a {color:var(--color-black);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);}
.modal-your-cart .cart-item__quantity {font-size:var(--font-size-md);}
.modal-your-cart .cart-item__quantity strong {font-size:var(--font-size-base);color:var(--color-red);float:right;}
.modal-your-cart .cart-item__remove img {width:.7rem;}

header .actions .profile {position:relative;}
header .actions .profile .user-avatar {width:2.324rem;height:2.324rem;border-radius:50%;overflow:hidden;position:relative;}
header .actions .profile .user-avatar img {width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;}
header .actions .profile .no-user-avatar {width:2.324rem;height:2.324rem;background:var(--color-baby-blue);border-radius:50%;color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;}
header .actions .profile .current {font-size:.875rem;display:flex;flex-direction:row;align-items:center;gap:.4rem;cursor:pointer;}
header .actions .profile .current > img:last-child {transition:all .25s ease;}
header .actions .profile .options-list {display:none;font-size:var(--font-size-md);background:var(--color-white);box-shadow:-1px 5px 20px 0px rgb(82 90 101 / 20%);-webkit-box-shadow:-1px 5px 20px 0px rgb(82 90 101 / 20%);transition:all .36s ease-out;border-radius:var(--radius-md);padding:.4rem .8rem;position:absolute;top:3rem;right:0;z-index:1;min-width:12rem;}
header .actions .profile .options-list.selected {display:block;}
header .actions .profile .options-list a {color:var(--color-text);display:block;}
header .actions .profile .options-list .user-info {display:flex;flex-direction:row;align-items:center;gap:.4rem;}
header .actions .profile .options-list .user-info .user-name {display:flex;flex-direction:column;line-height:1.2rem;}
header .actions .profile .options-list .user-info .user-name span:last-child {width:100%;color:#999;}
header .actions .profile .options-list li {padding:.1rem 0;}
header .actions .profile .options-list li:first-child {padding:.5rem 1rem;}
header .actions .profile .options-list li a {padding:.5rem 1rem;}
header .actions .profile .options-list li:not(:first-child):hover a,
header .actions .profile .options-list li.selected a {background:#f5f5f5;border-radius:var(--radius-md);}
header .actions .profile .options-list li:first-child {border-bottom:1px solid var(--color-gray-100);}
header .actions .profile .options-list li:last-child {border-top:1px solid var(--color-gray-100);}

header .actions .language {font-size:var(--font-size-md);position:relative;}
header .actions .language .current {display:flex;align-items:center;gap:.4rem;}
header .actions .language .current > img:last-child {transition:all .25s ease;}
header .actions .language .options-list {display:none;background:var(--color-white);box-shadow:-1px 5px 20px 0px rgb(82 90 101 / 20%);-webkit-box-shadow:-1px 5px 20px 0px rgb(82 90 101 / 20%);transition:all .36s ease-out;border-radius:var(--radius-md);padding:.4rem .8rem;min-width:8rem;position:absolute;top:2.5rem;right:0;cursor:pointer;z-index:1;}
header .actions .language .options-list.selected {display:block;}
header .actions .language .options-list li {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;}
header .actions .language .options-list li a {color:var(--color-text);}
header .actions .language .options-list li a.selected {color:var(--color-blue);}
header .actions .language .options-list li figure {width:1.6rem;max-height:1.1rem;}
header .actions .language .options-list li figure img {width:100%;height:100%;object-fit:cover;}

@media only screen and (min-width: 992px) {
  header .wrapper {display:flex;flex-direction:row;align-items:center;}

  header .logo {margin-right:2rem;}

  header .menu ul {display:flex;flex-direction:row;gap:1rem;}
  header .menu ul li a {font-size:var(--font-size-md);text-transform:uppercase;}
  header .menu ul li a.selected,
  header .menu ul li a:hover {color:var(--color-blue);}
  header .mb-hidden {display:none;}
  header .actions .phone {display:flex;flex-direction:row;align-items:center;gap:.25rem;}
  header .actions .phone a {color:var(--color-black);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);}
  header .actions .phone a:hover {color:var(--color-blue);}

  header .actions .user {background:var(--color-baby-blue);border-radius:50%;padding:.6rem;display:flex;align-items:center;cursor:pointer;}
  
  header .actions #menu {display:none;}
}

@media only screen and (max-width: 991px) {
  header .container {align-items:flex-start;}

  header .logo {margin-left:2rem;}

  header .menu {background:var(--color-white);position:fixed;top:0;bottom:0;left:-100%;width:100%;transition-duration:.3s;opacity:0;z-index:9996;}
  header .menu.selected {opacity:1;left:0;}
  header .menu.selected ul {margin:.9375rem .9375rem 0 .9375rem;}
  header .menu.selected .links {bottom:0;}
  header .menu li:not(:last-child) {margin-bottom:1.5rem;}
  header .menu ul li a {font-size:1.5rem;}
  header .menu .m-logo {margin-left:2rem;}
  header .menu .m-user > a {color:var(--color-blue);text-transform:none;position:relative;}
  header .menu .m-user > a:first-child {padding-right:.5rem;margin-right:.5rem;}
  header .menu .m-user > a:first-child::after {content:'';background:var(--color-blue);position:absolute;top:.2rem;right:0;bottom:.2rem;width:2px;transform:skew(-20deg);}
  header .menu .social {font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;}
  header .menu .social .social-link {background:#f5f5f5;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;}
  header .menu .social .social-link img {filter: brightness(0) saturate(100%) invert(38%) sepia(12%) saturate(9%) hue-rotate(332deg) brightness(95%) contrast(76%);}

  header .links {display:none;background:#f7f8fc;text-align:center;padding:1.875rem .9375rem;position:fixed;bottom:0;left:0;right:0;}
  header .links.selected {display:block;z-index:9997;}
  header .links h4 {font-size:1.25rem;font-weight:var(--font-weight-semibold);text-transform:capitalize;margin-bottom:.9375rem;}
  header .links > div {display:flex;flex-direction:row;justify-content:center;gap:.9375rem;}
  header .links > div img {max-width:8.875rem;width:100%;}

  header .actions .language .current > img:first-child {display:none;}
  header .actions .phone {display:none;}
  header .actions .user {display:none;}
  header .actions .profile .current .user-name {display:none;}
  header .actions .profile .current .icon {display:none;}

  header #menu {cursor:pointer;width:1.25rem;height:1.25rem;z-index:9997;transition:all .8s;position:absolute;top:.7rem;left:0;}
  header #menu.selected {position:fixed;top:2rem;left:.9375rem;}
  header #menu div span {background:var(--color-blue);height:.125rem;display:block;border-radius:30px;-webkit-transition-duration:300ms;transition-duration:300ms;}
  header #menu div span:nth-child(1) {width:.625rem;}
  header #menu div span:nth-child(2) {margin:.3rem 0;width:1.25rem;}
  header #menu div span:nth-child(3) {width:1.25rem;}
  header #menu.selected span:nth-child(1) {background:var(--color-black);-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);position:absolute;top:6px;left:-2px;width:1.25rem;margin-left:0;}
  header #menu.selected span:nth-child(2) {display:none;}
  header #menu.selected span:nth-child(3) {background:var(--color-black);-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);position:absolute;top:6px;left:-2px;width:1.25rem;}
}

@media only screen and (min-width: 400px) {
  header .actions {gap:.75rem;}
}

@media only screen and (max-width: 399px) {
  header .logo img {height:2.7rem;}
  header .actions {gap:.5rem;}
}

/*=======================================================
  06. Footer
========================================================*/

footer {background:var(--color-black);color:#EBEBEB;font-size:var(--font-size-md);}
footer h3 {font-size:1.1rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;margin-bottom:1rem;}
footer h3:not(:first-child) {margin-top:1rem;}
footer img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4830%) hue-rotate(175deg) brightness(116%) contrast(84%);}
footer a:hover img {filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(25%) hue-rotate(26deg) brightness(107%) contrast(106%);}
footer a {color:#EBEBEB;}
footer a:hover {color:var(--color-white);}
footer .location {display:flex;flex-direction:row;gap:.5rem;}
footer .social {display:flex;flex-direction:row;gap:1.25rem;align-items:center;}
footer .social a {display:inline-flex;align-items:center;justify-content:center;opacity:0.85;transform:translateY(0);transition:opacity 0.25s ease, transform 0.2s ease, filter 0.2s ease;}
footer .social a:hover {opacity:1;transform:translateY(-3px);filter:brightness(1.1);}
footer .social a:active {transform:scale(0.92);}
footer .social a:focus-visible {outline:2px solid var(--color-blue);outline-offset:4px;border-radius:50%;}
footer .social a svg {width:1.25rem;height:1.25rem;transition:transform 0.25s ease;}
footer .social a:hover svg {transform: scale(1.1);}
@media (hover: none) {
  footer .social a:hover {transform:none;filter:none;}
}
footer .copyright {color:#666666;border-top:1px solid rgba(223, 228, 234, .3);padding-top:.938rem;margin-top:.938rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
footer .redirect-pages-select {display:none;}

@media only screen and (min-width: 768px) {
  footer .container > ul {display:grid;grid-template-columns:1.8fr 1fr max-content;gap:1.5rem;}
  footer .footer-block {max-width:28rem;word-wrap:break-word;margin:1rem 0;}
}

@media only screen and (max-width: 767px) {
  footer .footer-block {margin:1rem 0;}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  footer .container > ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem .5rem;}
  footer .container > ul > li:first-child {grid-column:span 2;}
}

@media only screen and (min-width: 600px) {
  footer {padding:3rem 0 1.5rem 0;}
}

@media only screen and (max-width: 599px) {
  footer {padding:1.5rem 0;}
  footer .container > ul {display:grid;grid-template-columns:1fr;gap:1.5rem;}
  footer .mb-hidden {display:none;}
  footer .copyright {display:flex;flex-direction:column;}
}

/*=======================================================
  07. Advertisement
========================================================*/

.advertisement picture {display:flex;}
.advertisement img {width:100%;border-radius:var(--radius-md);}

@media only screen and (max-width: 599px) {
  .advertisement .swiper-pagination {display:none;}
}

/*=======================================================
  08. Breadcrumb
========================================================*/

.breadcrumb {color:#54595f;margin-bottom:1.5rem;}
.breadcrumb .container {margin-top:1.5rem;}
.breadcrumb a {color:#54595f;position:relative;padding-right:.75rem;margin-right:.75rem;}
.breadcrumb a::after {content:"";position:absolute;top:calc(50% - 3px);right:0;border:solid #54595f;border-width:0 .094rem .094rem 0;display:inline-block;padding:2.5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.breadcrumb a:hover {color:var(--color-blue);}

@media only screen and (max-width: 899px) {
  .breadcrumb .mb-hidden {display:none;}
}

/*=======================================================
  09. Calendar
========================================================*/

.ui-datepicker-header {color:var(--color-black);font-weight:var(--font-weight-semibold);display:flex;justify-content:space-between;align-items:center;}

.ui-datepicker-month,
.ui-datepicker-year {border:none;font-weight:var(--font-weight-semibold);}

.ui-datepicker-prev span, 
.ui-datepicker-next span {display:none;}
.ui-datepicker-prev {order:1;}
.ui-datepicker-prev:after {content:"";background:url('../images/ic-arrow-left.svg?v=1') no-repeat center;width:1rem;height:1rem;float:left;cursor:pointer;border:1px solid var(--color-gray-200);padding:.8rem;border-radius:.4rem;}
.ui-datepicker-next {order:3;}
.ui-datepicker-next:after {content:"";background:url('../images/ic-arrow-right.svg?v=1') no-repeat center;width:1rem;height:1rem;float:right;cursor:pointer;border:1px solid var(--color-gray-200);padding:.8rem;border-radius:.4rem;}
.ui-datepicker-title {order:2;}
.ui-datepicker-calendar {width:100%;text-align:center;}
.ui-datepicker-calendar th {color:var(--color-gray-300);font-weight:var(--font-weight-medium);padding:1.5rem 0 .5rem 0;}
.ui-datepicker-calendar td {padding:.2rem 0;}
.ui-datepicker-calendar td a {color:var(--color-gray-800);}
.ui-datepicker-calendar td a {width:2rem;height:2rem;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;margin:0 auto;}
.ui-datepicker-calendar td a:hover {background:rgba(0,83,182,.1);color:var(--color-blue);}
.ui-datepicker-calendar .ui-state-active {background-color:var(--color-blue) !important;color:var(--color-white) !important;}

.ui-state-disabled {color:var(--color-gray-300);}

#ui-datepicker-div {background:var(--color-white);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 0 10px rgba(34, 34, 34, 0.4);margin-top:1.5rem;width:calc(100% - 3rem);max-width:26rem;z-index:9999 !important;position:absolute;top:-9999px;}

/*=======================================================
  10. Pagination
========================================================*/

.pagination {
  margin: 1.5rem 0;
  user-select: none;
}
 
.pagination ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .375rem;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
 
.pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--color-gray-100);
  border-radius: var(--radius-md);
  color: var(--color-text);
  font-size: var(--font-size-md);
  font-weight: 500;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .1s ease, box-shadow .15s ease;
}
 
.pagination ul li a:hover {
  background: var(--color-red);
  border-color: var(--color-red);
  color: var(--color-white);
  box-shadow: 0 2px 8px rgba(213, 0, 0, .25);
  transform: translateY(-1px);
}
 
.pagination ul li a.selected {
  background: var(--color-blue);
  border-color: var(--color-blue);
  color: var(--color-white);
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 83, 182, .3);
  pointer-events: none;
}
 
.pagination ul li a.prev,
.pagination ul li a.next {
  width: 2.5rem;
  gap: .25rem;
}
 
.pagination ul li a.prev img,
.pagination ul li a.next img {
  width: .375rem;
  height: auto;
  filter: brightness(0);
  transition: filter .15s ease;
}
 
.pagination ul li a.prev:hover img,
.pagination ul li a.next:hover img {
  filter: brightness(0) invert(1);
}
 
.pagination ul li a[aria-disabled="true"] img {
  filter: brightness(0) opacity(.3);
}
 
.pagination ul li a.prev[aria-disabled="true"],
.pagination ul li a.next[aria-disabled="true"] {
  opacity: .35;
  pointer-events: none;
  box-shadow: none;
  transform: none;
}
 
@media (max-width: 480px) {
  .pagination ul li a {
    width: 2rem;
    height: 2rem;
    font-size: .8rem;
  }
 
  .pagination ul li a.prev,
  .pagination ul li a.next {
    width: 2.25rem;
  }
}

/*=======================================================
  11. Search Box 1
========================================================*/

#search_box_1 {font-size:.875rem;background-position:center;-webkit-background-position:center;-moz-background-position:center;-o-background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-image:url('../images/bg-section-1.webp');}
#search_box_1 .booking-form > div {position:relative;}
#search_box_1 #search {font-weight: var(--font-weight-medium);-webkit-appearance:none;background:url('../images/ic-search.svg?v=1') no-repeat left .5rem center;color:var(--color-black);padding:.8rem 1rem .8rem 2.2rem;}
#search_box_1 #datepicker {-webkit-appearance:none;background-image:url('../images/ic-calendar.svg?v=1'),url('../images/ic-mark.svg');background-repeat:no-repeat;background-position:left .5rem center,right .5rem center;background-size: 24px 24px, 20px 20px;color:var(--color-black);font-weight:var(--font-weight-semibold);appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.75rem 1rem .75rem 2.4rem;}

#search_box_1 .search_box_1__suggestions-list {display:none;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);position:absolute;top:3rem;left:0;right:0;z-index:9999;text-align:left;}

#search_box_1 .no-results-message {background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);position:absolute;top:3rem;left:0;right:0;z-index:9999;text-align:left;padding:.626rem;}
#search_box_1 .no-results-message h4 {color:var(--color-black);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);margin-bottom:1.5rem;}
#search_box_1 .no-results-message .recommended-list {display:flex;flex-wrap:wrap;gap:1.2rem .625rem;}
#search_box_1 .no-results-message .recommended-list a {color:var(--color-text);font-weight:var(--font-weight-semibold);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.5rem;}
#search_box_1 .no-results-message .recommended-list a.name-hot-deal {background:var(--color-red);border:1px solid var(--color-red);color:var(--color-white);}

#search_box_1 .search_box_1__suggestions-list li {background:url('../images/ic-marker.svg') no-repeat .625rem center;color:var(--color-text);border-bottom:1px solid var(--color-gray-100);padding:.625rem .625rem .625rem 1.8rem;}
#search_box_1 .search_box_1__suggestions-list li:last-child {border-bottom:none;}
#search_box_1 .search_box_1__suggestions-list li a {color: var(--color-text);}
#search_box_1 .search_box_1__suggestions-list li a:hover {color:var(--color-blue);}

@media only screen and (max-width: 899px) {
  .search-box-2 {background-image:none !important;border-top:2px solid var(--color-blue);}
  .search-box-2 .container {height:auto !important;}
  .search-box-2 .booking-form {position:relative !important;padding:1.5rem 0 !important;bottom:unset !important;left:unset !important;right:unset !important;}
  .search-box-2 #search {border-right:1px solid var(--color-gray-200) !important;border-top:1px solid var(--color-gray-200) !important;border-bottom:1px solid var(--color-gray-200) !important;}
  .search-box-2 #datepicker {border:1px solid var(--color-gray-200) !important;}
}

@media only screen and (min-width: 768px) {
  #search_box_1 .container {height:28.75rem;}
  #search_box_1.small-search-box .container {height:18.75rem;}
  #search_box_1 .booking-form {background:var(--color-white);border-radius:var(--radius-md);padding:1.5rem;position:absolute;bottom:3rem;left:0;right:0;}
  #search_box_1 .booking-form > div {display:grid;grid-template-columns:9.5rem 1fr 10.5rem;gap:0;}
  #search_box_1 #search {border-right:1px solid var(--color-gray-200);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);border-left:none;}
  #search_box_1 #datepicker {border:1px solid var(--color-gray-200);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);}
  #search_box_1 button {margin-left:1rem;}
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
  #search_box_1 .container {height:20rem;}
  #search_box_1.small-search-box .container {height:15rem;}
  #search_box_1 .booking-form {background:var(--color-white);border-radius:var(--radius-md);padding:.9375rem;position:absolute;bottom:3rem;left:0;right:0;}
  #search_box_1 .booking-form > div {display:grid;grid-template-columns:9.4rem 1fr;gap:0;}
  #search_box_1 #search {background-color:var(--color-white);border-right:1px solid var(--color-gray-200);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);border-left:none;}
  #search_box_1 #datepicker {background-color:var(--color-white);border:1px solid var(--color-gray-200);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);}
  #search_box_1 button {display:none;}
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
  #search_box_1 .container {height:15rem;}
  #search_box_1 .booking-form {position:absolute;bottom:3rem;left:0;right:0;font-size:var(--font-size-md);}
  #search_box_1 .booking-form > div {display:grid;grid-template-columns:9.5rem 1fr;gap:0;}
  #search_box_1 #search {background-color:var(--color-white);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border:none;}
  #search_box_1 #datepicker {background-color:var(--color-white);border-top:none;border-bottom:none;border-left:none;border-right:1px solid var(--color-gray-200);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);}
  #search_box_1 button {display:none;}
}

@media only screen and (max-width: 399px) {
  #search_box_1 .booking-form {text-align:center;padding:3rem 0;}
  #search_box_1 .booking-form > div {position:relative;}
  #search_box_1 .load-input {position:absolute;top:0;right:0;width:calc(100% - 7.7rem);transition:all .3s;}
  #search_box_1 .load-input:focus-within {width:calc(100% - 2.5rem);}
  #search_box_1 #search {background-color:var(--color-white);border-top:none;border-bottom:none;border-right:none;border-left:1px solid var(--color-gray-200);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);padding:.75rem 1rem .75rem 2.2rem;}
  #search_box_1 #datepicker {width:100%;background-color:var(--color-white);border:none;border-radius:var(--radius-md);}
  #search_box_1 button {display:none;}
}

/*=======================================================
  12. Search Box Advanced
========================================================*/

.advanced-search-box {
  font-size:.875rem;
  border:1px solid var(--color-gray-100);
  border-radius:var(--radius-md);
  padding:.625rem;
}
.advanced-search-box .options input[type="radio"] {
  appearance:none;
  display:none;
}
.advanced-search-box .options label {
  padding:.625rem;
  cursor:pointer;
}
.advanced-search-box .options input[type="radio"]:checked + label {
  background-color:var(--color-blue);
  border:1px solid var(--color-blue);
  color:var(--color-white);
}
.advanced-search-box .sort {
  color:var(--color-neutral-gray);
  display: flex;
  align-items: center;
  gap:.5rem;
}

.advanced-search-box .sort-dropdown {
  position: relative;
}

.sort-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 7.5rem;
  padding: .625rem .75rem;
  background: var(--color-white);
  border: 1px solid var(--color-gray-100);
  border-radius: var(--radius-md);
  color: var(--color-text);
  font-size: .875rem;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s;
  text-align: left;
}

.sort-dropdown__arrow {
  width: .875rem;
  height: .875rem;
  flex-shrink: 0;
  transition: transform .2s ease;
  pointer-events: none;
}

.sort-dropdown__trigger[aria-expanded="true"] .sort-dropdown__arrow {
  transform: rotate(180deg);
}

.sort-dropdown__menu {
  display: none;
  position: absolute;
  top: calc(100% + .25rem);
  left: 0;
  min-width: 100%;
  background: var(--color-white);
  font-size: var(--font-size-md);
  border-radius: var(--radius-md);
  box-shadow: -1px 5px 20px 0px rgb(82 90 101 / 20%);
  -webkit-box-shadow: -1px 5px 20px 0px rgb(82 90 101 / 20%);
  list-style: none;
  margin: 0;
  padding: .25rem;
  z-index: 100;
  animation: sort-drop .15s ease;
}

.sort-dropdown__menu.is-open {
  display: block;
}

@keyframes sort-drop {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sort-dropdown__item {
  padding: .5rem .75rem;
  border-radius: calc(var(--radius-md) - .25rem);
  color: var(--color-neutral-gray);
  font-size: .875rem;
  cursor: pointer;
  transition: background .12s, color .12s;
  white-space: nowrap;
}

.sort-dropdown__item:hover {
  background: #f5f5f5;
}

.sort-dropdown__item.is-active {
  background: var(--color-blue);
  color: var(--color-white);
}

@media only screen and (min-width: 1150px) {
  .advanced-search-box {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
  .advanced-search-box .options .load-relative {display:flex;flex-direction:row;}
  .advanced-search-box .options .load-relative label {border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);border-left:1px solid var(--color-gray-100);}
  .advanced-search-box .options .load-relative .option:first-child label {border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);}
  .advanced-search-box .options .load-relative .option:last-child label {border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right:1px solid var(--color-gray-100);}
}

@media only screen and (max-width: 1149px) {
  .advanced-search-box {display:none;}
}

/*=======================================================
  13. Filter
========================================================*/

.filter-box {background:var(--color-white);font-size:.875rem;}
.filter-box > div {width:100%;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:0 .938rem;}
.filter-box > div .item {padding:.938rem 0;}
.filter-box > div .item:not(:last-child) {border-bottom:1px solid var(--color-gray-100);}
.filter-box #filter__date {visibility:hidden;position:absolute;left:-9999px;}
.filter-box #filter__date__display {cursor:pointer;display:inline-block;background-image:url('../images/ic-calendar.svg?v=1');background-repeat:no-repeat;background-position:left .5rem center;background-size: 24px 24px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-blue);width:100%;padding:.625rem .5rem .625rem 2.2rem}
.filter-box .filter__options {display:flex;flex-wrap:wrap;gap:.5rem;}
.filter-box .filter__options input[type="radio"] {appearance:none;display:none;}
.filter-box .filter__options label {font-weight:var(--font-weight-semibold);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;}
.filter-box .filter__options input[type="radio"]:checked + label {background-color:var(--color-blue);border:1px solid var(--color-blue);color:var(--color-white);}
.filter-box h3 {font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:1rem;}
.filter-box .filter__slider label {margin-bottom:1rem;display:flex;flex-direction:row;justify-content:space-between;}
.filter-box #time__slider,
.filter-box #price__slider {background:#ccc;height:4px;box-shadow:none;border:none;margin-bottom:.5rem;}
.filter-box .item.btn {display:flex;flex-direction:row;gap:.5rem;}
.filter-box button {width:100%;}

.noUi-connect {background:var(--color-blue);}
.noUi-handle {background:var(--color-blue);width:20px;height:20px;border:2px solid var(--color-white);border-radius:50%;box-shadow:none;}
.noUi-handle:after,
.noUi-handle:before {content:none;}
.noUi-horizontal .noUi-handle {top:-10px;right:-10px;width:20px;height:20px;}

@media only screen and (min-width: 992px) {
  .filter-box > div {max-width:16rem;}
  .filter-box .dk-hidden {display:none;}

  #filter_icon {display:none;}
}

@media only screen and (max-width: 991px) {
  .filter-box {display:none;width:calc(100% - 3rem);max-width:26rem;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:1.5rem;border-radius:var(--radius-md);z-index:9999;box-shadow:0 0 10px rgba(34, 34, 34, 0.4);}
  .filter-box.selected {display:block;}
  .filter-box > div {position:relative;margin-top:1rem;}
  .filter-box .btn-close {position:absolute;top:-1.875rem;right:1.5rem;cursor:pointer;}
  .filter-box .btn-close::before,
  .filter-box .btn-close::after {content:"";border-style:solid;border-color:var(--color-black);border-width:0px 2px 2px 0px;height:.7rem;width:.7rem;position:absolute;top:-10px;left:15px;transform:rotate(45deg);font-size:.875rem;}
  .filter-box .btn-close::before {border-width:0px 2px 2px 0px;top:0;}
  .filter-box .btn-close::after {border-width:2px 0px 0px 2px;top:13px;}

  #filter_icon {position:fixed;bottom:5.5rem;right:1rem;width:2.5rem;height:2.5rem;background:var(--color-blue);border-radius:1px solid var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index: 999;}
  #filter_icon img {width:1.5rem;filter:brightness(0) saturate(100%) invert(87%) sepia(88%) saturate(1%) hue-rotate(267deg) brightness(110%) contrast(97%);}
}

/*=======================================================
  14. Col1
========================================================*/

.col1 .section-title {font-size:1rem;font-weight:var(--font-weight-bold);text-transform:uppercase;text-align:center;border-left:1px solid var(--color-gray-100);border-right:1px solid var(--color-gray-100);border-top:1px solid var(--color-gray-100);padding:.5rem 0;}

.col1 .gonta-booking {background:rgba(87, 174, 255, .1);}
.col1 .order {background:var(--color-blue);color:var(--color-white);text-transform:uppercase;border-radius:var(--radius-md);padding:.1rem .5rem;display:inline-block;}
.col1 .order:hover {background:var(--color-red);}
.col1 .name {flex:0 0 11rem !important;font-weight:var(--font-weight-semibold);align-items:flex-start !important;padding:.25rem;}
.col1 .price {font-weight:var(--font-weight-semibold);}
.col1 .action {flex:0 0 6rem !important;width:6rem;}
.col1 .golf-price-header {text-align:center;background:var(--color-blue);color:var(--color-white);font-weight:var(--font-weight-medium);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);display:flex;flex-wrap:wrap;}
.col1 .golf-price-header > li {flex:1;display:flex;flex-direction:column;justify-content:center;}
.col1 .golf-price-header > li:not(:last-child) {border-right:1px solid var(--color-white);}
.col1 .golf-price-header > li > div {text-transform:uppercase;padding:.5rem 0;}
.col1 .golf-price-sub-header {display:flex;flex-direction:row;width:100%;}
.col1 .golf-price-sub-header > li {flex:1;border-top:1px solid var(--color-white);display:flex;flex-direction:row;align-items:center;justify-content:center;}
.col1 .golf-price-sub-header > li:not(:last-child) {border-right:1px solid var(--color-white);}
.col1 .golf-price-sub-header > li > div {padding:.5rem 0;}
.col1 .golf-price-sub-header .price > div {display:flex;flex-direction:column;align-items:center;line-height:1.2rem;}

.col1 .golf-price-row ul {display:flex;flex-direction:row;}
.col1 .golf-price-row > ul > li {border-left:1px solid var(--color-gray-100);border-top:1px solid var(--color-gray-100);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.col1 .golf-price-row > ul > li > div {padding:.5rem 0;}
.col1 .golf-price-row:nth-child(even) {background:#f5f5f5;}
.col1 .golf-price-row > ul > li table {width:100%;height:100%;border-collapse:collapse;text-align:center;}
.col1 .golf-price-row > ul > li table td {border-right:1px solid var(--color-gray-100);padding:.5rem 0;}
.col1 .golf-price-row > ul > li table tr:not(:last-child) {border-bottom:1px solid var(--color-gray-100);}
.col1 .golf-price-row:last-child {border-bottom:1px solid var(--color-gray-100);}
.col1 .tee-time-range {text-align:center;}

@media only screen and (min-width: 992px) {
  .col1 .no {flex:0 0 2.2rem !important;}
  .col1 .title {display:none !important;}
  .col1 .tee-times {flex:0 0 14rem !important;}
  .col1 .tee-time-date {width:9rem !important;}  
  .col1 .tee-time-range {width:5rem !important;}
}

@media only screen and (max-width: 991px) {
  .col1 .title {font-weight:var(--font-weight-semibold);padding:.5rem;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);border-top:1px solid var(--color-gray-200);}
  .col1 .no {display:none !important;}
  .col1 .name {display:none !important;}
  .col1 .extras {display:none !important;}
  .col1 .action {display:none !important;}
}

@media only screen and (min-width: 900px) {
  .col1 {margin:3rem 0;}
}

@media only screen and (max-width: 899px) {
  .col1 {margin:1.5rem 0 3rem 0;}
}

.col1 .golf-price-header {font-size:.875rem;}

@media only screen and (min-width: 600px) {
  .col1 .golf-price-row {font-size:.75rem;}
  .col1 .weekend {flex:0 0 11rem !important;}
  .col1 .price {width:5.5rem !important;}
}

@media only screen and (max-width: 599px) {
  .col1 .tee-time-range {width:4rem !important;}
  .col1 .golf-price-row {font-size:.65rem;}
}

@media only screen and (min-width: 400px) {
  .col1 .title {display:flex;flex-direction:row;justify-content:space-between;}
}

@media only screen and (max-width: 399px) {
  .col1 .title {display:flex;flex-direction:column;}
}

/*=======================================================
  15. Col2
========================================================*/

.col2 .owl-explore {margin-top:.938rem;}
.col2 figure {width:100%;aspect-ratio:16 / 6;overflow:hidden;margin:0;border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;}
.col2 figure img {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
.col2 figcaption {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--color-gray-100);border-top:0;border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);}
.col2 figcaption span {font-weight:var(--font-weight-semibold);color:var(--color-gray-800);}
.col2 .owl-carousel {z-index:0;}
.col2 .name-hot-deal {color:var(--color-red);}

@media only screen and (max-width: 991px) {
  .col2 figcaption span {font-size:.85rem;}
}

@media only screen and (min-width: 768px) {
  .col2 .owl-explore {display:grid;grid-template-columns:repeat(4, 1fr);gap:.938rem;}
  .col2 figcaption img {width:auto !important;height:1.5rem;}
  .col2 figcaption span {margin:1rem 0;}
}

@media only screen and (max-width: 767px) {
  .col2 .owl-stage {left:-.938rem;}
  .col2 figcaption img {width:auto !important;height:1rem;}
  .col2 figcaption span {margin:.75rem 0;}
}

@media only screen and (min-width: 600px) {
  .col2 {margin:3rem 0;}
}

@media only screen and (max-width: 599px) {
  .col2 {margin:1.876rem 0;}
}

@media only screen and (min-width: 360px) and (max-width: 450px)  {
  .col2 figure {aspect-ratio:16 / 7;}
  .col2 figcaption span {font-size:.7rem;line-height:normal;}
}

/*=======================================================
  16. Col3
========================================================*/

.col3 .options {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:.9375rem;}

@media only screen and (min-width: 1164px) {
  .col3 .course-list {display:grid;grid-template-columns:repeat(4, 1fr);gap:.938rem;}
}

@media only screen and (max-width: 1163px) {
  .col3 .options {margin-right:.9375rem;}
  .col3 .owl-stage {left:-50px;}
}

@media only screen and (min-width: 600px) {
  .col3 {margin:3rem 0;}
}

@media only screen and (max-width: 599px) {
  .col3 {margin:1.876rem 0;}
}

/*=======================================================
  17. Col4
========================================================*/

.col4 {background:url('../images/bg-section-4.jpg?v=1') center / cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;height:clamp(18rem, 25vw, 28.125rem);}
.col4 h1 {margin-bottom:.938rem;}
.col4 .phone {font-size:.75rem;background:var(--color-red);color:var(--color-white);border-radius:1.875rem;display:inline-flex;gap:.25rem;align-items:center;padding:0 .75rem;}
.col4 .phone a {color:var(--color-white);}
.col4 .phone img {height:.8rem;filter: brightness(0) saturate(100%) invert(87%) sepia(88%) saturate(1%) hue-rotate(267deg) brightness(110%) contrast(97%);}

@media only screen and (min-width: 992px) {
  .col4 .container > div {width:60%;text-align:right;}
}

@media only screen and (max-width: 991px) {
  .col4 {text-align:center;}
}

/*=======================================================
  18. Col5
========================================================*/

.col5 .options {margin-bottom:.9375rem;gap:.9375rem;}
.col5 .options > div {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;}
.col5 .options > div a {color:var(--color-blue);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);}
.col5 .options strong {color:var(--color-blue);font-size:var(--font-size-md);}

#modal-geo input[type=text] {background:url('../images/ic-search.svg') no-repeat left .5rem center;padding:.75rem 1rem .75rem 2.5rem;}

@media only screen and (min-width: 1164px) {
  .col5 .course-list {display:grid;grid-template-columns:repeat(4, 1fr);gap:.938rem;}
}

@media only screen and (max-width: 1163px) {
  .col5 .options {margin-right:.9375rem;}
  .col5 .owl-stage {left:-50px;}
}

@media only screen and (min-width: 768px) {
  .col5 .options {display:grid;grid-template-columns:max-content 1fr max-content;align-items:baseline;gap:1.5rem;}
}

@media only screen and (max-width: 767px) {
  .col5 .options {display:grid;grid-template-columns:max-content 1fr;}
  .col5 .options > div:nth-child(2) {grid-column:span 1;order:3;}
  .col5 .options h2 {justify-self:start;order:1;}
  .col5 .options > div:nth-child(3) {justify-self:end;order:2;}
}

@media only screen and (min-width: 600px) {
  .col5 {margin:3rem 0;}
}

@media only screen and (max-width: 599px) {
  .col5 {margin:1.876rem 0;}
}

/*=======================================================
  19. Col6
========================================================*/

.col6 .regions li {position:relative;overflow:hidden;font-weight:var(--font-weight-semibold);border-radius:1.875rem;border:1px solid var(--color-cloud-white);background:transparent;transform:translateZ(0);will-change:transform;transition:transform 0.16s ease-out, box-shadow 0.22s ease, border-color 0.25s ease, background 0.25s ease;}
.col6 .regions li a {color:var(--color-black);display:block;padding:.55rem 1.5rem;position:relative;z-index:2;letter-spacing:-0.2px;transition:color 0.2s ease;}
.col6 .regions li:hover {background:var(--color-cloud-white);border-color:var(--color-baby-blue);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.07);}
.col6 .regions li:active {transform:scale(0.965);}
.col6 .regions li::after {content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,0.22);opacity:0;transform:scale(0.8);transition:transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;}
.col6 .regions li:active::after {opacity:1;transform:scale(1);transition:none;}
.col6 .regions li.selected {background:var(--color-blue); border-color:var(--color-blue);box-shadow:0 6px 14px rgba(0,0,0,0.10);}
.col6 .regions li.selected a {color:var(--color-white);}
.col6 .regions li.selected::before {content:'';background:linear-gradient(120deg, rgba(255,255,255,0.18), rgba(255,255,255,0));position:absolute;inset:0;border-radius:inherit;opacity:0.6;pointer-events:none;}
.col6 .regions li:focus-within {outline:none;box-shadow:0 0 0 2px rgba(0,0,0,0.05), 0 6px 16px rgba(0,0,0,0.08);}
.col6 .course-list {display:none;}
.col6 .course-list.selected {display:grid;}
.col6 .course-list li {display:flex;flex-direction:column;}
.col6 .course-list a {color:var(--color-blue);}
.col6 .course-list a:hover {color:var(--color-black);}
.col6 .course-list span {font-size:var(--font-size-md);color:var(--color-neutral-gray);}

@media only screen and (min-width: 768px) {
  .col6 .course-list.selected {display:grid;grid-template-columns:1fr 1fr 1fr;}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .col6 .course-list.selected {display:grid;grid-template-columns:1fr 1fr;}
}

@media only screen and (min-width: 600px) {
  .col6 {margin:3rem 0;}
  .col6 .title {display:none;}
  .col6 .regions {display:flex;justify-content:center;flex-wrap:wrap;gap:0.875rem;margin:2.8rem 0;}
  .col6 .course-list .more {display:none;}
}

@media only screen and (max-width: 599px) {
  .col6 {margin:1.876rem 0;}
  .col6 .title {display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:1rem;margin-bottom:.938rem;}
  .col6 .title strong {color:var(--color-blue);}
  .col6 .regions {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.94);width:calc(100% - 3rem);max-width:26rem;display:flex;flex-direction:column;gap:0.5rem;padding:1.1rem;border-radius:var(--radius-md);background:var(--color-white);box-shadow:0 10px 30px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);opacity:0;visibility:hidden;transition:opacity 0.25s ease, transform 0.25s ease;z-index:9999;}
  .col6 .regions.selected {opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1);}
  .col6 .course-list.selected {display:grid;grid-template-columns:1fr;}
  .col6 .course-list .more {text-align:center;margin-top:2rem;}
  .col6 .course-list > li:nth-child(n+11):not(.more) {display:none;}
}

/*=======================================================
  20. Col7
========================================================*/

.col7 {background:#f7f8fc;font-size:1.313rem;font-weight:var(--font-weight-bold);}
.col7 .thumbnail {max-width:29.563rem;width:100%;}
.col7 .links {display:flex;flex-direction:row;gap:.5rem;margin-top:1rem;}
.col7 .links img {max-width:100%;}

@media only screen and (min-width: 992px) {
  .col7 ul {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;}
  .col7 .qr-code img {width:11rem;}
}

@media only screen and (max-width: 991px) {
  .col7 ul {display:flex;flex-direction:column;align-items:center;text-align:center;}
  .col7 ul li:nth-child(2) {order:2;}
  .col7 ul li:nth-child(3) {order:1;}
  .col7 .qr-code {display:none;}
}

@media only screen and (min-width: 600px) {
  .col7 {padding:3rem 0;}
}

@media only screen and (max-width: 599px) {
  .col7 {padding:1.5rem 0;}
}

/*=======================================================
  21. Col8
========================================================*/

@media only screen and (min-width: 992px) {
  .col8 {display:grid;grid-template-columns:max-content 1fr;gap:1rem;}
}

@media only screen and (max-width: 991px) {
  .col8 {display:grid;grid-template-columns:1fr;gap:1rem;}
}

@media only screen and (min-width: 600px) {
  .col8 {margin:3rem auto;}
}

@media only screen and (max-width: 599px) {
  .col8 {margin:1.876rem auto;}
}

/*=======================================================
  22. Col9
========================================================*/

.col9 .title {font-weight:var(--font-weight-semibold);margin-bottom:1rem;}

@media only screen and (min-width: 1164px) {
  .col9 {margin:1.5rem 0;}
  .col9 .course-list {display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;}
}

@media only screen and (min-width: 600px) and (max-width: 1163px) {
  .col9 .course-list {display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
}

@media only screen and (max-width: 599px) {
  .col9 .course-list {display:grid;grid-template-columns:1fr;gap:1rem;}
}

/*=======================================================
  23. Col10
========================================================*/

.col10 {margin-bottom:1.5rem;}
.col10 .options {margin-bottom:1.5rem;}
.col10 .options > div {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;}
.col10 .options strong {color:var(--color-blue);}
.col10 .options a {color:var(--color-blue);font-weight:var(--font-weight-semibold);}
.col10 figure {width:100%;border-radius:var(--radius-md);overflow:hidden;position:relative;}
.col10 figure .thumbnail {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
.col10 .actions {position:absolute;top:.625rem;right:.625rem;z-index:1;}
.col10 .actions .wishlist {width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;background-color:rgba(255, 255, 255, 0.85);backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255,255,255,0.4);cursor:pointer;transition:transform 0.18s ease, box-shadow 0.25s ease, background-color 0.25s ease;}
.col10 .actions .wishlist img {width:0.95rem;position:absolute;transition:opacity 0.25s ease, transform 0.2s ease;}
.col10 .actions .wishlist img.icon-default {opacity:1;transform:scale(1);}
.col10 .actions .wishlist img.icon-hover {opacity:0;transform:scale(0.7);}
.col10 .actions .wishlist:hover {transform:translateY(-2px);box-shadow:0 10px 20px rgba(0, 0, 0, 0.12);}
.col10 .actions .wishlist:hover img.icon-default,
.col10 .actions .wishlist.selected img.icon-default {opacity:0;transform:scale(0.6);}
.col10 .actions .wishlist:hover img.icon-hover,
.col10 .actions .wishlist.selected img.icon-hover {opacity:1;transform:scale(1);}
.col10 .actions .wishlist:active {transform:scale(0.9);}
.col10 .actions .wishlist::after {content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,0.35);opacity:0;transform:scale(0.7);transition:all 0.3s ease;}
.col10 .actions .wishlist:active::after {opacity:1;transform: scale(1);transition:0s;}

.col10 ul {background:linear-gradient(180deg, rgba(0, 47, 71, 0) 0%, rgba(0, 47, 71, 0.83) 31.91%);padding:1rem;}
.col10 .deal-content .tags {display:flex;flex-wrap:wrap;gap:.5rem;}
.col10 .deal-content .tags .tag {background:var(--color-blue);color:var(--color-white);font-size:var(--font-size-sm);border-radius:1.875rem;line-height:1.2rem;padding:0 .5rem;display:flex;flex-wrap:wrap;gap:.2rem;}
.col10 .deal-content .tags .tag.hot-deal {background:var(--color-red);}
.col10 .deal-content .tags .tag img {width:.6rem;filter:brightness(0) saturate(100%) invert(87%) sepia(88%) saturate(1%) hue-rotate(267deg) brightness(110%) contrast(97%);}
.col10 .deal-content h3 {color:var(--color-white);font-size:1.1rem;margin:.5rem 0;}
.col10 .deal-content .address, 
.col10 .deal-content .booking-info {color:var(--color-white);font-size:.75rem;}

.col10 .deal .price {margin-bottom:.5rem;}
.col10 .deal .price span:nth-child(1) {font-size:var(--font-size-md);color:var(--color-gray-200);margin-right:.3rem;}
.col10 .deal .price span:nth-child(2) {color:var(--color-white);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);}
.col10 .deal .price span:nth-child(3) {color:var(--color-white);font-weight:var(--font-weight-semibold);}
.col10 .deal .btn-tee-times {background:var(--color-red);color:var(--color-white);border-radius:var(--radius-md);padding:.5rem 1rem;}

@media only screen and (min-width: 768px) {
  .col10 figure {padding-bottom:23.73%;height:0;}
  .col10 ul {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;position:absolute;left:0;bottom:0;right:0;}
  .col10 .deal {text-align:right;}
}

@media only screen and (max-width: 767px) {
  .col10 ul {display:flex;flex-direction:column;position:relative;}
}

@media only screen and (min-width: 600px) {
  .col10 .options {display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}
  .col10 figure .actions img {-webkit-transform:scale(1.2);transform:scale(1.2);}
}

@media only screen and (max-width: 599px) {
  .col10 .options {display:flex;flex-direction:column;gap:.5rem;}
}

/*=======================================================
  24. Col11
========================================================*/

.col11 {margin:1.5rem 0;}

@media only screen and (min-width: 1164px) {
  .col11 .course-list {display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;}
}

@media only screen and (min-width: 600px) and (max-width: 1163px) {
  .col11 .course-list {display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
}

@media only screen and (max-width: 599px) {
  .col11 .course-list {display:grid;grid-template-columns:1fr;gap:1rem;}
  .col11 .gallery-image {padding-bottom:38%;aspect-ratio:100 / 38;}
}

/*=======================================================
  25. Detail
========================================================*/

.account-page {
  background: #F9FAFE;
  padding-bottom: 1.5rem;
}

@media only screen and (min-width: 900px) {
  .account-page_container {
    display:flex;
    gap:1.875rem;
    align-items: stretch;
  }

  .account-sidebar {
    flex: 0 0 18rem;
  }

  .account-page__content {
    flex: 1;
    min-width: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .detail .container {display:flex;flex-direction:row;gap:1.875rem;}
  .detail .col-left {width:30rem;}
  .detail .col-right {width:calc(100% - 30rem);}
  .detail .col-left-1 {width:calc(100% - 31.25rem);}
  .detail .col-right-1 {width:31.25rem;}
  .detail .dk-hidden {display:none;}
}

@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .detail .container {display:flex;flex-direction:row;gap:1.875rem;}
  .detail .col-left {width:25rem;}
  .detail .col-right {width:calc(100% - 25rem);}
  .detail .col-left-1 {width:calc(100% - 25rem);}
  .detail .col-right-1 {width:25rem;}
  .detail .dk-hidden {display:none;}
}

@media only screen and (min-width: 900px) {
  .detail {margin:1.5rem 0 3rem 0;}
  .detail-mg {margin-top:3rem;}
}

@media only screen and (max-width: 899px) {
  .detail {margin-bottom:.9375rem;}
  .detail-swap .container {display:flex;flex-direction:column;}
  .detail-swap .col-left-1 {order:2;}
  .detail-swap .col-right-1 {order:1;}

  .detail .mb-hidden {display:none;}
}

.info-panel .sections .section:not(:last-child) {border-bottom:1px solid var(--color-gray-100);padding-bottom:1.5rem;}
.info-panel h1 {font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:1rem 0 .5rem 0;}
.info-panel h2 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin-top:.938rem;}
.info-panel h2 .directions {color:var(--color-blue);font-size:var(--font-size-md);float:right;}
.info-panel .address {font-size:var(--font-size-md);color:var(--color-neutral-gray);}
.info-panel .features {color:#54595f;font-size:var(--font-size-md);line-height:var(--font-size-md);display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;}
.info-panel .features li {display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;}
.info-panel .tee-details-options table {font-size:var(--font-size-md);width:100%;border-collapse:separate;border-spacing:0;text-align:center;border:1px solid var(--color-gray-100);border-radius:.625rem;overflow:hidden;}
.info-panel .tee-details-options table th {background:var(--color-blue);color:var(--color-white);font-weight:var(--font-weight-semibold);text-transform:uppercase;padding:.5rem;}
.info-panel .tee-details-options table td {padding:.5rem;}
.info-panel .tee-details-options table tr:nth-child(2n-1) {background:#f6f6f6;}
.info-panel #course_map {height:18rem;}

@media only screen and (min-width: 900px) {
 .info-panel .desc .read-more {display:none;}
}

@media only screen and (max-width: 899px) {
  .info-panel .desc-options {border-bottom:none !important;padding-bottom:.5rem !important;}
  .info-panel .desc {margin-top:1rem;display:flex;flex-direction:row;justify-content:space-between;}
  .info-panel .desc span {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 5rem);}
  .info-panel .desc span.selected {display:inline;width:100% !important;}
  .info-panel .desc a {color:var(--color-blue);}
  .info-panel .detail-options {display:flex;flex-direction:row;gap:1rem;color:var(--color-blue);}
  .info-panel .detail-options > div {display:flex;gap:.25rem;align-items:center;cursor:pointer;}
  .info-panel .detail-options > div img {transition:all .25s ease;}
  .info-panel .features-options,
  .info-panel .tee-details-options {display:none;padding-top:1.5rem;}
  .info-panel .features-options.selected,
  .info-panel .tee-details-options.selected {display:block;}
}

#teetime-list h2 {font-size:1.25rem;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:.4rem;margin: 1rem 0;line-height: 1.4;}
#teetime-list h2.name-hot-deal {color:var(--color-red);}
#teetime-list h2 img {height:1.25rem;flex-shrink:0;}
#teetime-list .day-picker {font-size:.875rem;font-weight:var(--font-weight-semibold);display:grid;grid-template-columns:.75fr 2fr .75fr;border:1px solid var(--color-gray-100);align-content:center;text-align:center;border-radius:var(--radius-md);margin:1rem 0;cursor:pointer;}
#teetime-list .day-picker img {height:.875rem;}
#teetime-list .day-picker li:first-child {border-right:1px solid var(--color-gray-100);}
#teetime-list .day-picker li:nth-child(2) {background:#f5f5f5;}
#teetime-list .day-picker li:last-child {border-left:1px solid var(--color-gray-100);}
#teetime-list .day-picker li div {padding:.25rem 0;}
#teetime-list .section ul li .time {background:var(--color-blue);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-white);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);display:flex;justify-content:center;padding:.15rem 0;}
#teetime-list .section ul li.hot-deal .time {background:var(--color-red);}
#teetime-list .section ul li .prices {min-height:3rem;border-left:1px solid var(--color-gray-100);border-right:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);}
#teetime-list .section ul li .prices.sold {background:#e9e9e9;color:var(--color-text);font-weight:var(--font-weight-bold);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
#teetime-list .section ul li .price-now {color:var(--color-text);font-weight:var(--font-weight-semibold);text-align:center;line-height:normal;padding-top:.5rem;}
#teetime-list .section ul li .price-now span:last-child {font-size:var(--font-size-xs);}
#teetime-list .section ul li .price-old {color:var(--color-gray-300);text-align:center;line-height:var(--font-size-xs);margin-bottom:.4rem;}
#teetime-list .section ul li .course {color:var(--color-text);text-align:center;margin-bottom:.4rem;line-height:var(--font-size-xs);}
#teetime-list .section ul li .info {color:var(--color-text);margin-bottom:.4rem;line-height:var(--font-size-xs);display:flex;flex-wrap:wrap;justify-content:space-around;}
#teetime-list .section ul li .info div {display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;}

@media only screen and (min-width: 1100px) {
  #teetime-list .section ul {display:grid;grid-template-columns:repeat(5, 1fr)}
}

@media only screen and (min-width: 900px) and (max-width: 1099px) {
  #teetime-list .section ul {display:grid;grid-template-columns:repeat(4, 1fr);}
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
  #teetime-list .section ul {display:grid;grid-template-columns:repeat(5, 1fr);}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  #teetime-list .section ul {display:grid;grid-template-columns:repeat(4, 1fr);}
}

@media only screen and (max-width: 599px) {
  #teetime-list .section ul {display:grid;grid-template-columns:repeat(3, 1fr);}
}

@media only screen and (min-width: 420px) {
  #teetime-list .section ul {gap:.938rem;}
  #teetime-list .section ul .price-old {font-size:var(--font-size-xs);}
  #teetime-list .section ul li .course {font-size:.75rem;line-height:.875rem;}
  #teetime-list .section ul li .info {font-size:.75rem;}
}

@media only screen and (min-width: 360px) and (max-width: 419px) {
  #teetime-list .section ul {gap:.938rem;}
  #teetime-list .section ul .price-now {font-size:var(--font-size-base);}
  #teetime-list .section ul .price-old {font-size:var(--font-size-xs);}
  #teetime-list .section ul li .course {font-size:var(--font-size-xs);}
  #teetime-list .section ul li .info {font-size:var(--font-size-xs);}
}

@media only screen and (max-width: 359px) {
  #teetime-list .section ul {gap:.5rem;}
  #teetime-list .section ul .price-now {font-size:var(--font-size-sm);}
  #teetime-list .section ul .price-old {font-size:var(--font-size-xs);}
  #teetime-list .section ul li .course {font-size:var(--font-size-xs);}
  #teetime-list .section ul li .info {font-size:var(--font-size-xs);}
}

#teetime_booking_info {padding:.9375rem;}
#teetime_booking_info h2 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin-bottom:.938rem;}
#teetime_booking_info h3 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin:1rem 0 .5rem 0;}
#teetime_booking_info .sections > li:not(:last-child) {border-bottom:1px solid var(--color-gray-100);padding-bottom:1.5rem;}

#teetime_booking_info .booking-info {display:flex;flex-direction:row;justify-content:space-between;margin-top:.938rem;}
#teetime_booking_info .booking-info > div {display:flex;flex-direction:column;}
#teetime_booking_info .booking-info > div:nth-child(2) {text-align:center;}
#teetime_booking_info .booking-info__labels {font-size:.875rem;font-weight:var(--font-weight-regular);}
#teetime_booking_info .booking-info__values {color:var(--color-red);font-size:1.05rem;font-weight:var(--font-weight-bold);}

#teetime_booking_info .numbers {display:flex;flex-direction:row;gap:.9375rem;}
#teetime_booking_info .numbers input[type="radio"] {appearance:none;display:none;}
#teetime_booking_info .numbers label {width:100%;text-align:center;font-weight:var(--font-weight-semibold);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.4rem 0;cursor:pointer;}
#teetime_booking_info .numbers input[type="radio"]:checked + label {background-color:var(--color-blue);border:1px solid var(--color-blue);color:var(--color-white);}
#teetime_booking_info .numbers input[type="radio"] + label.disabled{opacity: 0.3;}

#teetime_booking_info .golfers-list li > span:last-child {font-weight:var(--font-weight-medium);}
#teetime_booking_info .total .voucher {color:var(--color-gray-300);}
#teetime_booking_info .total > li:last-child {font-weight:var(--font-weight-semibold);border-top:1px solid var(--color-gray-100);padding-top:1rem;margin-top:1rem;}
#teetime_booking_info .total > li:last-child > span:last-child {color:var(--color-red);font-size:1.2rem;}
@media only screen and (max-width: 899px) {
  #teetime_booking_info {margin-top:1.5rem;}
}
@media only screen and (min-width: 400px) {
  #teetime_booking_info .total li {display:flex;flex-direction:row;justify-content:space-between;}
  #teetime_booking_info .golfers-list li {display:flex;flex-direction:row;justify-content:space-between;}
}

@media only screen and (max-width: 399px) {
  #teetime_booking_info .total li {display:flex;flex-direction:column;margin-bottom:.5rem;}
}

.guest-information {padding:.9375rem;}
.guest-information h3 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin-bottom:1rem;}
.guest-information .hidden {display:none;}
.guest-information input[type=text] {margin:.5rem 0;width:100%;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.75rem 1rem;}

.voucher-information {padding:.9375rem;margin:.5rem 0;display:flex;flex-direction:row;justify-content:space-between;}
.voucher-information div {display:flex;gap:.5rem;align-items:center;}
.voucher-information .voucher-card-input {color:var(--color-gray-300);cursor:pointer;}
.voucher-information .voucher-card-input img {height:.75rem;}

.payment-information {padding:.9375rem;}
.payment-information .payment-notice {color:var(--color-red);font-size:.875rem;}
.payment-information h3 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin-bottom:.5rem;}
.payment-information ul li {display:flex;flex-direction:row;justify-content:space-between;}
.payment-information ul li.voucher .text, .payment-information ul li.surcharge .text{color: var(--color-red);}
.payment-information ul li.total {font-weight:var(--font-weight-semibold);border-top:1px solid var(--color-gray-100);padding-top:1rem;margin-top:1rem;}
.payment-information ul li.total span:last-child {color:var(--color-red);font-size:1.2rem;}
.payment-information a {font-size:.875rem;background:var(--color-blue);border:1px solid var(--color-blue);color:var(--color-white);text-transform:uppercase;border-radius:var(--radius-md);padding:.5rem 1rem;display:flex;justify-content:center;margin-top:1rem;}
.payment-information a:hover {background:var(--color-red);border:1px solid var(--color-red);}
@media only screen and (min-width: 900px) {
  .payment-information .booking-button-wrapper .booking-button-title {display:none;}
}
@media only screen and (max-width: 899px) {
  .payment-information .booking-button-wrapper {background:var(--color-white);box-shadow:0 -4px 10px 0 rgba(178, 178, 178, 0.27);position:fixed;left:0;right:0;bottom:0;padding:.938rem;z-index:9995;display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:space-between;}
  .payment-information .booking-button-wrapper button {background:var(--color-red);border:1px solid var(--color-red);padding-left:.938rem;padding-right:.938rem;margin-top:0;}
  .payment-information .booking-button-wrapper .booking-button-title {font-weight:var(--font-weight-semibold);}
}

.notification {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:1rem;}
.notification > div {display:flex;align-items:center;gap:.5rem;}
.notification a {color:var(--color-text);font-weight:var(--font-weight-semibold);}
.notification a:hover {color:var(--color-blue);}
.notification img {height:1.5rem;}

@media only screen and (min-width: 900px) {
  .notification {padding:1.4rem;}
}
@media only screen and (max-width: 899px) {
  .notification {padding:1rem;}
}

.notification-1 {background:#f5f5f5;border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;}
.notification-1 a {color:var(--color-blue);}

.contact-information h3 {margin-bottom:1rem;}
.contact-information a {color:var(--color-blue);}
.contact-information li {margin-bottom:.75rem;}
.contact-information li span {color:var(--color-red);margin-left:.2rem;}
.contact-information li > div {width:100%;}

.contact-information .booking-terms {position:relative;}
.contact-information .booking-terms input[type=checkbox] {padding:0;height:initial;width:initial;margin-bottom:0;cursor:pointer;position:absolute;top:7px;left:5px;z-index:-1;}
.contact-information label[for=notice] {position: relative;cursor: pointer;}
.contact-information label[for=notice]:before {background:var(--color-white);content:'';-webkit-appearance: none;background-color: transparent;border: 1px solid var(--color-gray-100);border-radius:.25rem;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;}
.contact-information .booking-terms input[type=checkbox]:checked + label[for=notice]:after {content: '';display: block;position: absolute;top: 3px;left: 8px;width: 6px;height: 14px;border: solid var(--color-blue);border-width: 0 2px 2px 0;transform: rotate(45deg);}

.contact-information .payment-methods {display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;}
.contact-information .payment-methods input[type="radio"] {appearance:none;display:none;}
.contact-information .payment-methods label {border:1px solid var(--color-gray-100);border-radius:1.5rem;padding:.5rem .7rem;cursor:pointer;}
.contact-information .payment-methods input[type="radio"]:checked + label {background-color:var(--color-black);border:1px solid var(--color-black);color:var(--color-white);}

.contact-information .bank-selection {display:none;margin:1rem 0;}
.contact-information .bank-selection.selected {display:block;}
.contact-information .bank-selection input[type="radio"] {appearance:none;display:none;}
.contact-information .bank-selection label {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.contact-information .bank-selection label img {max-width:60px;width:100%;}
.contact-information .bank-selection input[type="radio"]:checked + label {border:1px solid var(--color-blue);}

.contact-information .bank-selection .transfer-section__content {font-size:.8rem;}
.contact-information .bank-selection .transfer-method {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.625rem;}
.contact-information .bank-selection .transfer-method--qr {text-align:center;}
.contact-information .bank-selection .transfer-method .transfer-method__description {color:#595959;}
.contact-information .bank-selection .transfer-method .transfer-method__qr-image {width:100%;max-width:12.5rem;padding:1rem 0;}
.contact-information .bank-selection .transfer-method .transfer-info__copy-btn {background:none;border:none;cursor:pointer;}
.contact-information .bank-selection .transfer-method .transfer-info__value {font-weight:var(--font-weight-semibold);}
.contact-information .bank-selection .transfer-method .transfer-info__value--price {color:var(--color-red);font-size:1rem;font-weight:var(--font-weight-bold);}
.contact-information .bank-selection .transfer-method .transfer-method__note {color:var(--color-red);}
.contact-information .bank-selection .transfer-method .transfer-info__row {display:flex;flex-direction:row;margin:.5rem 0;}
.contact-information .bank-selection .transfer-method .transfer-info__row span {flex:1;}
.contact-information .bank-selection .transfer-method .transfer-info__row .transfer-info__value {display:flex;flex-direction:row;align-items:center;justify-content:right;text-align:right;}

.contact-information .billing-note {color:#54595f;}

@media only screen and (min-width: 1100px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(6, 1fr);gap:.5rem;}
}

@media only screen and (min-width: 950px) and (max-width: 1099px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(5, 1fr);gap:.5rem;}
}

@media only screen and (min-width: 900px) and (max-width: 949px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(4, 1fr);gap:.5rem;}
}

@media only screen and (min-width: 700px) and (max-width: 899px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(6, 1fr);gap:.5rem;}
}

@media only screen and (min-width: 550px) and (max-width: 699px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(5, 1fr);gap:.5rem;}
}

@media only screen and (min-width: 450px) and (max-width: 549px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(4, 1fr);gap:.5rem;}
}

@media only screen and (max-width: 449px) {
  .contact-information .bank-selection .bank-items {display:grid;grid-template-columns: repeat(3, 1fr);gap:.5rem;}
}

@media only screen and (min-width: 600px) {
  .contact-information li {display:flex;flex-direction:row;gap:.5rem;}
  .contact-information .bank-selection .transfer-section__content {display:flex;flex-direction:row;gap:.625rem;}
  .contact-information .bank-selection .transfer-method:first-child {flex:.9;}
  .contact-information .bank-selection .transfer-method:last-child {flex:1.1;}
}
@media only screen and (max-width: 599px) {
  .contact-information li {display:flex;flex-direction:column;gap:.75rem;}

  .contact-information .bank-selection .transfer-section__content {display:flex;flex-direction:column;gap:.625rem;}
}

/*=======================================================
  26. Login
========================================================*/

#modal-login input[type=tel] {background:url('../images/ic-phone-number.svg') no-repeat left 0.75rem center / 16px 16px;padding:.75rem 1rem .75rem 2.2rem;transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;outline:none;will-change:transform, box-shadow;}

#modal-login .otp_method label {font-weight:var(--font-weight-semibold);padding:.75rem 1rem;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;transition:all .2s ease;user-select:none;transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;}
#modal-login .otp_method label:hover {transform:translateY(-1px);}
#modal-login .otp_method label:active {transform:scale(0.97);}
#modal-login .otp_method input[type="radio"]:checked + label {background-color:var(--color-baby-blue);border-color:var(--color-baby-blue);color:var(--color-blue);box-shadow:0 4px 10px rgba(0,0,0,0.05);}

/*=======================================================
  27. Verification OTP
========================================================*/

#modal-otp .otp-input-group {display:flex;flex-direction:row;gap:.5rem;}
#modal-otp input[type=text] {color:var(--color-blue);font-size:1.5rem;font-weight:var(--font-weight-bold);text-align:center;}
#modal-otp .resend-link {color:var(--color-blue);}
#modal-otp .resend-link:hover {color:var(--color-black);}
#modal-otp .resend-link.disabled {color:var(--color-gray-300);pointer-events:none;text-decoration:none;cursor:default;}

/*=======================================================
  28. Profile
========================================================*/

.account-sidebar {
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: 0px 8px 30px 0px #0F172A0A;
  overflow: hidden;
}
.account-sidebar__header {
  padding: 1.5rem;
}
.account-sidebar__avatar {
  display: flex;
  justify-content: center;
}
.account-sidebar__avatar-wrapper {
  position: relative;
}
.account-sidebar__avatar-frame {
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 50%;

  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.account-sidebar__avatar-frame.is-signature {
  padding: 3.75px;
  background: linear-gradient(
    90deg,
    #B07515 0.62%,
    #E1BA60 9.96%,
    #F5D77F 14.46%,
    #FFFFD7 26.17%,
    #F5D77F 36.27%,
    #F5D77F 61.28%,
    #FFFFD7 73.52%,
    #F5D77F 83.63%,
    #B07515 99.59%
  );
}
.account-sidebar__avatar-frame img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  background: var(--color-white);
}
.account-sidebar__avatar-button {
  background: linear-gradient(270deg, #0063E1 0%, #033C8A 100%);
  border: none;
  border-radius: 50%;
  width: 2.637rem;
  height: 2.637rem;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
}
.account-sidebar__avatar-button img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}
.account-sidebar__avatar-input {
  display: none;
}
.account-sidebar__profile {
  text-align: center;
  margin-top: 1.5rem;
}
.account-sidebar__greeting {
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;

  margin-bottom: 1rem;
}
.account-sidebar__membership {
  background: linear-gradient(270deg, #2377E0 0%, #134A9E 100%);
  color:var(--color-white);
  font-size: .8rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 1.875rem;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 .75rem;
}
.account-sidebar__membership.is-signature {
  color: #925C1D;
  border: 1px solid transparent;
  border-radius: 1.875rem;

  background:
    linear-gradient(
      97.95deg,
      #E0B965 4.43%,
      #FFEE94 25.2%,
      #D7B15E 42.16%,
      #FFD682 57.84%,
      #FFF5B6 74.8%,
      #E0B965 95.57%
    ) padding-box,

    linear-gradient(
      283.18deg,
      #DCA82E 0%,
      #FBE987 50.4%,
      #DCA82E 100%
    ) border-box;
}
.account-sidebar__navigation {
  border-top: 1px solid var(--color-gray-25);
  padding-block: .9375rem;
}
.account-sidebar__menu {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;

  margin: 0;
  padding: 0 .9375rem;

  list-style: none;
}
.account-sidebar__menu-item {
  min-width: 0;
}
.account-sidebar__menu-link {
  color:rgba(0, 0, 0, .5);
  border-radius: var(--radius-md);

  font-weight: var(--font-weight-regular);

  display: flex;
  align-items: center;
  gap: .9375rem;

  padding: .75rem .9375rem;
}
.account-sidebar__menu-link:hover,
.account-sidebar__menu-link.is-active {
  color:var(--color-blue);
}
.account-sidebar__menu-link.is-active {
  background: #f7faff;
  font-weight: var(--font-weight-semibold);
}
.account-sidebar__menu-icon {
  width: 1.25rem;
  height: 1.25rem;

  flex-shrink: 0;
  object-fit: contain;

  opacity: 0.5;

  transition:
    opacity 180ms ease,
    filter 180ms ease;
}
.account-sidebar__menu-link:hover .account-sidebar__menu-icon,
.account-sidebar__menu-link.is-active .account-sidebar__menu-icon {
  opacity: 1;

  filter:
    brightness(0)
    saturate(100%)
    invert(18%)
    sepia(93%)
    saturate(2946%)
    hue-rotate(209deg)
    brightness(94%)
    contrast(101%);
}

@media only screen and (max-width: 899px) {
  .account-sidebar {display:none;}
}

.user-card {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:.625rem;margin-bottom:1.5rem;display:flex;flex-direction:row;gap:.625rem;align-items:center;}
.user-card .user-card__avatar {width:3rem;height:3rem;border-radius:50%;overflow:hidden;position:relative;}
.user-card .user-card__avatar img {width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;}
.user-card .user-card__details {display:flex;flex-direction:column;width:calc(100% - 3.75rem);}
.user-card .user-card__details .user-card__greeting {font-weight:var(--font-weight-semibold);}
.user-card .user-card__details .user-card__greeting,
.user-card .user-card__details .user-card__email {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

.account-settings {
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: 0px 8px 30px 0px #0F172A0A;

  padding: 1.5rem;
}
.account-settings__list {
  margin-top: 1.5rem;
}
.account-settings ul li:not(:last-child) {margin-bottom:1rem;}

.account-settings__item--split {
  display: grid;
  gap: 1rem;
}

@media only screen and (min-width: 600px) {
  .account-settings__item--split {
    grid-template-columns: repeat(2, 1fr);
  }
}

.history-booking {
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: 0px 8px 30px 0px #0F172A0A;

  padding: 1.5rem;
}
.history-booking > div {
  margin-top: 1.5rem;
}
.history-booking .booking-tabs ul {display:flex;flex-direction:row;margin-bottom:1.5rem;}
.history-booking .booking-tabs ul li {flex:1;border-bottom:1px solid var(--color-gray-100);padding:.5rem 0;}
.history-booking .booking-tabs ul li a {color:var(--color-text);display:flex;padding:0 .5rem;}
.history-booking .booking-tabs ul li:not(:last-child) a {border-right:1px solid var(--color-gray-100);}
.history-booking .booking-tabs ul li.selected {border-bottom:2px solid var(--color-blue);}
.history-booking .booking-tabs ul li.selected a {color:var(--color-blue);}
.history-booking .booking-list .booking-item {padding:1rem 0;}
.history-booking .booking-list .booking-item:not(:last-child) {border-bottom:1px solid var(--color-gray-100);}
.history-booking .booking-list .booking-item .booking-info .booking-meta {font-size:.75rem;}
.history-booking .booking-list .booking-item .booking-info .booking-meta a {color:var(--color-blue);}
.history-booking .booking-list .booking-item .booking-info h3 {color:var(--color-black);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1rem;}
.history-booking .booking-list .booking-item .booking-info .price {color:var(--color-red);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);}
.history-booking .booking-list .booking-item .booking-status {font-size:.75rem;}
.history-booking .booking-list .booking-item .booking-status.pending {color:var(--color-red);}
.history-booking .booking-list .booking-item .booking-status.success {color:var(--color-blue);}
.history-booking .booking-list .booking-item .booking-info .booking-meta{color: var(--color-blue);}

@media only screen and (min-width: 600px) {
  .history-booking .booking-list .booking-item a{display: flex;gap: 1rem;align-items: center;}
  .history-booking .booking-list .booking-item .booking-info {flex:1;}
}

@media only screen and (min-width: 350px) and (max-width: 599px) {
  .history-booking .booking-list .booking-item a {display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 1rem;}
  .history-booking .booking-list .booking-item .booking-status {grid-column:2;grid-row:2;}
}

@media only screen and (min-width: 350px) {
  .history-booking .booking-list .booking-item .gallery-image-thumbnail {width:6.25rem;}
}

@media only screen and (max-width: 349px) {
  .history-booking .booking-list .booking-item {display:flex;flex-direction:column;}
  .history-booking .booking-list .booking-item .gallery-image-thumbnail {margin-bottom:.5rem;}
}

.round-history h1 {font-size:1.5rem;font-weight:var(--font-weight-semibold);}
.round-history > div:first-child {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}
.round-history > div:last-child {width:100%;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:1.5rem;}
.round-history .golf-history .golf-round:not(:last-child) {border-bottom:1px solid var(--color-gray-100);padding-bottom:1rem;margin-bottom:1rem;}
.round-history .golf-history .golf-round .golf-round__info h3 {color:var(--color-black);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.round-history .golf-history .golf-round .golf-round__info h3 span {color:var(--color-blue);}
.round-history .golf-history .golf-round .golf-round__info .golf-round__datetime {font-size:.75rem;}
.round-history .golf-history .golf-round .golf-round__info .golf-round__details {font-size:.75rem;display:flex;flex-direction:row;gap:.5rem;}
.round-history .golf-history .golf-round .golf-round__info .golf-round__details .golf-round__tee {display:flex;flex-direction:row;align-items:center;gap:.25rem;}
.round-history .golf-history .golf-round .golf-round__info .golf-round__details .golf-round__tee span {width:.75rem;height:.625rem;display:flex;border:1px solid var(--color-gray-100);}
.round-history .golf-history .golf-round .golf-round__score .golf-round__gross-net {font-size:.75rem;text-align:right;}
.round-history .golf-history .golf-round .golf-round__score .golf-round__summary {display:flex;flex-direction:row;align-items:center;justify-content:center;}
.round-history .golf-history .golf-round .golf-round__score .golf-round__summary .golf-round__handicap {line-height:1.3rem;font-size:1.25rem;border-left:1px solid var(--color-black);border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;}
.round-history .golf-history .golf-round .golf-round__score .golf-round__summary .golf-round__handicap span {font-size:.5rem;line-height:.5rem;}
.round-history .golf-history .golf-round .golf-round__score .golf-round__summary .golf-round__over {line-height:1.3rem;font-size:1.25rem;background:var(--color-blue);border:1px solid var(--color-blue);color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;}
.round-history .golf-history .golf-round .golf-round__score .golf-round__summary .golf-round__over span {font-size:.5rem;line-height:.5rem;}
.round-history .golf-history .golf-round .golf-round__score .golf-round__summary .golf-round__over-red {background:var(--color-red);border:1px solid var(--color-red);}

@media only screen and (min-width: 400px) {
  .round-history .golf-history .golf-round {display:flex;flex-direction:row;justify-content:space-between;}
}

@media only screen and (max-width: 399px) {
  .round-history .golf-history .golf-round {display:flex;flex-direction:column;}
  .round-history .golf-history .golf-round .golf-round__score {display:flex;flex-direction:column;align-items:flex-start;}
}

.booking-confirm .container {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:1rem;}
.booking-confirm h3 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin-bottom:.625rem;}
.booking-confirm .booking-confirm__header {display:grid;grid-template-columns:1fr max-content;align-items:center;}
.booking-confirm .booking-confirm__id span {color:var(--color-blue);font-weight:var(--font-weight-medium);}
.booking-confirm .booking-confirm__vat {font-size:.875rem;color:var(--color-gray-300);}
.booking-confirm .booking-confirm__vat a {color: var(--color-blue);}

.booking-confirm .booking-confirm__section {border-top:1px solid var(--color-gray-100);padding-top:1rem;margin-top:1rem;}

.booking-confirm .order-items .info-panel {display:flex;flex-direction:row;align-items:center;gap:.625rem;}
.booking-confirm .order-items .gallery-image-thumbnail {width:6.25rem;}
.booking-confirm .order-items .order-items__name {font-weight:var(--font-weight-semibold);}
.booking-confirm .order-items .order-items__address {font-size:.75rem;color:rgba(0,0,0,.5);}
.booking-confirm .booker-info .booker-info__list li {display:flex;flex-direction: column;}
.booking-confirm .booker-info .booker-info__list span {font-size:.875rem;color:rgba(0,0,0,.7);}
.booking-confirm .tee-times .tee-times__item {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:1rem;}
.booking-confirm .tee-times .tee-times__item:not(:last-child) {margin-bottom:1rem;}
.booking-confirm .tee-times .tee-times__item .tee-times__item-header {border-bottom:1px solid var(--color-gray-100);padding-bottom:.625rem;margin-bottom:.625rem;}
.booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__info > div {display:flex;flex-direction:column;}
.booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__info span {font-size:.875rem;color:rgba(0,0,0,.7);}
.booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__golfers > div {display:flex;flex-direction:row;justify-content:space-between;}
.booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__golfers span {font-size:.875rem;color:rgba(0,0,0,.7);}
.booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__golfers strong {font-size:.875rem;}
.booking-confirm .order-summary {background:#F0FAFF;border-radius:var(--radius-md);margin:1rem 0;padding:1rem;}
.booking-confirm .order-summary .pay-at-course {color:var(--color-red);font-size:.875rem;font-style:italic;text-align:right;}
.booking-confirm .order-summary .order-summary__row {font-size:.875rem;display:flex;flex-direction:row;justify-content:space-between;gap:.625rem;}
.booking-confirm .order-summary .order-summary__row .voucher {color:var(--color-gray-300);}
.booking-confirm .order-summary .order-summary__row.order-summary__row--paid {font-weight:var(--font-weight-semibold);border-top:1px solid var(--color-gray-100);padding-top:.625rem;margin-top:.625rem;}
.booking-confirm .order-summary .order-summary__row.order-summary__row--paid > div:first-child {display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;}
.booking-confirm .order-summary .order-summary__row.order-summary__row--paid img {height:.875rem;}
.booking-confirm .order-summary .order-summary__row.order-summary__row--paid .price {color:var(--color-red);font-size:1.2rem;}
.booking-confirm .package-info {font-size:.875rem;}
.booking-confirm .package-info .package-info__block:not(:last-child) {border-bottom:1px solid var(--color-gray-100);margin-bottom:.625rem;padding-bottom:.625rem;}

@media only screen and (min-width: 600px) {
  .booking-confirm {margin-bottom:3rem;}
  .booking-confirm .booker-info .booker-info__list {display:grid;grid-template-columns:1fr 1fr;gap:.625rem;}
  .booking-confirm .tee-times .tee-times__item .tee-times__item-header {display:flex;flex-direction:row;justify-content:space-between;gap:.625rem;}
  .booking-confirm .tee-times .tee-times__item .tee-times__details {display:grid;grid-template-columns:1fr 1fr;gap:.625rem;}
  .booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__info {border-right:1px dashed var(--color-gray-100);display:grid;grid-template-columns:1fr 1fr 1fr;gap:.625rem;}
}

@media only screen and (max-width: 599px) {
  .booking-confirm {margin:1.5rem 0;}
  .booking-confirm .booker-info .booker-info__list {display:flex;flex-direction:column;gap:.625rem;}
  .booking-confirm .tee-times .tee-times__item .tee-times__details .tee-times__info {border-bottom:1px dashed var(--color-gray-100);padding-bottom:.625rem;margin-bottom:.625rem;display:grid;grid-template-columns:1fr;gap:.625rem;}
}

@media only screen and (min-width: 900px) {
  .booking-terms-and-conditions-mb {display:none;}
}

@media only screen and (max-width: 899px) {
  .booking-terms-and-conditions-dk {display:none;}
  .booking-terms-and-conditions-mb {border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);padding:.938rem 0;}
  .booking-terms-and-conditions-mb h3 {font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-black);margin-bottom:.938rem;}
}

.osc-button-title {display:none !important;}
.osc-button {z-index:9994 !important;bottom:10px !important;right:15px !important;}

.contact-bg {text-align:center;background-position:center;-webkit-background-position:center;-moz-background-position:center;-o-background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-image:url('../images/bg-contact-us.webp');}
@media only screen and (min-width:768px) {
  .contact-bg {height:465px;}
}

@media only screen and (max-width:767px) {
  .contact-bg {height:300px;}
}

.contact .contact-info h3 {font-size:1rem;color:var(--color-black);font-weight:var(--font-weight-bold);margin-bottom:1rem;}
.contact .contact-info img {filter: brightness(0) saturate(100%) invert(17%) sepia(91%) saturate(2747%) hue-rotate(203deg) brightness(98%) contrast(101%);}
.contact .contact-info .address {display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem;}
.contact .contact-info .address a {color:var(--color-text);}
.contact #contact_form ul li {margin-bottom: 1rem;}
@media only screen and (min-width:768px) {
  .contact .cotact-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
}
@media only screen and (min-width:600px) {
  .contact {margin-bottom:3rem;}
}

@media only screen and (max-width:599px) {
  .contact {margin-bottom:1.876rem;}
}

.invoce-form-wrapper {height:calc(100vh - 10rem);overflow-y:auto;scrollbar-width:none;}
.invoce-form-wrapper::-webkit-scrollbar {display:none;}
.invoice-guidelines {background:#fef3f1;font-size:.75rem;margin-top:1.5rem;padding:.625rem;}
.invoice-guidelines h6 {font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--color-red);text-transform:uppercase;}
.invoice-guidelines ul {margin-left:.625rem;}
.invoice-guidelines li {list-style:disc;display:list-item;}

#modal-voucher h6 {color:var(--color-blue);text-transform:uppercase;font-size:1.1rem;font-weight:var(--font-weight-medium);margin-top:1.5rem;}
#modal-voucher .voucher-apply {color:#54595f;text-transform:uppercase;position:absolute;top:.5rem;right:1rem;}
#modal-voucher .voucher-label {display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;border:1px solid var(--color-gray-100);margin-bottom:.625rem;border-radius:var(--radius-md);}
#modal-voucher .voucher-label > div {padding:.625rem;}
#modal-voucher .voucher-label .voucher-image {border-right:1px dashed var(--color-gray-100);display:flex;align-items:center;}
#modal-voucher .voucher-label .voucher-custom {display:flex;align-items:center;}
#modal-voucher .voucher-label .voucher-title {font-weight:var(--font-weight-semibold);}
#modal-voucher .voucher-label .voucher-condition {font-size:.75rem;}
#modal-voucher .voucher-label .voucher-date {font-size:.75rem;color:var(--color-gray-300);}
#modal-voucher .voucher-label .radio-custom {width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease;}
#modal-voucher .voucher-label .radio-custom::after {content: "";width:.625rem;height:.625rem;background:var(--color-blue);border-radius:50%;transform:scale(0);transition:transform .2s ease;}
#modal-voucher .voucher-label .selected_voucher:checked + .radio-custom {border-color:var(--color-blue);}
#modal-voucher .voucher-label .selected_voucher:checked + .radio-custom::after {transform: scale(1);}

.css-voucher-list {height:20.2rem;overflow-y:auto;scrollbar-width:none;}

/*=======================================================
  29. G-point
========================================================*/

.gpoint {
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: 0px 8px 30px 0px #0F172A0A;

  padding: 1.5rem;
}

.gpoint .gpoint-card {
  background: url('../images/bg-blue.png') right / cover no-repeat;
  border-radius: var(--radius-md);
  color: var(--color-white);
  padding: 0.938rem;
  margin-bottom: 1.5rem;
}

.gpoint .gpoint-card.is-signature {
  background: url('../images/bg-yellow.png') right / cover no-repeat;
  color: #925C1D;
}

.gpoint .gpoint-card__info {
  display: inline-flex;
  align-items: baseline;
  gap:.5rem;
}

.gpoint .gpoint-card__amount {
  font-size: 2.375rem;
  font-weight: var(--font-weight-bold);
}

.gpoint .gpoint-card__label {
  font-size: var(--font-size-heading-sm);
  font-weight: var(--font-weight-semibold);

  cursor: pointer;
}

.gpoint .gpoint-card__icon {
  width: .938rem;
  height: .938rem;
  filter: brightness(0) invert(1);
  object-fit: contain;
  cursor: pointer;
}
.gpoint .gpoint-card.is-signature .gpoint-card__icon {
  filter: none;
}

.gpoint .gpoint-tabs__list {
  display: flex;
  border-bottom: 1px solid var(--color-gray-100);
}

.gpoint .gpoint-tabs__item {
  flex: 1;
  position: relative;
}

.gpoint .gpoint-tabs__item:not(:last-child) .gpoint-tabs__button {
  border-right: 1px solid var(--color-gray-100);
}

.gpoint .gpoint-tabs__button {
  width: 100%;
  border: 0;
  background: transparent;
  padding: .25rem 1rem;
  margin-bottom: .75rem;
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}

.gpoint .gpoint-tabs__button:hover {
  color: var(--color-blue);
}

.gpoint .gpoint-tabs__button.is-active {
  color: var(--color-blue);
  font-weight: var(--font-weight-semibold);
}

.gpoint .gpoint-tabs__button.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: var(--color-blue);
}

.gpoint .gpoint-tab-panel {
  display: none;
}

.gpoint .gpoint-tab-panel.is-active {
  display: block;
}

.gpoint .gpoint-history > .gpoint-history__item {
  padding: 1.5rem 0;
}

.gpoint .gpoint-history > .gpoint-history__item:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-100);
}

.gpoint-history__content {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}

.gpoint-history__info {
    flex: 1;
    min-width: 0;
}

.gpoint-history__summary {
    flex-shrink: 0;
    text-align: right;
}

.gpoint-history__title {
    color: var(--color-blue);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.gpoint-history__note-icon {
    width: 16px;
    height: 16px;
}

.gpoint-history__meta {
    font-size: var(--font-size-md);
    margin: 0;
}

.gpoint-history__course {
    font-weight: var(--font-weight-medium);
    margin: 0;
}

.gpoint-history__point {
    color: var(--color-blue);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

.gpoint-history__expiry {
    color: #9e9e9e;
    font-size: var(--font-size-md);
    margin: 0;
}

.gpoint .is_BURN,
.gpoint .is_REVERSAL {
  color: var(--color-red);
}

.gpoint-tooltip {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  height: 100vh;
  overflow-y: auto;

  width: min(100%, 430px);

  background: var(--color-white);
  box-shadow: 0 8px 30px rgb(15 23 42 / 4%);

  transform: translateX(100%);
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0.3s ease;
}

.gpoint-tooltip.is-active {
  transform: translateX(0);
  visibility: visible;
}

.gpoint-tooltip__header {
  background: linear-gradient(270deg, #0063E1 0%, #033C8A 100%);
  color: var(--color-white);

  text-align: center;

  padding: 1.5rem;
}

.gpoint-tooltip__title {
  font-size: var(--font-size-heading-sm);
  font-weight: var(--font-weight-semibold);

  margin-top: 0.938rem;
}

.gpoint-tooltip__description {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
}

.gpoint-tooltip__item {
  background: #F7FAFF;
  border: 1px solid #E7EEFC;

  padding: 0.938rem;
  margin: 0.938rem;
  border-radius: var(--radius-md);

  display: flex;
  align-items: center;
  gap: 0.938rem;
}

.gpoint-tooltip__icon-wrapper {
  background: #0053B61A;
  border-radius: 25.35px;

  padding: 0.938rem;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gpoint-tooltip__step {
  background: var(--color-blue);
  color: var(--color-white);
  border-radius: 50%;

  width: 20px;
  height: 20px;

  font-weight: var(--font-weight-medium);
  font-size: 12px;

  position: absolute;
  left: -10px;
  top: calc(50% - 10px);

  display: flex;
  align-items: center;
  justify-content: center;
}

.gpoint-tooltip__icon {
  width: 30px;
  height: 30px;

  object-fit: contain;
}

.gpoint-tooltip__item-title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-base);

  margin-bottom: 0.25rem;
}

.gpoint-tooltip__text {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-md);
}

.gpoint-tooltip__text ol {
  margin-left: 1rem;
}

.gpoint-tooltip__text ol li {
  list-style: disc;
  display: list-item;
}

.gpoint-tooltip__close-button {
  width: calc(100% - 1.875rem);
  margin: 0 0.938rem 0.938rem 0.938rem;

  cursor: pointer;
}

.gpoint-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.gpoint-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

/*=======================================================
  30. Membership
========================================================*/

.membership-card {
  background: var(--color-white);
  color: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: 0px 8px 30px 0px #0F172A0A;

  padding: 1.875rem;

  margin-bottom: 1.5rem;

  position: relative;
  overflow: hidden;

  isolation: isolate;
}

.membership-card::before {
  content: "";

  position: absolute;
  inset: 0.938rem;

  background:
    url('../images/ic-g.svg') no-repeat calc(100% - 0.75rem) calc(100% - 1rem),
    linear-gradient(
      270deg,
      #2377E0 0%,
      #134A9E 100%
    );

  background-size: contain;

  border-radius: var(--radius-md);

  z-index: -2;
}

.membership-card.is-signature {
  color: #925C1D;
}

.membership-card.is-signature::before {
  background:
    url('../images/ic-g-yellow.svg') no-repeat calc(100% - 0.75rem) calc(100% - 1rem),
    linear-gradient(
      115.21deg,
      #E0B965 5.47%,
      #FFEE94 25.77%,
      #D7B15E 42.34%,
      #FFD682 57.66%,
      #FFF5B6 74.23%,
      #E0B965 94.53%
    );
}

.membership-card.is-signature .membership-card__icon {
  filter: brightness(0)
            saturate(100%)
            invert(38%)
            sepia(53%)
            saturate(613%)
            hue-rotate(357deg)
            brightness(95%)
            contrast(88%);
}

.membership-card::after {
    content: "";

    position: absolute;
    top: -120px;
    right: -120px;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    border: 40px solid rgba(255,255,255,0.05);

    z-index: -1;
}

.membership-card__header {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.membership-card__expiry {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  margin-bottom: .25rem;
}

.membership-card__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-top: 1.25rem;
  flex-wrap: wrap;
}

.membership-card__item {
  flex: 1;
  min-width: 0;
}

.membership-card__item:last-child {
  text-align: right;
}

.membership-card__label {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
}
 
.membership-card__amount {
  font-size: 1.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.1;
  display: flex;
  align-items: center;
  gap: .3rem;
}
 
.membership-card__item:last-child .membership-card__amount {
  justify-content: flex-end;
}
 
.membership-card__icon {
  width: 1.1rem;
  height: 1.1rem;
  object-fit: contain;
  flex-shrink: 0;
}
 
.membership-card__progress {
  width: 100%;
  height: 6.45px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 999px;
  overflow: hidden;
  margin: 1.25rem 0 .875rem;
}
 
.membership-card__progress-bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #007AFF 0%, #5AC8FA 100%);
}
 
.membership-card__description {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  line-height: 1.55;
}
 
@media only screen and (max-width: 499px) {
  .membership-card__content {
    flex-direction: column;
    align-items: flex-start;
    gap: .875rem;
  }
 
  .membership-card__item:last-child {
    text-align: left;
  }
 
  .membership-card__item:last-child .membership-card__amount {
    justify-content: flex-start;
  }
 
  .membership-card__amount {
    font-size: 1.5rem;
  }
}