/*
Theme Name: Divi Child
Theme URI: https://yourwebsite.com
Description: Child theme for Divi
Author: Your Name
Author URI: https://yourwebsite.com
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}
.shake {
  animation: shake 0.3s ease;
}
.witcher-language {
    position: absolute;
    top: 70px;
z-index: 1000 ; 
    right: 20px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
#notification-booking-coach .et_pb_text_inner p{
font-family: Open Sans!important;
font-weight: 700!important;
font-size: 20px !important;
line-height: 32px!important;
text-align: center!important;
color: #2f2f2f!important;

}
button#show-next-btn:hover {
background-color: #E3B7A0 ;
color: #FFFFFF ;
}
.payment-options {
    display: flex;
    flex-direction: row;
    gap: 16px;
   
}
.payment-method-option-item {
width:100% ;
    display: flex;
    flex-direction: row;
    align-items: center;
background-color: #f5f5f7 ;
border-radius: 8px ;
padding:12px;
gap:1.7em ;
}
.payment-info-wrap .payment-method-option-item input.custom-checkbox {
width:30px !important;
}
.method-active {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}
.payment-method-option-item .visa-option_payment span {
font-family: Open Sans;
font-weight: 600;

font-size: 16px;
line-height: 24px;
color: #484848 ;

}
 .payment-method-option-item .swish-option_payment span {
font-family: Open Sans;
font-weight: 600;

font-size: 16px;
line-height: 24px;
color: #484848 ;

}
.visa-option_payment {
	
    display: flex;
    flex-direction: column;
    
}
.visa-option_payment img {
    width: 24px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    
}
.swish-option_payment{

    display: flex;
    flex-direction: column;
}
.swish-option_payment img {
    width: 24px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
   
}
.fc .fc-col-header-cell-cushion {
	display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 0;
  white-space: normal; 
}
.fc .fc-col-header-cell-cushion .fc-dow {
  font-size: 12px;
  line-height: 1;
}
.fc .fc-button-primary:disabled {
	background-color: #f5f5f7 !important;
    border: none!important;
    color: #848A95!important;
	
}
.fc .fc-col-header-cell-cushion .fc-daynum {
  font-weight: 600;
  line-height: 1.1;
}
.fc .fc-button-primary {
     background-color: #f5f5f7 ;
     border: none ; 
    color: #848A95;
}
.fc-today-button.fc-button.fc-button-primary {
display: none ;
}
.fc-toolbar-chunk h2.fc-toolbar-title {
padding : 0px ;
font-size:14px;
font-weight: 600 ;
}
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk h2.fc-toolbar-title {
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
gap: 4px ;
color : #2F2F2F ;

}
.fc-event-selected::after {
	content : none !important ;
}
.fc-scroller-harness div.fc-scroller {
overflow: hidden ;
}
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk h2.fc-toolbar-title .fc-week-label {
color: #7E818C ;
}
.fc-event.fc-event-start.fc-event-end.fc-event-future.fc-daygrid-event.fc-daygrid-dot-event.fc-event-selected {
color: #fff ; 
background: #E3B7A0 
}
#booking-calendar .fc-event-selected  .btn-time-slot {
	color: #fff ;
}
.fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
font-size:14px ; 
font-weight: 400 ; 
color: #2F2F2F ;
}
.welcome-page{
 transition: background-image 1s ease;
  background-size: cover;
  background-position: center;
}
.bg-wel-1{
   background: none;
}
.bubble-text-video {
z-index:9999999999999;
	font-family: 'Open Sans' ;

  position: absolute;
  bottom: 150px;   /* chỉnh khoảng cách cách bottom */
  left: 50px;     /* chỉnh khoảng cách cách left */
  color: #E3B7A0; /* màu text giống ảnh */
  font-size: 24px;
  line-height: 100%;
  max-width: 700px;
}
.bubble-text-video span {
  color: #E3B7A0; /* màu khác biệt cho email */
	text-decoration: underline;
  text-decoration-color: #E3B7A0;
}
.welcome-page {
  position: relative;
  overflow: hidden;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.bg-video-section {

  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.hidden {
  display: none;
}

.visible {
  display: block;
}
.bg-wel-2{
 background-image: url('https://borisgym.joosdigital.com/wp-content/uploads/2025/06/2.png');
background-size: cover;       
  background-position: center; 
  background-repeat: no-repeat; 
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-page-ancestor > a {
color : #E3B7A0 !important;
}
.error {
    border-color: #F34B61 !important;
}
.bg-banner-program {
  transition: background-image 1s ease;
  background-size: cover;
  background-position: center;
  padding: 78px ;
	height:400px;
}
.select2-selection__rendered.has-value {
  color: #000 !important; /* màu chữ khi đã chọn */
}
.bg-0 {
  background-image: url('https://borisgym.joosdigital.com/wp-content/uploads/2025/06/image-1.png');
background-size: cover;       /* Giúp ảnh phủ kín nhưng không bị vỡ */
  background-position: center;  /* Canh giữa ảnh */
  background-repeat: no-repeat; /* Không lặp lại */
     
}
.bg-2 {
  background-image: url('https://borisgym.joosdigital.com/wp-content/uploads/2025/10/image-3.png');
background-size: cover;       /* Giúp ảnh phủ kín nhưng không bị vỡ */
  background-position: center;  /* Canh giữa ảnh */
  background-repeat: no-repeat; /* Không lặp lại */
      
}
.bg-1 {
  background-image: url('https://borisgym.joosdigital.com/wp-content/uploads/2025/06/image-40.png');
background-size: cover;       /* Giúp ảnh phủ kín nhưng không bị vỡ */
  background-position: center;  /* Canh giữa ảnh */
  background-repeat: no-repeat; /* Không lặp lại */
      
}



#toast-error {
	font-size:14px;
  position: fixed;
  top: 7em;              /* ✅ Đặt ở top */
  left: 45%;
  transform: translateX(-50%) translateY(-20px);  /* ✅ Canh giữa và ẩn lên */
background: #FFF7F2;
    color: #E3B7A0;
border: 1px solid #E2B7A0;
  padding: 12px 16px;
  border-radius: 6px;
 font-weight: 400;

font-family: 'Open Sans';

  transition: all 0.3s ease;
  z-index: 9999;
  pointer-events: none;
}

.select2-container--default .select2-selection--single {
    padding: 12px;
    height: auto;
    min-height: 38px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #EDEDED
}
.time-slot.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
	background-color:#EDEDED;
}
.breadcrumb a{
color:#000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    font-size: 16px;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.selected_coach {
    cursor: pointer;
}

body {
    margin: 1;
    justify-content: center;
    align-items: center;
}

.error-message {
font-family: Open Sans;
font-weight: 400;

font-style: italic;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;

}
#arrow-toggle{
cursor:pointer;
}
#page-container {
    height: 100vh;
}
input::-webkit-input-placeholder {
font-family: 'Open Sans';

  font-size: 14px;
color:#C3C1C1 ;
}

input:-moz-placeholder {
  font-size: 14px;
font-family: 'Open Sans';
color:#C3C1C1 ;
}
.slider-indicator {
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.3); /* nền mờ */
  border-radius: 999px; /* bo tròn */
  width: fit-content;
  margin: auto;
 position: absolute;
  bottom: 20px; 
z-index : 100 ;
  left: 50%;
  transform: translateX(-50%);
}

.dot {
  width: 12px;
  height: 12px;
  background: #666;
  border-radius: 50%;
  transition: background 0.3s;
 display: inline-block;
	cursor: pointer;
}

.dot.active {
  background: #000;
}
input::-moz-placeholder {
font-size: 14px;
font-family: 'Open Sans';
color:#C3C1C1 ;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color:#c3c1c1;
}
input:-ms-input-placeholder {
  font-size: 14px;
font-family: 'Open Sans';
color:#C3C1C1 ;
}

