.c-detailCourse-gallery{margin-bottom:32px}.c-detailCourse-gallery .course-gallery-main{margin-bottom:24px}.c-detailCourse-gallery .course-gallery-main .swiper-slide{width:100%;height:auto;aspect-ratio:1312/600;border-radius:10px;overflow:hidden}.c-detailCourse-gallery .course-gallery-main .swiper-slide img{width:100%;height:100%;object-fit:cover}.c-detailCourse-gallery .course-gallery-main .swiper-scrollbar{margin:24px auto 0}.c-detailCourse-gallery .course-gallery-thumbs .swiper-slide{width:100%;height:auto;aspect-ratio:317.5/250;border-radius:10px;overflow:hidden;position:relative}.c-detailCourse-gallery .course-gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}.c-detailCourse-gallery .course-gallery-thumbs .swiper-slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a7a}.c-detailCourse-gallery .course-gallery-thumbs .swiper-slide-thumb-active:after{display:none}.c-detailCourse-main__navbar{position:sticky;top:154px;z-index:99;background:#fff;transition:top .2s}.c-detailCourse-main__navbar a{display:inline-block;padding:14px 24px;font-family:BeVN-SemiBold,sans-serif;font-size:16px;color:var(--primary-gray);border-bottom:1px solid var(--primary-gray)}.c-detailCourse-main__navbar a.active,.c-detailCourse-main__navbar a:hover{color:var(--primary-blue);border-bottom:2px solid var(--primary-blue)}.c-detailCourse-main__overview{padding:64px 0;max-width:1040px;margin:0 auto}.c-detailCourse-main__overview .breadcrumb-layout{margin-bottom:1rem}.c-detailCourse-main__overview .breadcrumb-layout .breadcrumb{justify-content:flex-start}.c-detailCourse-main__overview .breadcrumb-layout .breadcrumb .breadcrumb-item,.c-detailCourse-main__overview .breadcrumb-layout .breadcrumb .breadcrumb-item a{color:#333;font-size:16px}.c-detailCourse-main__overview .breadcrumb-layout .breadcrumb .breadcrumb-item:before,.c-detailCourse-main__overview .breadcrumb-layout .breadcrumb .breadcrumb-item a:before{color:#333;font-size:16px}.c-detailCourse-main__overview .title-reuse-h4{margin-bottom:1rem}.c-detailCourse-main__overview .c-course-card__ratings{color:var(--primary-blue);font-size:16px;font-weight:700;margin-bottom:1rem}.c-detailCourse-main__overview .c-course-card__content{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;margin-bottom:16px;transition:all .3s ease-in-out}.c-detailCourse-main__overview .c-course-card__content--seemore{font-size:16px;color:var(--primary-light-blue);font-weight:700;text-decoration:underline}.c-detailCourse-main__overview .c-course-card__content--expanded{transition:all .3s ease-in-out;-webkit-line-clamp:unset}.c-detailCourse-main__overview--facilities{margin-top:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px}.c-detailCourse-main__formSearch{display:grid;grid-template-columns:50% 1.5fr 1.5fr 1fr;grid-gap:12px}.c-detailCourse-main__teetimes .choices{margin-bottom:0}.c-detailCourse-main__teetimes .datepicker-container{border:1px solid var(--primary-gray);border-radius:10px;width:fit-content;box-shadow:0 4px 8px #0000001a;display:flex;overflow:hidden}.c-detailCourse-main__teetimes .datepicker-container button{padding:12px 24px;background-color:transparent;border:none;outline:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.c-detailCourse-main__teetimes .datepicker-container button:hover{cursor:pointer;background-color:#e7e5e5}.c-detailCourse-main__teetimes .datepicker-container button i{font-size:16px}.c-detailCourse-main__teetimes .datepicker-container .teetime_date_picker{border:none;border-left:1px solid var(--primary-gray);border-right:1px solid var(--primary-gray);outline:none;font-size:16px;width:200px;text-align:center}.c-detailCourse-main__teetimes--grid{max-width:1015px;margin:0 auto}.c-detailCourse-main__listTeetimes{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px}.c-detailCourse-main__listTeetimes .teetime-slot{cursor:pointer}.c-detailCourse-main__listTeetimes .teetime-slot:hover .card-body{background-color:var(--bs-card-cap-bg)}.c-detailCourse-main__listTeetimes .teetime-slot-hotdeal .card-header{background-color:#f8991c;color:#fff}.c-detailCourse-main__map iframe{width:100%;height:500px;border:none}.swiper-coursesArea{margin-bottom:32px;padding-top:65px}.swiper-coursesArea .swiper-wrapper .swiper-slide{background-color:#fff;border-radius:16px;border:1px solid var(--gray-300);padding:1rem}.swiper-coursesArea .swiper-wrapper .swiper-slide .c-coursesDetail-byArea__image{border-radius:10px;margin-bottom:1rem}.swiper-coursesArea .swiper-wrapper .swiper-slide .c-coursesDetail-byArea__image img{width:100%;height:100%;object-fit:cover}.tab-pane .swiper-button-prev,.tab-pane .swiper-button-next{background-color:#fff;border-color:var(--primary-green);left:-70px}.tab-pane .swiper-button-prev svg path,.tab-pane .swiper-button-next svg path{fill:var(--primary-green)}.tab-pane .swiper-button-prev:hover svg path,.tab-pane .swiper-button-next:hover svg path{fill:#fff}.tab-pane .swiper-button-next{right:-70px;left:unset}#teetimeBookingModal .card-header{font-weight:700;color:var(--primary-blue);font-size:16px;padding:1rem;background-color:#f4f6f8}#teetimeBookingModal .modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}#teetimeBookingModal .modal-grid .form-group label{margin-bottom:10px}#teetimeBookingModal .modal-grid .form-group input{padding:11px;font-size:12px;border-radius:10px;border:1px solid var(--gray-300)}#teetimeBookingModal .modal-grid .form-group .form-group-custom .btn-plus-minus{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10;display:flex;gap:4px;align-items:center}#teetimeBookingModal .modal-grid .form-group .form-group-custom .btn-plus-minus button{background-color:#1a1a1a0f;border:1px solid var(--gray-300);border-radius:100px;padding:0 14px}#teetimeBookingModal .modal-grid .form-group .form-group-custom .btn-plus-minus button svg{position:relative;top:0;left:0;transform:unset;width:10px;height:10px}#teetimeBookingModal .modal-grid .form-group .form-group-custom .btn-plus-minus button:hover{background-color:#1a1a1a1a}#teetimeBookingModal .modal-grid .form-group .form-group-custom input{padding:11px 36px}#teetimeBookingModal .modal-grid input[type=number]::-webkit-inner-spin-button,#teetimeBookingModal .modal-grid input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c-detailCourse-main__formSearch .form-group-custom{position:relative}.c-detailCourse-main__formSearch .form-group-custom .error-message{position:absolute;bottom:-20px;left:0;white-space:nowrap}.choices{margin-bottom:0}@media (max-width: 768px){.display-on-mobile .title-reuse-h4,.display-on-mobile .c-course-card__ratings{margin-bottom:10px}.display-on-mobile .m-detailCourse__navbar{position:sticky;top:77px;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;overflow:scroll;padding-bottom:5px;background-color:#fff;z-index:90}.display-on-mobile .m-detailCourse__navbar a{display:inline-block;padding:14px 24px;border-bottom:2px solid var(--gray-300)}.display-on-mobile .m-detailCourse__navbar .active{color:var(--primary-blue);font-weight:700;border-bottom:2px solid var(--primary-blue)}.display-on-mobile .m-detailCourse__breadcrumbs{padding:24px}.display-on-mobile .m-detailCourse__breadcrumbs .breadcrumb-layout .breadcrumb{justify-content:flex-start;margin-bottom:0}.display-on-mobile .m-detailCourse__breadcrumbs .breadcrumb-layout .breadcrumb .breadcrumb-item,.display-on-mobile .m-detailCourse__breadcrumbs .breadcrumb-layout .breadcrumb .breadcrumb-item a,.display-on-mobile .m-detailCourse__breadcrumbs .breadcrumb-layout .breadcrumb .breadcrumb-item:before,.display-on-mobile .m-detailCourse__breadcrumbs .breadcrumb-layout .breadcrumb .breadcrumb-item a:before{color:#333}.display-on-mobile .m-detailCourse__facilities{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px}.display-on-mobile #accordionCourseMobile .accordion-item{border:unset;padding-bottom:24px}.display-on-mobile #accordionCourseMobile .accordion-item .accordion-header .accordion-button{background-color:#f4f6f8;padding:16px;border-radius:10px;color:var(--primary-blue);font-size:20px;font-weight:600;border:none;position:relative;transition:all .3s ease;box-shadow:unset}.display-on-mobile #accordionCourseMobile .accordion-item .accordion-header .accordion-button:after{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0013 29.3333C23.3651 29.3333 29.3346 23.3638 29.3346 16C29.3346 8.63616 23.3651 2.66663 16.0013 2.66663C8.63751 2.66663 2.66797 8.63616 2.66797 16C2.66797 23.3638 8.63751 29.3333 16.0013 29.3333Z' stroke='%238CC63F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 10.6666V21.3333' stroke='%238CC63F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.668 16H21.3346' stroke='%238CC63F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:32px 32px;width:32px;height:32px;content:"";transition:transform .2s ease-in-out}.display-on-mobile #accordionCourseMobile .accordion-item .accordion-header .accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0013 29.3333C23.3651 29.3333 29.3346 23.3638 29.3346 16C29.3346 8.63616 23.3651 2.66663 16.0013 2.66663C8.63751 2.66663 2.66797 8.63616 2.66797 16C2.66797 23.3638 8.63751 29.3333 16.0013 29.3333Z' stroke='%238CC63F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.668 16H21.3346' stroke='%238CC63F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:32px 32px;width:32px;height:32px;content:"";transform:rotate(0);transition:transform .2s ease-in-out}.display-on-mobile #accordionCourseMobile .accordion-item .accordion-body{padding:24px 0 0}.display-on-mobile .course-gallery-mobile .swiper-wrapper .swiper-slide{width:100%;height:auto;aspect-ratio:4/3;border-radius:10px;overflow:hidden}.display-on-mobile .course-gallery-mobile .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.c-detailCourse-main__listTeetimes{grid-template-columns:repeat(2,1fr)}.c-detailCourse-main__formSearch,#teetimeBookingModal .modal-grid{grid-template-columns:1fr}.c-detailCourse-main__teetimes .datepicker-container .teetime_date_picker{width:calc(100% - 110px)}}@media (max-width: 320px){.c-detailCourse-main__listTeetimes{grid-template-columns:1fr}}
