.button-primary {
  background: var(--color-blue);
  color: var(--color-white);
  border: 1px solid var(--color-blue);
  border-radius:var(--radius-md);

  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: .01rem;

  padding: .5rem .75rem;

  display: flex;
  justify-content: center;

  line-height: unset;

  cursor: pointer;
  transition: all 0.2s ease;
}

.button-primary:hover {
  background: var(--color-red);
  border: 1px solid var(--color-red);
}

.section-heading {
  color: var(--color-black);

  font-size: var(--font-size-heading-sm);
  font-weight: var(--font-weight-bold);

  line-height: 1.3;

  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.section-heading__icon {
  width: 1.5rem;
  height: 1.5rem;

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

.popup-heading {
  color: var(--color-black);

  font-size: var(--font-size-heading-sm);
  font-weight: var(--font-weight-semibold);

  text-transform: uppercase;

  line-height: 1.3;
}

.form-label {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text);

  transition: color 0.2s ease;
}

.form-label.required::after {
    content: "*";
    font-weight: var(--font-weight-bold);
    color: var(--color-red);
}

.form-input {
  width: 100%;

  color: var(--color-black);
  background-color: var(--color-white);

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

  border: 1px solid var(--color-gray-100);
  border-radius: var(--radius-md);

  -webkit-appearance: none;
  appearance: none;
  outline: none;

  padding: .75rem 1rem;

  margin-top: 0.5rem;

  transition: 
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.form-input::placeholder {
  transition:opacity .14s ease;
}

.form-input:focus::placeholder {
  opacity:0.5;
}

.form-input:hover {
  border-color: var(--color-gray-300);
}

.form-input:focus {
  border-color: var(--color-gray-300);
}

.form-input[readonly] {
  background: var(--color-gray-50);
  color: var(--color-neutral-gray);

  cursor: not-allowed;
  pointer-events: none;
}

.form-select {
  width: 100%;

  color: var(--color-black);
  background-color: var(--color-white);

  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);

  border: 1px solid var(--color-gray-100);
  border-radius: var(--radius-md);

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;

  padding: 0.75rem 2.5rem 0.75rem 1rem;

  margin-top: 0.5rem;

  cursor: pointer;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;

  background-image: url('../images/ic-arrow-down.svg');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 14px;
}

.form-select:hover {
  border-color: var(--color-gray-300);
}

.form-select:focus {
  border-color: var(--color-gray-300);
}

.disabled {pointer-events: none;cursor: not-allowed !important;}
.error-ajax{background-color:#ffedef;background-image:url('../images/ic-error.svg');background-size:1rem 1rem;background-position:.675rem center;background-repeat:no-repeat;color:var(--color-red);padding:.675rem .675rem .675rem 2rem;border-radius:var(--radius-md);margin:1rem 0;display:none;}
.success-ajax{background:#F0FAFF;background-image:url('../images/ic-check.svg');background-size:1rem 1rem;background-position:.675rem center;background-repeat:no-repeat;color:var(--color-blue);padding:.675rem .675rem .675rem 2rem;border-radius:var(--radius-md);margin:1rem 0;display:none;}
.loading, .loadings{display: none;margin: auto;border:2px solid none;border-radius:50%;border-top:2px solid #ccc;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.loading.submit, .loadings.load-icon, .loadings.items-icon, .loadings.items-icon-form{width: 16px;height: 16px;position: absolute;z-index: 100;left: 10px;}
.loadings.items-icon{border-top: 3px solid #d50000;width: 20px;height: 20px;display: block;}
.loadings.items-icon-form{border-top: 3px solid #d50000;width: 30px;height: 30px;display: block;}
form.login-form,form{position: relative;}
.loading-bg-height{min-height: 100px;position: relative;}
header .actions .user img{display: block;}
.resend_otp{position: relative;}
header .actions .language .current {cursor: pointer;}
.main-content{min-height: 250px;}
#body-content .details-news {min-height:40rem;margin-bottom:3rem;}
#body-content .details-news img{max-width:100% !important;height:auto !important;}
#body-content .details-news h3 {font-size:1.2rem;font-weight:700;margin:1rem 0;color:var(--color-black);}
#body-content .details-news figcaption {color:#666;font-size:.75rem;font-style:italic;text-align:center;}
#body-content .details-news .law {text-decoration:underline;font-style:italic;color:var(--color-blue);}

#page_not_found {text-align: center;}
#page_not_found h2 {background:linear-gradient(270deg, #2377E0 0%, #134A9E 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;margin:1rem 0;animation:zoomIn 1s ease-in both;}
#page_not_found h1 {font-weight:600;margin:0;}
#page_not_found div {margin-top:2rem;}
#page_not_found div a {background:#d50000;color: #FFF;outline:0;line-height:1.7;text-transform:uppercase;border-radius:1.875rem;padding:.4rem 1.25rem;}

@media only screen and (min-width: 600px) {
  #page_not_found {padding:2.5rem 0 7rem 0;}
  #page_not_found h1 {font-size:2rem;line-height:2rem;}
  #page_not_found h2 {font-size:12rem;line-height:12rem;}
}
@media only screen and (max-width: 599px) {
  #page_not_found {padding:2.5rem 0 6rem 0;}
  #page_not_found h1 {font-size:1.5rem;line-height:1.5rem;}
  #page_not_found h2 {font-size:7rem;line-height:8rem;}
}

.gallery-image span.agent.SUPPORT_BOOKING {background: var(--color-black);}
.gallery-image span.agent.DIRECT_BOOKING{background: var(--color-red);}
.search-detai{display: grid;}
.search-detai .search-left{display: grid;}
.load-list-teetime{position: relative;}
#teetime-list .day-picker{cursor: default;}
#teetime-list .day-picker .next,  #teetime-list .day-picker .prev{cursor: pointer;} 
#form-guests .numbers {display:flex;flex-direction:row;gap:.5rem;}
#form-guests .numbers input[type="radio"] {appearance:none;display:none;}
#form-guests .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:.5rem 0;cursor:pointer;}
#form-guests .numbers input[type="radio"]:checked + label {background-color:var(--color-blue);border:1px solid var(--color-blue);color:var(--color-white);}
#form-guests ul.sections{margin-bottom: 10px;}
.load-relative{position: relative;}
.load-relative i.items-icon{left: 50%;}
.payment-information button, button.btn, a.btn {margin-top:.75rem;width: 100%;}
.btn-white {background:var(--color-white) !important;color:var(--color-blue) !important;border:1px solid var(--color-blue) !important;}
button.btn.with-fix, a.btn.with-fix{max-width: 200px;}
.float-left{float: left;}
.float-right{float: right;}
.form-group-notification-bottom {text-align:center;display:flex;flex-direction:row;gap:.9375rem;}
.title.title-h2 {font-weight: var(--font-weight-semibold);margin-bottom: 1rem;}
#preloader{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;z-index:1;background:rgba(255,255,255,.75)}
.preloader{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;z-index:999;background:rgba(255,255,255,.75)}
#preloader i.loadings{top: calc(50% - 15px);left: calc(50% - 15px);}
#preloader.show{display: block;}
.detail  .refine-toggle-hot-deal{background: var(--color-blue);}
.detail  .refine-toggle-hot-deal.active, .detail .refine-toggle-hot-deal:hover{background: var(--color-red);}
.list-teetimes li.selected{display: block;}
header .actions .profile .options-list a{white-space: nowrap;}
header .menu .m-user > a.txt-logout:first-child::after {content:none}
.advanced-search-box .options input[type="radio"]:checked + label{pointer-events: none;cursor: not-allowed !important;}
.html-request-success{display: none;}
.text-h4-sign-up{display: none;}
.history-booking .booking-list .booking-item .booking-info h3 a{color: var(--color-black);}
.history-booking .booking-list{display: none;}
.history-booking .booking-list.selected{display: block;}
.btn-search-golf, .ajax-search-quick .load-input{position: relative;}
.ajax-search-quick .loadings{left: auto;border-top: 3px solid #d50000;width: 20px;height: 20px;display: block;display: none;right: 20px;top: 10px}
#search_box_1 .booking-form #header_search_autocomplete.show-data{display: none;}
#search_box_1 .search_box_1__suggestions-list{display: block;}
#search_box_1 #search{width: 100%;}

.stage-CANCELED{color:#666d7a;}
.stage-PENDING_CONFIRMATION{color:#d50000;}
.stage-COMPLETED, .stage-PAYMENT_CONFIRMATION{color: var(--color-blue);}
.stage-IN_PROGRESS{color:#2e7d32;}
.stage-PENDING_PAYMENT{color:#fe6800;}
.stage-order{background-color:#FFF4E2;border-radius:var(--radius-md);margin:1rem 0;padding:.675rem .675rem .675rem 2rem;background-image:url('../images/ic-time.svg');background-size:1rem 1rem;background-position:.675rem center;background-repeat:no-repeat;}
.stage-order.stage-PENDING_CONFIRMATION {background-color:#ffedef;background-image:url('../images/ic-error.svg');}
.stage-order.stage-CANCELED {background-color:#f4f4f4;background-image:url('../images/ic-x.svg');}
.stage-order.stage-IN_PROGRESS{background-color:#f4fbf5;background-image:url('../images/ic-progress.svg');}
.stage-order.stage-COMPLETED, .stage-order.stage-PAYMENT_CONFIRMATION{background-color:#eff6ff;background-image:url('../images/ic-check.svg');}
.stage-order.stage-success{padding: 1rem 1rem 1rem 2.5rem;margin: 0;background-size: 1.5rem 1.5rem;}
.section-title a{color: #222;}
#filter_calendar_teetime_select{display: none;}
.load-list-teetime #preloader i.loadings{top: 130px}
header .actions .language .options-list li a{align-items: center;display: flex;}
header .actions .language .options-list li figure{margin-right: 6px;}
#submit-btn button.btn-confirm, #submit-btn button.btn-pay{display: none;}
#submit-btn button.btn-confirm.selected, #submit-btn button.btn-pay.selected{display: inline-block;}
.info_due_date{color: var(--color-red);font-size: .8rem;}
.info-panel #course_map_mb {height: 18rem;}
.lap-hidden{display: none;}
.payment-information ul.total:nth-child(2n+1),.payment-information ul.total:nth-child(3n+1){margin-top: 15px;}
.info-image-fullcreen .info-clubs-title{padding-left: .9375rem;padding-right: .9375rem;}
.info-image-fullcreen .info-clubs-title div:last-child{border-bottom: 1px solid var(--color-gray-100);padding-bottom: 1.5rem;}
.notfound-teetime{text-align: center;line-height:1.8rem;}
.notfound-teetime a{color: var(--color-blue);}
#search-header-date-nav{cursor: pointer;display: block;}
#search-header-date-nav:hover #load-calendar-sidebar-right{display: none;}
#search-header-date-nav.vi:hover::before{content: "Chọn Ngày"}
#search-header-date-nav.en:hover::before{content: "Pick a Date"}
#search-header-date-nav.kr:hover::before{content: "날짜 선택"}
.payment-information .surcharge-items,.surcharge-items, .payment-information .surcharge{display: none;}
.payment-information .surcharge.show{display: flex;}
@media only screen and (min-width: 900px) {
  .add-to-cart {background:var(--color-red) !important;border:1px solid var(--color-red) !important;}
}
@media only screen and (max-width: 899px) {
  .lap-hidden{display: block;}
}
@media only screen and (max-width: 399px) {
    .col8 .col11{margin-top: 0;}
    #page_not_found h2{font-size: 6rem;}
    .load-list-teetime #preloader i.loadings{top: 30px;}
}