.coaches-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.btn_viewDetail_program {
    display: flex;
    justify-content: flex-end
}

.coaches-headline {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.coach-box {
    flex: 0 1 calc(33.333% - 22px);
    border-radius: 8px;
    margin-bottom: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: calc(33.333% - 22px);
}

.coach-box img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
}

.coach-img {
    display: block;
    width: auto;


    object-fit: fill;
    border-radius: 5px;

}

.program-img {
    display: block;
    width: auto;
    height: auto;
    object-fit: fill;
    border-radius: 5px;
    margin-bottom: 8px;
}

.coach-img-placeholder {
    width: 100%;
    height: 180px;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}

.program-img-placeholder {
    width: 100%;
    height: 180px;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}

.coach-title {
    margin: 8px 0;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #484848;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Giới hạn số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ... nếu vượt quá */
    white-space: normal;
    /* Cho phép wrap theo dòng (kết hợp với line-clamp) */
    max-height: 1.4em;
}

.related-program-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Giới hạn số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ... nếu vượt quá */
    white-space: normal;
    /* Cho phép wrap theo dòng (kết hợp với line-clamp) */
    max-height: 1.6em;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;



}

.program-duration {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    vertical-align: middle;



}
input::placeholder {
  font-size: 14px;
font-family: 'Open Sans';
color:#C3C1C1 ;
}

.program-cost {
    font-family: Open Sans;
 	font-weight:600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    vertical-align: middle;

}

.program-image-payment img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.coach_row_title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Giới hạn số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ... nếu vượt quá */
    white-space: normal;
    /* Cho phép wrap theo dòng (kết hợp với line-clamp) */
    max-height: 1.7em;
}

.btnViewDetail {
    display: inline-block;
    padding: 14px;
    background: #FFF7F2;
    color: #E3B7A0;
    text-decoration: none;
    border: 1px solid #E3B7A0;
    border-radius: 32px;
    font-family: Open Sans; 
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    width: 100%;
    margin-top: 8px;
}

.btnViewDetail:hover,
.btnViewDetail:focus {
    background: #E3B7A0;
    color: #FFF7F2;
    border-color: #E3B7A0;
    transition: all 0.4s;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(227, 183, 160, 0.15);
}

@media (max-width: 900px) {
    .coach-box {
        flex: 0 1 calc(50% - 16px);
    }
}

@media (max-width:600px) {
    .coach-box {
        flex: 0 1 100%;
    }
}

.select-coach-sort {
    position: relative;
    display: inline-block;
}

