@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
========================================================*/
/*=======================================================
  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-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 {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;}
.pagination ul {display:flex;flex-direction:row;gap:.25rem;justify-content:center;}
.pagination ul li a {border:1px solid var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;}
.pagination ul li a.prev img,
.pagination ul li a.next img {height:.875rem;}
.pagination ul li a:hover {background:var(--color-red);border:1px solid var(--color-red);color:var(--color-white);}
.pagination ul li a:hover img {filter:brightness(0) saturate(100%) invert(87%) sepia(88%) saturate(1%) hue-rotate(267deg) brightness(110%) contrast(97%);}
.pagination ul li a.selected {background:var(--color-blue);border:1px solid var(--color-blue);color:var(--color-white);}

/*=======================================================
  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;}
}

@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);}
.advanced-search-box .sort select {background:url('../images/ic-arrow-down.svg') no-repeat right .5rem center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.625rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:7.5rem;}

@media only screen and (min-width: 1164px) {
  .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: 1163px) {
  .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
========================================================*/

@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 .col-left-2 {width:18rem;}
  .detail .col-right-2 {width:calc(100% - 18rem);}
  .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 .col-left-2 {width:18rem;}
  .detail .col-right-2 {width:calc(100% - 18rem);}
  .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
========================================================*/

.user-profile .avatar-section {display:flex;flex-direction:row;justify-content:center;}
.user-profile .avatar-section > div {position:relative;display:inline-block;}
.user-profile .avatar-section figure {width:10rem;height:10rem;border-radius:50%;overflow:hidden;position:relative;}
.user-profile .avatar-section figure img {width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;}
.user-profile .avatar-section .edit-avatar-btn {background:linear-gradient(270deg, #0063E1 0%, #033C8A 100%);border:none;border-radius:50%;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;cursor:pointer;}
.user-profile .avatar-section #avatar-input {display:none;}
.user-profile .greeting {font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--color-black);margin:1.5rem 0;overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.user-profile .user-navigation {padding:1.5rem 0;border-top:1px solid var(--color-gray-100);}
.user-profile .user-navigation li {margin-bottom:.5rem;}
.user-profile .user-navigation a {color:rgba(0, 0, 0, .5);}
.user-profile .user-navigation a:hover,
.user-profile .user-navigation a.selected {color:var(--color-blue);}

.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 > div {width:100%;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:1.5rem;margin-top:1.5rem;}
.account-settings ul li:not(:last-child) {margin-bottom:1rem;}
.account-settings label span {color:var(--color-red);}

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

@media only screen and (min-width: 600px) {
  .account-settings .n-columns {display:flex;flex-direction:row;gap:.5rem;}
  .account-settings .n-columns div {width:100%;}
}

@media only screen and (max-width: 599px) {
  .account-settings .n-columns {display:flex;flex-direction:column;gap:1rem;}
}

.history-booking h1 {font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;}
.history-booking > div {width:100%;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding: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;}