.select-coach-sort:after {
    content: "▼";
    /* hoặc dùng hình ảnh background */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
}
.related-programs-slider-wrap {
width: -webkit-fill-available;
}
.coach-sort-select {
    width: 140px;
    margin-left: 8px;
    padding: 10px 12px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    color: #484848;
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.coach9-sort-wrap {
    position: relative;
    display: inline-block;
}

.coach9-sort-wrap:after {
    content: "▼";
    /* hoặc dùng hình ảnh background */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
}

.coach9-sort-select {
    width: 140px;
    margin-left: 8px;
    padding: 10px 12px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    color: #484848;
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.program-sort-wrap {
    position: relative;
    display: inline-block;
}

.program-sort-wrap:after {
    content: "▼";
    /* hoặc dùng hình ảnh background */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
}

.program-sort-select {
    width: 140px;
    margin-left: 8px;
    padding: 10px 12px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    color: #484848;
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}


.country-select-booking-wrap {
    position: relative;
    display: inline-block;
	color : #c3c1c1 ;
}

.country-select-booking-wrap:after {
	
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
}

.country-select {
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.visa-country-select-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.visa-country-select-wrap:after {
	
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
}

.country-select {
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.language-select-booking {
    position: relative;
    display: inline-block;
}

.language-select-booking:after {
    content: "▼";
    /* hoặc dùng hình ảnh background */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
color :#888; 
}

.language-select {

    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.country-select-wrap {
    position: relative;
    display: block;
}

.country-select-wrap:after {
	
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
}

.country-select {
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.language-select-checkout-wrap {
    position: relative;
    display: inline-block;
}

.language-select-checkout-wrap:after {
    content: "▼";
    /* hoặc dùng hình ảnh background */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;

font-family:'Open Sans';
color :#888; 
}

.language-select {
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;

}

.coaches-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.coaches-header .coach-search-input {
    padding: 10px 12px;
    width: 320px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 0px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.program-search-wrap input {
    padding: 10px 12px;
    width: 320px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 0px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}


.program-search-wrap input::placeholder {
    color: #C3C1C1;
    opacity: 1;
}
.programs-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:32px;
}
.coaches-filter .sort-title {

    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.coach-search-input::placeholder {
    color: #C3C1C1;
    opacity: 1;
}

.coach-box--hidden {
    display: none;
}

.coaches-filter .sort-by-section {
    display: flex;
    align-items: center;
/*     width: 204px; */

}

.coach-sort-select option {


    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.coach-sort-select:hover option {


    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.see-more-spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid #E3B7A0;
    border-top: 3px solid #FFF7F2;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-left: 8px;
}

.see-more-spinner--hidden {
    display: none;
}

.seemore-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 46.5px;
    background: #E3B7A0;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 32px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 32px;
    margin-top: 20px;
}

.seemore-btn:hover {
    background: #FFF7F2;
    color: #E3B7A0;
    border-color: #E3B7A0;

    text-decoration: none;
    box-shadow: 0 2px 8px rgba(227, 183, 160, 0.15);
}

.programs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.divider-col {
    font-size: 35px;
    color: #E3B7A0;
    font-weight: 900;
}

.title_page {
    color: #484848;
    font-size: 24px;
    font-weight: 700;
}

.sort-by-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.programs-headline {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;

}

.coach-description {
    margin-top: 24px;
}

.coach-headline {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}






.program-sort-select {
    margin-left: 8px;
    padding: 10px 12px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    color: #484848;

    border: 0px solid #fff;

    font-size: 14px;
    background-color: #fff;
}

.containerr {
    padding: 0;
    margin: 0;
    min-width: 40%;
    max-width: 40%;
}


.program-container {
    background-color: #fff;
    padding: 32px;
    display: flex;
    gap: 32px;
    flex-direction: column;
    margin: auto;
    border-radius: 10px;
}

.program-header-a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 32px;
}

.program-image img {
    width: 300px;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    object-fit: cover;
}

.program-content {
    flex: 1;
}

/* .program-title-item {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
    border-bottom: 2px solid #e5b4a1;
    padding-bottom: 4px;
} */

.program-meta {
    display: flex;
    justify-content: space-between;
    margin-top : 12px ;
    padding-right: 30%;
}

.program-description p {

    line-height: 1.6;
}

.program-description ul {
    list-style: none;
    padding-left: 0;

}

.program-description li {
    margin-bottom: 6px;
}

.program-register {
    margin-top: 24px;
    margin-left: 40%;
}

.register-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 17px;
}
.select2-container--default .select2-selection--single.has-value .select2-selection__rendered {
  color: #000 !important;
}
.register-btn a {
    padding: 10px 44px;
    font-weight: bold;
    color: #E3B7A0;
    background-color: transparent;
    border: 1px solid #E3B7A0;
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    background-color: #FFF7F2;
}



.register-btn a:hover {
    background-color: #e5b4a1;
    color: white;
}

.program-category-section h4 {
    font: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

.top-programs-slider h3 {
    font: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

.programs-wrap {
    gap: 32px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.programs-wrap img {
    display: block;
    min-width: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: fill;
    border-radius: 5px;
    margin-bottom: 8px;
}

.related-programs-slider-items {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
}

.program-box--hidden {
    display: none;
}

.related-program-box img {
    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: fill;
    border-radius: 5px;
    margin-bottom: 8px;
}

.program-box {
    position: relative;
    max-width: 100%;
    padding-bottom: 10px;
}

.related-program-box {
    box-sizing: border-box;
    flex: 0 0 33.33%;
    max-width: 33.33%;
   
    padding: 5px;
    display: flex;
    flex-direction: column;


}

.program-box img {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1 / 1;
}

/* .et_pb_text_inner {
    min-width: 348px;
    max-width: 348px;
    min-height: 348px;
    max-height: 348px;
    border-radius: 8px;
} */
.related-programs h3 {
    font: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

.related-programs {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.related-program-title-outer {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
    margin-bottom: 24px;

}

/*Program payment page */
.one-program-container {
    margin: 0;
    background-color: #fff !important;
    z-index: 9999;
    padding: 24px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    border-radius: 16px;
}

.payment-container h3 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.one-program-container h2 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.program-title-item {
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.program-title-item-detail {
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-bottom: 4px solid #E3B7A0;
    padding: 0px 0px 12px 0px;
}

.program-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Giới hạn số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ... nếu vượt quá */
    white-space: normal;
    /* Cho phép wrap theo dòng (kết hợp với line-clamp) */
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    max-height: 1.6em;
}

.programinfo-payment {
    display: flex;
    flex-direction: row;
    gap: 48px;
}

.payment-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.payment-container input::placeholder {
    color: #C3C1C1;
    /* Đổi màu placeholder */
    opacity: 1;
    /* Giữ nguyên độ đậm (mặc định có thể là mờ) */
}

.personal-info-wrap {
    background-color: #fff;
    justify-content: start;
    z-index: 9999;

    gap: 24px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
}

.personal-info-wrap label {
    font-weight: 600;
    font-size: 16px;
}

.personal-info-wrap h3 {
    font-size: 22px;
}



.personal-info-wrap input {
    padding: 16px;
    width: 100%;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;

}

.payment-info-wrap {
    background-color: #fff;
    background-color: #fff !important;

    padding: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
}

.program-info-wrap {
    background-color: #fff;
    background-color: #fff !important;
    z-index: 9999;
    padding: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
}

.payment-options-wrap {
    background-color: #fff;
    background-color: #fff !important;
    z-index: 9999;
    padding: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
}

.payment-container label {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #484848;
}

.name-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.name-wrap .item_warp {
    width: 100%;
}

.item-wrap select {
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
color : #c3c1c1 ;
   
}

.item-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.name-wrap input {
    padding: 16px;
    width: 100%;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.i18n-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.i18n-wrap .item-wrap {
    gap: 8px;
}

.i18n-wrap input {
    padding: 10px;
    width: 50%;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.payment-info-wrap {


    padding: 24px;
    background-color: #f9f9f9;
    border-radius: 12px;
    font-family: Arial, sans-serif;
}

.payment-info-wrap h3 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 16px;
}

.payment-info-wrap label {
    display: block;
    margin-bottom: 6px;
}

.payment-info-wrap .card-icon {
    padding-top: 15px;
}

.payment-info-wrap input,
.payment-info-wrap select {
    width: 100%;
    padding: 16px;

    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
}

.input-wrap {
    position: relative;
}

.card-icon {
    position: absolute;
    top: 35%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 28px;
    color: #007bff;
    padding-right: 10px;
}

#card-number {
    padding-left: 70px;
    /* Leave space for icon */
}

.input-wrap input {
    padding-left: 36px;
    /* Leave space for icon */
}


.visa-name-country-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 600px) {
    .visa-name-country-wrap {
        grid-template-columns: 1fr;
    }
}

p {
    padding: 0px;
}

.program-info-wrap {
	z-index: 100;
    background-color: #f9f9f9;
    padding: 24px;
    border-radius: 8px;
    min-width: 100%;
    max-width: 100%;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.program-info-wrap h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 16px;
    color: #333;
}

.program-info-wrap label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: #333;
}

.program-info-wrap input[type="text"],
.program-info-wrap input {
    width: 100%;
    padding: 16px;

    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

.program-info-wrap input[type="text"]:focus,
.program-info-wrap select:focus {
    border-color: #007BFF;
    outline: none;
}

.payment-btn {
    margin: 0 auto;

    padding: 12px 24px;
    font-weight: bold;
    color: #E3B7A0;
    background-color: transparent;
    border: 1px solid #E3B7A0;
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    background-color: #FFF7F2;
}

.payment-btn:hover {
    background-color: #e5b4a1;
    color: white;
}

.payment-option {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-direction: row;
}

.payment-option-item {
    width: 100%;
    display: flex;
    border-radius: 8px;
    padding: 12px;
    align-items: center;
    gap: 16px;
    flex-direction: row;
    background-color: #f5f5f7;
}

.cost-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cost-wrap label {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #484848;
}

.cost-wrap p {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #484848;
}

.custom-checkbox {
    accent-color: #E3B7A0;
    width: 20px;
    height: 20px;
    border: 1px solid #E3B7A0;
    outline: none;
}

.fee_total {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #E3B7A0;
}

.total-fee-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}

.total-fee-wrap span {
    color: #E3B7A0;
}

br {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f5f5f7;
    margin: 16px 0;
}

.option_monthly {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.option_monthly input {
    width: 20px;
    height: 20px;
    border: 1px solid #EDEDED;
    outline: none;
}

.cost-payment-monthly-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:16px;
    border: 1px solid #EDEDED;
    border-radius: 5px;
}

.cost-payment-monthly-wrap p {
    color: #E3B7A0;
    padding: 0;
}

.billing-cycle-wrap input {
    height: 53px;
    width: 100%;
    border: 1px solid #EDEDED;
    outline: none;
    padding: 16px;
    border-radius: 4px;
    font-size: 14px;

}









.grid-cloumn-coach {
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 48px;

}

.coach-title-item {
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;

}


.coach-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;

}

.coach-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.datepicker-wrap {
    background-color: #F5F5F7;
    padding: 16px;
    border-radius: 8px;
    margin-top: 12px;
}

.book-title {

    font-family: Open Sans;
    font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.time-picker {
    margin-top: 16px;
    width: auto;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    flex-wrap: wrap;
    gap: 12px;
    justify-items: center;

}

.air-datepicker {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}

.time-slot {
    padding: 8px 18px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
    font-size: 13px;
font-weight:600;
}

.time-slot:hover {
    background-color: #E3B7A0;
    /* orange */
    color: white;
    border-color: #E3B7A0;
}

.air-datepicker-body--cells {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    /* space between days */
    justify-items: center;
}

.air-datepicker--content {
    width: 100%;
    border: none;
    padding: 20px;
}

.air-datepicker-cell.-selected- {
    background-color: #E3B7A0 !important;

    color: white !important;
    border-radius: 50% !important;
}

/* Set height and width of each day item */
.air-datepicker-cell.-day- {
    width: 20px;
    height: 20px;
    line-height: 40px;
    /* centers the number vertically */
    text-align: center;

    border-radius: 50%;
    /* Optional: makes it a circle */
    font-size: 14px;
    padding: 15px;
}

.air-datepicker-nav {
    padding: 5px 10px;
}

.time-slot.selected {
    background-color: #E3B7A0;
    /* orange */
    color: white;
    border-color: #E3B7A0;
}

.time-slot.disabled {
    background-color: #e5e7eb;
    color: #9ca3af;
    pointer-events: none;
}

.label {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.air-datepicker-time {
    border: none;
}

.book-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 30%;
    padding: 10px 15px;
    font-weight: bold;
    color: #E3B7A0;
    background-color: transparent;
    border: 1px solid #E3B7A0;
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    background-color: #FFF7F2;

}

.btn_book {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.book-btn:hover {
    background-color: #e5b4a1;
    color: white;
}

.book-contain {
    padding: 24px;
    display: flex;
    gap: 24px;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
}


.air-datepicker.-inline- {

    background-color: #f5f5f7;
	margin-top:12px;
    width: auto;
    transform: scale(0.85);
    /* Adjust to 0.8, 0.7, etc. for smaller sizes */
    transform-origin: top left;

    /* Set your desired width */
    font-size: 12px;
    /* Smaller text for tighter UI */

}

.iti {
    min-width: 100%;
}

.choose-service {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
}

.select-wrap select {
font-size : 14px ;
    font-family: 'Open Sans';
    border-radius: 4px;
    width: 100%;
    padding: 16px;
    margin-top: 12px;
}

.select-coach {
    appearance: none;
    /* For modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    padding-right: 30px;
    font-size: 16px;

}

.select-wrap {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.select-wrap::after {
    content: "▼";
    /* hoặc dùng hình ảnh background */
    position: absolute;
    right: 10px;
    top: 60%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
}



.hidden {
    display: none;
}

.coachlist-img-item {

    border-radius: 8px;
}

.coach-item-row {
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.coach-item-row img {
    width: 48px;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
}

.coach-list {
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding: 20px;

}

.coach-list h2 {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.related-programs-slider-items-wrap {
    padding: 10px 0px 10px 10px;
}

.wrap-banner {
z-index : 6 ;
	height:100%;
    padding: 80px 0px 100px 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

}

.slider-item {
    height: auto;
}


.logo_img img {
max-height:163px;
   
}


.welcome-page {
	height: 100vh;
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 0px;
    align-items: center;
    justify-content: center;
}
.fade {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.fade-out {
  opacity: 0;
}
.slide-up {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.5s ease;
}

.slide-in {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s ease;
}
.wrap-banner-img {
    margin-top: 20px;
    display: flex;
    gap: 40px;
    flex-direction: row;
    align-items: center;
   
}
/* Hiệu ứng fade chung cho các phần tử */
.fade {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.fade-out {
  opacity: 0;
}

/* Chuyển background mượt */
.fade-bg {
  transition: background-color 0.6s ease;
}

/* Các class background */
.bg-wel-1 {
  background-color: #f5f5f5; /* màu nền 1 */
}

.bg-wel-2 {
  background-color: #e0f7fa; /* màu nền 2 */
}

/* Tuỳ chọn: chuyển đổi logo kích thước */
#welcome-page-logo {
  transition: height 0.4s ease, opacity 0.4s ease;
}

.wrap-banner-img img {
    max-width: calc(50% - 20px);
	cursor: pointer;
    max-height: 217px;
    border-radius: 72px 0 72px 0;
    ;
}

.wrap-banner p {
    color: white;
}

.title_banner {
font-family:Roboto;
    font-size: 48px;
    font-weight: 800;
}
.welcome-page-desc{
line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
}
.icon_welcome {
z-index:6 ;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    height: 100%;
 transition: transform 0.3s ease, background-color 0.3s ease;
}
.image-section {
 
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000; /* nền đen hoặc tùy ý */
  overflow: hidden;
}
.arrow-top {
  position: fixed;
  top: 50px;                  /* Cách top 50px */
  left: 50%;
  transform: translateX(-50%); /* Căn giữa ngang */
  
  background-color: #000;
  color: #fff;
  font-size: 24px;
  padding: 12px 15px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;


  transition: opacity 0.3s ease;
}

.arrow-top.show {
 

}


.image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ảnh đầy đủ màn hình */
}

.icon_welcome i {
transition: transform 0.3s ease, color 0.3s ease;
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    align-items: center;
    border-radius: 50%;
    padding: 10px;
    background: #000;
    margin-right: 100px;
    color: #fff;
}
#arrow-toggle:hover,
#arrow-toggle:focus {
  color: #E3B7A0; /* ví dụ màu cam */
  transform: translateX(3px); /* di chuyển nhẹ sang phải */
}
.img-active {
border: 4px solid #E3B7A0 ;
}
.banner-learnmore-btn {
transition: all 0.3s ease;    
    max-width: 35%;
    display: flex;
    justify-content: center;
    padding: 17px 73.5px;
    background: #FFF7F2;
    color: #E3B7A0;
    text-decoration: none;
    border: 1px solid #E3B7A0;
    border-radius: 32px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
       cursor: pointer;
}
.banner-learnmore-btn:hover {
  background-color: #fff;         
  color: #000;                    
  border-color: #000;             
}

.banner-learnmore-btn:hover,
.banner-learnmore-btn:focus {
    background: #E3B7A0;
    color: #FFF7F2;
    border-color: #E3B7A0;
    transition: all 0.4s;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(227, 183, 160, 0.15);
}




.banner-content {
	max-width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
gap:24px;

}

.js {
    margin: 0;
}

.coach-search-icon {
    font-size: 17.5px;

}

.wp-post-image img {
    min-height: 389.66668701171875px;
    max-height: 389.66668701171875px;
}

/* Coaches 9 grid ---------------------------------------*/
.coaches9-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    padding: 32px;

    border-radius: 8px;
}

.coaches9-headline {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.coach9-box {
    flex: 0 1 calc(33.333% - 22px);
    border-radius: 8px;
    margin-bottom: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: calc(33.333% - 22px);
}

.coach9-box img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
}

.coach9-img {
    display: block;
    width: auto;
    object-fit: fill;
    border-radius: 5px;
}

.coach9-img-placeholder {
    width: 100%;
    height: 180px;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 10px;
}
.payment-option-item:has(input[type="radio"]:checked) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  
}
.visa-name-country-wrap span.select2-selection.select2-selection--single{
padding: 4px !important ;
}
.visa-name-country-wrap .visa-name-wrap input {
border: 1px solid #EDEDED ;
}
.coach9-title {
    margin: 8px 0;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #484848;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Giới hạn số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ... nếu vượt quá */
    white-space: normal;
    /* Cho phép wrap theo dòng (kết hợp với line-clamp) */
    max-height: 1.4em;
}

.coach9-sort-select {
    margin-left: 8px;
    padding: 10px 12px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    color: #484848;

}

.coaches9-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.coaches9-header .coach9-search-input {
    padding: 10px 12px;
    width: 320px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 0px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.coaches9-filter .sort-title {
    font-family: Montserrat;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.coach9-search-input::placeholder {
    color: #C3C1C1;
    opacity: 1;
}

.coach9-box--hidden {
    display: none;
}

.coaches9-filter .sort-by-section {
    display: flex;
    align-items: center;


}

.coach9-sort-select option {


    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.coach9-sort-select:hover option {


    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.see-more-spinner9 {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid #E3B7A0;
    border-top: 3px solid #FFF7F2;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-left: 8px;
}

.see-more-spinner9--hidden {
    display: none;
}

.seemore-btn9 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 46.5px;
    background: #E3B7A0;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 32px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 32px;
}

.seemore-btn9:hover {
    background: #FFF7F2;
    color: #E3B7A0;
    border-color: #E3B7A0;

    text-decoration: none;
    box-shadow: 0 2px 8px rgba(227, 183, 160, 0.15);
}

.coach9-headline {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #484848;
    border-left: 4px solid #E3B7A0;
    padding: 0px 0px 0px 8px;
}

.grid-cloumn-coach9 {
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 48px;
}

.btn-back-home {
    align-items: center;
}

.btn-back-home-wrap a {
    padding: 12px 61.5px;
    color: #E3B7A0;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 700;
    background: #FFF7F2;
    border: 1px solid #E3B7A0
}

.btn-back-home:hover {
    background: #E3B7A0;
    color: #FFF7F2;
    border-color: #E3B7A0;
    transition: all 0.4s;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(227, 183, 160, 0.15);
}

.confirm-payment-wrap {
    gap: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    z-index: 999999;
    position: fixed;
    /* Đặt vị trí cố định trên viewport */
    top: 50%;
    /* Đặt mép trên của phần tử ở giữa chiều cao màn hình */
    left: 50%;
    /* Đặt mép trái của phần tử ở giữa chiều rộng màn hình */
    transform: translate(-50%, -50%);
    /* Dịch chuyển ngược lại 50% chiều rộng và chiều cao của chính nó để căn giữa hoàn hảo */

    /* Các thuộc tính khác của bạn */

    min-height: 200px;
    /* Hoặc bỏ max-height nếu nội dung có thể dài hơn */
    padding: 32px;
    border: 1px solid #E3B7A0;
    font-size: 16px;
    font-weight: 700;
    background-color: white;
    /* Thêm màu nền để modal nổi bật */

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Thêm đổ bóng để tạo hiệu ứng nổi bật */
}

.confirm-payment-btn-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

#confirm-payment-button {
    display: flex;
    justify-content: center;
    padding: 10px 30px;
    color: #E3B7A0;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 700;
    background: #FFF7F2;
    border: 1px solid #E3B7A0;
    cursor: pointer;
}





@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.payment-container .StripeElement {
    border: 1px solid rgb(237, 237, 237);
    padding: 16px;
    border-radius: 4px;
}

@media only screen and (max-width: 1440px) {
    .time-slot {
        padding: 4px 6px;
    }

    .time-picker {
        gap: 3px;
        margin-top: 16px;
        width: auto;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        justify-items: center;
    }
}

@media only screen and (max-width: 1024px) {
    .time-slot {
        padding: 1px 2px;
        border: 1px solid #EDEDED;
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
        background-color: #f3f3f3;
        font-size: 13px;
    }

    .time-picker {
        margin-top: 16px;
        width: auto;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 2px;
        justify-items: center;
    }
}

.personal-information {
    margin-right: 48px !important;
}

.program-number {
    top: 0;
    left: 0;
    position: absolute;

    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: middle;
    padding: 8px 20px;
    border-radius: 8px 0 8px 0;
    color: #fff;
    background-image: linear-gradient(#E8C6B4, #DE9E7D);
}

#start-date::-webkit-input-placeholder {
    color: #999;
    /* Màu xám nhạt */
    opacity: 0.6;
    /* Làm mờ */
    font-style: italic;
}

#start-date::-moz-placeholder {
    color: #C3C1C1;
    opacity: 0.6;
    font-style: italic;
}

#start-date {
    color: #484848;
    /* Màu chữ đen */


}

#start-date:-ms-input-placeholder {
    color: #999;
    opacity: 0.6;
    font-style: italic;
}

#start-date::placeholder {
    color: #484848;
    opacity: 0.6;
    font-style: italic;
}

.gym-banner {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}


.gym-banner-content {
    position: relative;
    z-index: 1;
    
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}



.gym-left {
    color: white;
    max-width: 500px;
}

.gym-left h2 {
    font-family: 'Open Sans';
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
}

.gym-left p {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 48px;
}

.gym-left button {
    background: #FFF7F2;
    color: #E3B7A0;
    font-weight: 700;
    padding: 17px 120px;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.gym-left button:hover {
    background: #E3B7A0;
    color: white;
}

.gym-right {
    display: flex;
    flex-direction: column;

    gap: 32px;
}



.gym-feature {
    display: flex;

	white-space: nowrap;        
  overflow: hidden;           
  text-overflow: ellipsis;  
    background: #e6e6e6;
    border-radius: 9999px;

    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.gym-feature span {
    font-size: 20px;
    background-color: #fff;
    border-radius: 50%;
}

.gym-feature p {
    margin: 0;
    color: #000;
    font-weight: 700;
}

.icon-include-highlight {
    height: 100%;
    font-size: 20px;
    padding: 18px;
    height: 100%;
}

.content-include-highlight-program {
    padding: 16px 38px 16px 12px;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    width: 100%;
    height: 100%;

}
.slider-items {
  display: flex;
  transition: transform 0.4s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.slider-item {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  box-sizing: border-box;
  padding: 0 11px;
}


/* Mobile: 1 cột */
@media (max-width: 480px) {
  .coaches-grid {
    flex-direction:column ;
	max-width: auto ;
  }
	.coach-box {
		max-width:unset;
	}
	.coaches-header{
		display: flex ;
		flex-direction:column;
		gap:20px ;
		align-items:flex-start;
	}
	.coaches-filter {
		display:flex;
		gap:5px;
		flex-direction:row;
	}
	.sort-by-section{
		
	}
.book-btn {
width : auto;
}
	.coaches-header .coach-search-input {
		width:100% ;
	}
		.programs-header {
			flex-direction:column;
			align-items :unset ;
			gap:20px;
		}
	.program-search-wrap input {
		width:100%;
	}
 	.slider-item {
   	 flex: 0 0 100%;
   	 max-width: 100%;
 	 }
	.programs-grid{
		grid-template-columns:1fr;
	}
.grid-cloumn-coach {
	grid-template-columns :100% ;
}
.gym-right{
		gap: 20px ;
	}
	.gym-banner-content{
		flex-direction : column ;
		gap: 32px ;
	}
	.programinfo-payment {
	flex-direction : column ;	
}
.program-image img {
	width : 100% ;
	}
.program-header-a {
flex-direction : column ;
}
.related-program-box {
        flex: 0 0 100%;
        max-width: 48%;
    }
.containerr {
 min-width : 100%;
max-width : 100%;
}
.coach9-box {
	max-width : 100% ;
	}
.coaches9-grid {
flex-direction: column;
gap:10px;
}
.coaches9-header {
	flex-direction: column;
	align-items : unset ;
gap : 10px ;
}
.coaches9-header .coach9-search-input {
width : 80%;
}
.related-programs-slider-items-wrap{
max-width: 100%;
}

.related-programs{
padding: 0 ;
}
}
@media (max-width: 768px) {
.programs-header {
			flex-direction:column;
			align-items :unset ;
			gap:20px;
		}

.gym-feature {
width: 400px ;
}
.gym-left {
width: 400px ;
}
.gym-left button {
padding : 17px 135px ;
}
.grid-cloumn-coach{
gap : 10px ;
}
.gym-banner-content{
flex-direction:column ;
gap: 20px ;
}
.bg-banner-program {
height : auto ;
}
.coaches9-header .coach9-search-input {
width : 80%;
}
.coaches9-header {
	flex-direction: column;
	align-items : unset ;
gap : 10px ;
}
.coaches9-grid {
flex-direction:column;
gap:50px ;
}
.coach9-box {
max-width:100%;
}
.programs-grid {
grid-template-columns: 1fr;
}
.book-btn {
width : auto;
}
.see-more-wrap9 {
margin-top:100px !important;
}
.time-picker {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.air-datepicker-cell.-day-{
width: unset; 
   height: unset; 
     line-height: unset; 
    text-align: center; 
    border-radius: 50%;
     font-size: unset; 
     padding: unset;
}

.gym-banner-content {
gap: 20px;
}
}
@media (min-width: 500px) and (max-width: 750px) {
    .coaches9-grid {
        flex-direction: column;
        gap: 250px;
    }
.view-detail {
margin-top:100px ;
}
}
@media  (max-width: 400px) {
.bg-banner-program {
padding : 20px ;
}
}
@media  (max-width: 1440px) {
.wrap-banner {
 padding: 30px ;
}
}
@media (min-width: 1024px) and (max-width: 1170px) {
 .time-picker{
	grid-template-columns:repeat(6, 1fr)
}
}
#booking-calendar {
    background-color: #F5F5F7;
}

#booking-calendar .btn-time-slot{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    color: #2F2F2F;
}

#booking-calendar .fc-daygrid-day{
    padding: 8px !important;
    border: none !important;
}

#booking-calendar .fc-daygrid-event {
    justify-content: center;
    border: 1px solid #EDEDED;
    padding: 8px;
    background: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
}

#booking-calendar .fc-daygrid-event:hover {
    background: #E3B7A0 !important;
}

#booking-calendar .fc-daygrid-event:hover .btn-time-slot {
    color: #ffffff !important;
}

#booking-calendar .fc-daygrid-event-harness {
    padding-bottom: 12px;
}

#booking-calendar .fc-col-header-cell {
    border: none !important;
}

#booking-calendar .fc-col-header-cell-cushion {
    color: #2F2F2F;
}

#booking-calendar .fc-day-past {
    background-color: #f0f0f0;
    opacity: 0.5;
    pointer-events: none;
}
#cb_add_slot_form span.select2.select2-container.select2-container--default {
width: 10em !important ;
}
.related.products > h2 { 
padding-bottom:0 !important;
padding-left:8px;
margin-bottom: 24px ;
border-left: 4px solid #E3B7A0 ;
}
.fontweight400 {
font-weight:400;
}
.button.product_type_variable.add_to_cart_button {
font-size:16px; 
font-weight:700;
padding: 10px 24px ; 
border-radius:32px ;
color:#fff;
background-color: #E3B7A0 ;
}
.button.product_type_variable.add_to_cart_button:hover {
background-color: #FFF7F2;
padding: 10px 34px ; 
color:#DB1A21 ; 
border: 0px ;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
font-size:16px; 
font-weight:700;
padding: 10px 24px ; 
border-radius:32px ;
color:#fff;
background-color: #E3B7A0 ;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
background-color: #FFF7F2;
padding: 10px 34px ; 
color:#DB1A21 ; 
border: 0px ;
}
.wc-block-cart-items__header-image{
font-size: 20px ;
color: #2F2F2F;

padding-left: 17px !important;

}
.wc-block-cart-items__header-total{
font-size: 20px ;
color: #2F2F2F;

}
.et_pb_section.et_pb_section_0.et_section_regular{
background-color:#F5F5F7 ;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
 box-shadow: 3px 10px 6px #888888;
background-color: #fff;
padding: 24px;
 border-radius: 8px 0px 0px 8px;
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block{
box-shadow: 3px 10px 6px #888888;
background-color: #fff;
padding: 24px;
 border-radius: 0px 8px 8px 0px;
}
body.woocommerce-cart .et_pb_row.et_pb_row_0,
body.woocommerce-checkout .et_pb_row.et_pb_row_0 {
	
  width: 90% !important;
border-radius: 8px ;
  max-width: none;
}

body.woocommerce-order-received .et_pb_row.et_pb_row_0 {
 background-color:#fff ;
border-radius: 8px ;
 padding: 24px ;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
font-size: 22px ; 
font-weight:500;
color: #2F2F2F ; 
margin-bottom: 24px ; 
}
.wc-block-components-express-payment.wc-block-components-express-payment--checkout {
display: none ; 
}
.wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout {
display: none ;
}
.variable-item.button-variable-item.selected{
background-color: #FFFCFA ; 
color:#E3B7A0 ; 
border: 2px solid #E3B7A0; 
border-radius: 33px !important;
} 
.variable-item.button-variable-item {
background-color:#F0F0F0;
 font-size:16px;
font-weight:400;
color: #000 ;
border-radius: 33px !important;
}
#et-boc .et-l.et_pb_wc_add_to_cart.quantity input.qty {
max-width: 9.3em !important ;
}
.woo-selected-variation-item-name {
color: #2F2F2F ;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches.variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
-webkit-box-shadow: none !important ;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
     margin-top: 0 !important; 
    flex-direction: column;
    gap: 24px;
}
.woocommerce div.product div.images .flex-control-thumbs img {
border-radius: 8px;
}

.woocommerce-product-gallery {
  display: flex;
  flex-direction: row-reverse; /* Ảnh chính bên phải */
  gap: 20px;
}

/* Gallery thumbnail */
.woocommerce-product-gallery .flex-control-thumbs li {
  width: 120px !important;  /* thumbnail to hơn */
  height: auto;
  margin-bottom: 10px;
}

.woocommerce-product-gallery .flex-control-thumbs img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}
.product-images {
  display: flex;
  gap: 20px; /* khoảng cách giữa gallery và ảnh chính */
  align-items: stretch; /* 2 cột cao bằng nhau */
}

/* Gallery bên trái */


/* Thumbnail ảnh */

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
font-size:20px !important;
font-weight:600  !important;
color : #FFFFFF ;
background-color: #E3B7A0 ; 
border : 1px solid #E3B7A0 ;
border-radius: 60px ;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained .wc-block-components-checkout-place-order-button__text {
font-size:20px !important;
font-weight:600  !important;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
color : #E3B7A0;
background-color: #FFF7F2; 
border: 1px solid #E3B7A0 ;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
background-color:#E3B7A0 ; 
border-radius: 40px ; 
color: #fff;
font-size:16px ;
font-weight: 600;
border: 1px solid #E3B7A0 ;
box-shadow: 2px 5px 4px #888888;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
background-color:#FFF7F2 ;
color: #E3B7A0 ; 
border: 1px solid #E3B7A0 ;
}
.et_pb_wc_add_to_cart_0_tb_body input, .et_pb_wc_add_to_cart_0_tb_body .quantity input.qty{
border-radius: 0px  !important;
padding-top: 16px;
padding-bottom: 16px ;

}
.plus.qib-button {
border-radius:  0px 80px 80px 0px ;
padding-top: 16px;
padding-bottom: 16px ;
}
.minus.qib-button {
border-radius: 80px 0px 0px 80px;
padding-top: 16px;
padding-bottom: 16px ;
}
.woocommerce-variation-availability p {
color : #06C270 !important ; 
font-size:14px ;
font-weight: 500 ;
font-family: 'Montserrat'; 
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled button {
width:50% !important ;
}
.xoo-wsc-ft-buttons-cont a {
border-radius: 50px ;
}
.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
color : #E3B7A0 ;
}
.wc-block-cart-item__wrap a{
font-family: 'Open Sans';
font-weight: 600;

font-size: 18px;
line-height: 28px;
color: #000000

}
 .wc-block-cart-item__wrap .price.wc-block-components-product-price {
display: none ; 
}
.wc-block-components-product-badge.wc-block-components-sale-badge {
display: none ; 
}
.wc-block-components-product-metadata__description {
display: none ;
}
body.woocommerce-cart .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
font-size:22px ;
color: #E3B7A0 ;
font-weight:700 ;
}
.wc-block-components-totals-coupon__content button {
background-color: #E3B7A0 ;
border-radius: 40px ;
font-size:14px ;
font-weight: 600;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .quantity input.qty {
padding-right:1px ;
    max-width: none !important;
    width: 100% !important;
}
.wc-block-components-product-details li, div {
font-size:14px ;
 font-weight:400 ;
}
body.woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value {
font-weight: 600;
}
.et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_0_tb_body.detail-product-description.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner p {
font-family: 'Open Sans';
    font-weight: 700;
    font-size: 22px;

}
.et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_0_tb_body.all-product.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner p {
font-family: 'Open Sans';
    font-weight: 700;
    font-size: 22px;

}
.et_pb_with_border.et_pb_module et_pb_text.et_pb_text_0.all-product.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner p {
font-family: 'Open Sans';
    font-weight: 700 !important;
    font-size: 18px !important; 
}
.wpf_item_name {
display: none  !important;
}
.et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_0.all-product.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner p {
 font-weight: 700 !important;
    font-size: 18px !important; 
}
.xoo-wsc-ft-amt-label {
font-size:18px ; }
/* Highlight menu item (ID 27) cho các trang WooCommerce */
body.single-product .et_pb_menu .et-menu > li.et_pb_menu_page_id-27 > a,
body.woocommerce.single .et_pb_menu .et-menu > li.et_pb_menu_page_id-27 > a,
body.woocommerce-cart .et_pb_menu .et-menu > li.et_pb_menu_page_id-27 > a,
body.woocommerce-checkout .et_pb_menu .et-menu > li.et_pb_menu_page_id-27 > a,
body.post-type-archive-product .et_pb_menu .et-menu > li.et_pb_menu_page_id-27 > a,
body.woocommerce .et-db #et-boc .et-l 
.et_pb_menu_0_tb_header.et_pb_menu ul li.et_pb_menu_page_id-27 > a {
  color: #E3B7A0 !important;
}
body:where(.single-product, .woocommerce.single, .woocommerce-cart, .woocommerce-checkout, .post-type-archive-product)
  .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.et_pb_menu_page_id-27 > a {
  color: #E3B7A0 !important;
}
body.single-product 
  .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu 
  ul li.et_pb_menu_page_id-27 > a {
  color: #E3B7A0 !important;
}
.xoo-wsc-product .variation {
font-size:14px ;}
.xoo-wsc-sm-right bdi {
color: #E3B7A0 ;
font-weight:600;
}

body.single-product .et-db #et-boc .et-l 
.et_pb_menu_0_tb_header.et_pb_menu ul li.et_pb_menu_page_id-27 > a {
  color: #E3B7A0 !important;
}
body.page-id-352 .et_pb_module.et_pb_text.et_pb_text_1.et_pb_text_align_center.et_pb_bg_layout_light .et_pb_text_inner {
line-height: 32px !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}
body.woocommerce-checkout .wc-block-components-title.wc-block-components-checkout-step__title {
border-left: 4px solid #E3B7A0 ;
padding-left:8px ;
font-size:22px;
font-weight:700;
}
body.woocommerce-checkout .wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step {
background-color:#fff ; 
padding:24px ; 
border-radius: 8px ;
}
body.woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step {
margin: 0 0 24px !important ;
}
 body.woocommerce-checkout .wc-block-components-totals-discount__coupon-list {
padding: 0px !important ;
}
body.woocommerce-cart .wc-block-components-totals-discount__coupon-list {
padding: 0px !important ;
}
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
font-size:20px ; 
font-weight: 700;
}
body.woocommerce-checkout .wc-block-checkout__contact-fields.wp-block-woocommerce-checkout-contact-information-block.wc-block-components-checkout-step {
background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
body.woocommerce-checkout .wc-block-checkout__shipping-fields.wp-block-woocommerce-checkout-shipping-address-block.wc-block-components-checkout-step {
background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
body.woocommerce-checkout .wc-block-checkout__shipping-option.wp-block-woocommerce-checkout-shipping-methods-block.wc-block-components-checkout-step{
background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
body.woocommerce-checkout .wc-block-checkout__payment-method.wp-block-woocommerce-checkout-payment-block.wc-block-components-checkout-step{
background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block  .wc-block-components-checkout-order-summary__title-text {
font-size:22px ;
font-weight:700;
color:#2F2F2F ;
padding-left:8px;
border-left: 4px solid #E3B7A0 ;
}
body.woocommerce-cart  .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
background-color: #E3B7A0 ;
 border: 1px solid #E3B7A0 ;
color: #fff ;
 font-weight: 600;
font-size:20px ; 
border-radius: 40px ;
}
body.woocommerce-cart  .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
background-color: #FFF7F2;
 border: 1px solid #E3B7A0 ;
color: #E3B7A0 ;
 font-weight: 600;
font-size:20px ; 
border-radius: 40px ;
}
/* Reset cơ bản */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0;
  padding: 0;
}

/* Container ul */
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  display: flex;
  gap: 8px; /* khoảng cách giữa các nút */
  list-style: none;
  justify-content: center;
}

/* Style chung cho nút */
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
background-color: #fff ; 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #E3B7A0;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #E3B7A0;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover */
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover {
  border-color: #333;
  color: #333;
}

/* Trang hiện tại */
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current {
font-weight:700;
  background: #E3B7A0; 
  color: #fff; 
  border-color: #E3B7A0;
  pointer-events: none; 
}

/* Nút mũi tên */
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next {
  font-size: 16px;
  color: #919EAB; 
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev:hover,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next:hover {
  color: #333;
  border-color: #333;
}

/* Style cho dropdown sắp xếp */
.woocommerce .woocommerce-ordering .orderby {
  font-size: 14px;
  font-weight: 500;
  color: #2F2F2F;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover + focus */
.woocommerce .woocommerce-ordering .orderby:hover,
.woocommerce .woocommerce-ordering .orderby:focus {
  border-color: #aaa;
  box-shadow: 0 0 0 2px rgba(47, 47, 47, 0.1);
  outline: none;
}

/* Option bên trong */
.woocommerce .woocommerce-ordering .orderby option {
  font-size: 14px;
  font-weight: 500;
  color: #2F2F2F;
}
.woocommerce .select2-container--default .select2-selection--single {
padding : 0px !important ;
margin-top: 5px
}
 .woocommerce .select2-selection__arrow {
top: 13px !important  ;
right: 3px !important ;
}
.wpf_item.wpf_item_wpf_cat {
margin-top:5px ;
}
body.wp-singular.page-template-default.page.page-id-27.logged-in.admin-bar.wp-theme-Divi.wp-child-theme-divi-child.theme-Divi.et-tb-has-template.et-tb-has-header.et-tb-has-footer.woocommerce-js.woo-variation-swatches.wvs-behavior-blur-no-cross.wvs-theme-divi-child.wvs-show-label.et_pb_button_helper_class.et_cover_background.et_pb_gutter.windows.et_pb_gutters3.et_pb_pagebuilder_layout.et_no_sidebar.et_divi_theme.et-db.woocommerce.woocommerce-page.customize-support.chrome {
    
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background-color:#f5f5f7 !important;
}
#dgwt-wcas-search-input-1 {

}
.select2-container .select2-selection--single {
border: none !important ;
border-radius: 4px ;
 height: auto !important;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
border-color: transparent #e3b7a0;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
background-color: #e3b7a0 ; 
}
.woocommerce-order-details__title {
border-left: 4px solid #E3B7A0 ; 
font-szie:22px;
font-weight:700;
padding-left: 8px ;
 padding-bottom:0px ;
margin-bottom: 10px ;
}
.woocommerce-customer-details .woocommerce-column__title {
border-left: 4px solid #E3B7A0 ; 
font-weight:700;
font-szie:22px;
padding-left: 8px ;
 padding-bottom:0px ;
margin-bottom: 10px ;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart .quantity input.qty {
padding-right:1px ;
max-width: none !important ;
}


body.woocommerce-cart .woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity {
width: 100% ;
}
// text-line 
#radio-control-0-flat_rate\:7__secondary-label .wc-block-checkout__shipping-option--free::before {
    content: "SEK 49 ";
    text-decoration: line-through;
    color: #999;
    margin-right: 6px;
    font-size: 0.9em;
}
#radio-control-0-flat_rate\:7__label::after {
    content: "Delivery 1–3 business days with PostNord Service Point";
    display: block;      
    font-size: 14px;
font-weight:400 ; 
    color: #2F2F2F ; 
    margin-top: 4px;      
}
#radio-control-0-flat_rate\:8__label::after {
 content: "Delivery 1–3 business days with PostNord Home";
    display: block;      
    font-size: 14px;
font-weight:400 ; 
    color: #2F2F2F ; 
    margin-top: 4px;  

}
body.woocommerce-checkout 
  #radio-control-0-flat_rate\:8__label {
font-family: Open Sans;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color:#2F2F2F ; 
}

body.woocommerce-checkout 
  #radio-control-0-flat_rate\:7__label {
font-family: Open Sans;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color:#2F2F2F ; 
}
body.woocommerce-checkout .wc-block-checkout__shipping-option.wp-block-woocommerce-checkout-shipping-methods-block.wc-block-components-checkout-step .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount {
font-family: Open Sans;
font-weight: 700;
font-size: 22px;
line-height: 34px;
color: #E3B7A0 ; 
}
body.woocommerce-checkout .wc-block-checkout__shipping-option--free {
font-family: Open Sans;
font-weight: 700;
font-size: 22px;
line-height: 34px;
color: #E3B7A0 ; 
}
.wc-block-components-radio-control__label-group {
  display: flex;
  align-items: center;
  justify-content: space-between; /* đẩy 2 bên */
  width: 100%; /* bắt buộc chiếm full box */
  box-sizing: border-box;
}

.wc-block-components-radio-control__label-group .wc-block-components-radio-control__label {
  flex: 6; /* 60% */
}

.wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
  flex: 4; /* 40% */
  text-align: right;
  white-space: nowrap; /* tránh xuống dòng lung tung */
  margin-left: auto; /* đẩy về bên phải */
  position: static !important; /* override nếu Woo đặt absolute */
}
.wc-block-components-radio-control__label-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.wc-block-components-radio-control__label-group .wc-block-components-radio-control__label {
  white-space: nowrap; /* không cho xuống dòng */
  overflow: hidden;
  text-overflow: ellipsis; /* nếu dài quá thì thêm ... */
}
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-description, .wc-block-components-radio-control__description-group .wc-block-components-radio-control__secondary-label, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-description, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__secondary-label {
    flex: 0 0 20% !important ;
    text-align: right;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: #E3B7A0 !important ; 
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border: 1px solid #e3b7a0 !important;
}
#cb_add_slot_form span.select2-selection.select2-selection--multiple {
width: 10em !important ; 
}
html, body {
  
}
 .country-select-booking-wrap .select2-container--default .select2-selection--single {
padding : 7px !important ; 
border: 1px solid #EDEDED !important ;
}
.payment-container .select2-container--default .select2-selection--single {
padding : 7px !important ; 
border: 1px solid #EDEDED !important ;
}
.entry-content tr td {
padding: 0px  !important;
}
#cb_add_slot_form span.select2-container {
width: 10em !important ; 
}
.air-timepicker-wrap .entry-content thead th, .entry-content tr th {
padding: 0.5em !important;
}
.fc-col-header  {
width: 100% !important ;
}
#booking-calendar .fc-daygrid-day {
padding: 0px !important ;
}
body.woocommerce-page {
  overflow-y: auto;
}
body {
 overflow-y: auto;
}
.variations_form.cart.wvs-loaded .woocommerce-variation-description {
display: none ; 
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled div.qib-button-wrapper {
width: 40% !important;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
display: flex ; 
flex-direction: row ; 
}
#cb_add_slot_form select[name="coach_id[]"] + .select2-container {
    width: 10em !important;
}
body.single-product .et_pb_menu__wrap .et_pb_menu__menu nav ul#menu-primary-menu li.et_pb_menu_page_id-27 > a {
    color: #E3B7A0 !important;
    
}
.banner {
display: flex;
align-items:center;
justify-content: center;
}
.banner .et_pb_text_inner p {
font-weight:800 !important ;
font-size: 48px !important ;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
background: transparent ; 
border: 0px ;
color: #fff ;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click  ul[role="menu"] {
padding: 0px !important;
} 
.wc-block-checkout__contact-fields.wp-block-woocommerce-checkout-contact-information-block.wc-block-components-checkout-step {
background: #fff ; 
padding: 24px ;
border-radius: 8px ;
margin-bottom: 24px ;
}
.wc-block-checkout__contact-fields.wp-block-woocommerce-checkout-contact-information-block.wc-block-components-checkout-step .wc-block-components-title.wc-block-components-checkout-step__title{
border-left: 4px solid #E3B7A0;
    padding-left: 8px;
    font-size: 22px;
    font-weight: 700;
}
.wc-block-checkout__shipping-fields.wp-block-woocommerce-checkout-shipping-address-block.wc-block-components-checkout-step{
background: #fff ; 
padding: 24px ;
border-radius: 8px ;
margin-bottom: 24px ;
}
.wc-block-checkout__shipping-fields.wp-block-woocommerce-checkout-shipping-address-block.wc-block-components-checkout-step .wc-block-components-title.wc-block-components-checkout-step__title{
border-left: 4px solid #E3B7A0;
    padding-left: 8px;
    font-size: 22px;
    font-weight: 700;
}
.wc-block-checkout__shipping-option.wp-block-woocommerce-checkout-shipping-methods-block.wc-block-components-checkout-step {
background: #fff ; 
padding: 24px ;
border-radius: 8px ;
margin-bottom: 24px ;
}
.wc-block-checkout__shipping-option.wp-block-woocommerce-checkout-shipping-methods-block.wc-block-components-checkout-step .wc-block-components-title.wc-block-components-checkout-step__title{
border-left: 4px solid #E3B7A0;
    padding-left: 8px;
    font-size: 22px;
    font-weight: 700;
}
.wc-block-checkout__payment-method.wp-block-woocommerce-checkout-payment-block.wc-block-components-checkout-step {
background: #fff ; 
padding: 24px ;
border-radius: 8px ;
margin-bottom: 24px ;
}
.wc-block-checkout__payment-method.wp-block-woocommerce-checkout-payment-block.wc-block-components-checkout-step .wc-block-components-title.wc-block-components-checkout-step__title{
border-left: 4px solid #E3B7A0;
    padding-left: 8px;
    font-size: 22px;
    font-weight: 700;
}
.wp-block-woocommerce-checkout-order-summary-block {
background: #fff ; 
padding: 24px ;
border-radius: 8px ;
margin-bottom: 24px ;
} 
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text {
border-left: 4px solid #E3B7A0;
    padding-left: 8px;
    font-size: 22px;
    font-weight: 700 !important;
}
body.single-product .et_pb_row.et_pb_row_3_tb_body
.et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_1_tb_body.detail-product-description.et_pb_text_align_left et_pb_bg_layout_light p {
font-size:22px ; 
font-weight: 700 ;
}
body.page-id-1754 .et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_1.all-product.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner p  {
font-size:22px ; 
font-weight: 700 ;
}
.wc-block-components-main.wc-block-cart__main.wp-block.woocommerce-cart-items-block .wc-block-cart-item__wrap {margin-left:10px;}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
	
	   background: #fff;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {
	color: #484848 ;
	
}
.wpml-ls-legacy-dropdown-click {
	
	width : 10em !important;
}

#notfound .et_pb_text_inner p {
	font-size: 72px ; 
	font-weight: 800 ;
}
html[lang="sv-SE"] #radio-control-0-flat_rate\:7__label::after {
    content: "Leverans 1–3 arbetsdagar med PostNord Service Point";
}
html[lang="sv-SE"] #radio-control-0-flat_rate\:8__label::after {
  content: "Leverans 1–3 arbetsdagar med PostNord Home";
}

.wp-block-woocommerce-cart .wc-block-cart-item__wrap {
margin-left: 20px ;
}
.wc-block-cart__main.wp-block-woocommerce-cart-items-block .wc-block-cart-item__wrap {
margin-left: 20px ;
}

.header-banner {
    font-family: inherit;
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 10%;
    text-align: center !important;
	color: #E3B7A0;
}
@media (max-width: 1024px) {
    .header-banner {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .header-banner {
        font-size: 24px;
    }
}
/* Privacy Policy / Terms and Condition page content (TC-1839) */
.tl-policy {
    margin: 0 97px;
    padding: 40px 20px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
}
@media (max-width: 1024px) {
    .tl-policy {
        margin: 0 50px;
    }
}
@media (max-width: 767px) {
    .tl-policy {
        margin: 0 20px;
    }
}
.tl-policy__updated {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-align: right;
    margin: 0 0 15px;
}
.tl-policy h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    color: #CB9579;
    margin: 24px 0 0;
}
.tl-policy h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    margin: 12px 0 0;
}
.tl-policy .tl-policy__subhead-plain {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin: 8px 0 0;
}
.tl-policy p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 4px;
}
.tl-policy a {
    color: #CB9579;
    text-decoration: underline;
    cursor: pointer;
}
.tl-policy a:hover {
    color: #b97f60;
}

body:has(.select2-container--open) {
    overflow-x: hidden !important;
}