/* body{ padding-top: 69px; }
body{ padding-top: 100px; } */
.flex-basis-0{-ms-flex-preferred-size: 0;flex-basis: 0;}
.btn.btn-primary{border: var(--bs-secondary) solid 3px!important;}
.img-fit{ -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.navbar.fixed-top{ top: -1px; }

/* HERO */
.hero{ height: 700px; position: relative; background-image: url('../img/banner.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; background-color: #f2e6d6; }
@media (max-width: 1600px){
  .hero{ height: 600px; background-size: contain; }
}
@media (max-width: 1199px){
  .hero{ height: 500px; }
}
@media (max-width: 1024px){
  .hero{ height: 400px; }
}
@media (max-width: 768px){
  .hero{ height: 300px; }
}
@media (max-width: 575px){
  .hero{ height: 185px; }
}

/*GALLERY*/
.parent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(5, 1fr); -ms-grid-rows: (1fr)[4]; grid-template-rows: repeat(4, 1fr); grid-column-gap: 15px; }
.parent > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
.parent > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
.parent > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
.parent > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }
.parent > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; }
.parent > *:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 1; }
.parent > *:nth-child(7) { -ms-grid-row: 2; -ms-grid-column: 3; }
.parent > *:nth-child(8) { -ms-grid-row: 2; -ms-grid-column: 5; }
.parent > *:nth-child(9) { -ms-grid-row: 2; -ms-grid-column: 7; }
.parent > *:nth-child(10) { -ms-grid-row: 2; -ms-grid-column: 9; }
.parent > *:nth-child(11) { -ms-grid-row: 3; -ms-grid-column: 1; }
.parent > *:nth-child(12) { -ms-grid-row: 3; -ms-grid-column: 3; }
.parent > *:nth-child(13) { -ms-grid-row: 3; -ms-grid-column: 5; }
.parent > *:nth-child(14) { -ms-grid-row: 3; -ms-grid-column: 7; }
.parent > *:nth-child(15) { -ms-grid-row: 3; -ms-grid-column: 9; }
.parent > *:nth-child(16) { -ms-grid-row: 4; -ms-grid-column: 1; }
.parent > *:nth-child(17) { -ms-grid-row: 4; -ms-grid-column: 3; }
.parent > *:nth-child(18) { -ms-grid-row: 4; -ms-grid-column: 5; }
.parent > *:nth-child(19) { -ms-grid-row: 4; -ms-grid-column: 7; }
.parent > *:nth-child(20) { -ms-grid-row: 4; -ms-grid-column: 9; }
.parent > div{ overflow: hidden; }
.parent > div > img{ height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.div1 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 6 / 3; height: 450px; }
.div2 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: 1 / 3 / 6 / 5; height: 450px; }
.div3 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 1 / 5 / 3 / 6; padding-bottom: 7.5px; }
.div4 { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 3 / 5 / 5 / 6; padding-top: 7.5px;}
.bg-intro{background-color: #22AE891A;}

/* COLLAPSE */
.collapse-icon-change{ cursor: pointer; }
.collapse-icon-change.collapsed > span{ display: inline-block; }
.collapse-icon-change.collapsed > span + span{ display: none; }
.collapse-icon-change.collapsed > img{ display: inline-block; }
.collapse-icon-change.collapsed > img + img{ display: none; }
.collapse-icon-change > img{ display: none; }
.collapse-icon-change > img + img{ display: inline-block; }
.collapse-icon-change > span{ display: none; }
.collapse-icon-change > span + span{ display: inline-block; }

/* MEDIA OBJECT */
.icon-wrap{ background-color: var(--bs-secondary); padding: 9.5px 9px; border-radius: 10px; }

/*FORM*/
.form-control,
.form-control:focus{ -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; border: 0!important; }
.form-select:not(.form-control){ font-weight: 600; -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25), 0px 5px 16px rgba(196, 196, 196, 0.05)!important; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25), 0px 5px 16px rgba(196, 196, 196, 0.05)!important; }
.form-select.bg-secondary:disabled{ cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); }
.was-validated .form-control:invalid, .form-control.is-invalid{ background-color: #FCD0CF; }
/* was-validated :invalid~.input-group-text{ display: none; } */
.input-group-flag .input-group-text.fi { background-size: 25px; padding-left: 35px; }
.input-group-flag select,
.input-group-flag input{ padding-left: 0px!important; }
.focus .ts-control{box-shadow: none!important;}

/* NAVTABS */
.nav-tabs .nav-link{ position: relative; }
.nav-tabs .nav-link::after{ content: ''; position: absolute; height: 4px; border-radius: 8px 8px 0px 0px; bottom: 0; left: 25px; right: 25px; -webkit-transition: background-color .3s ; -o-transition: background-color .3s ; transition: background-color .3s ; }

.nav-tabs .nav-link.active{ font-weight: bold; }
.nav-tabs .nav-link.active::after{ background-color: var(--bs-dark); }

/* CARDS */
.card.shadow{ -webkit-box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18)!important; box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18)!important; }

/* CUSTOM ELEMENTS */
.with-chevron{ cursor: pointer; }
.with-chevron::after { display: inline-block; margin-left: 1em; vertical-align: 0.2em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.divider-text{ position: relative; text-align: center; font-weight: 600; }
.divider-text::after{ content: ''; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 2px; background-color: var(--bs-gray-300); }
.divider-text span{ position: relative; z-index: 1; background-color: #FFF; padding-left: 15px; padding-right: 15px; }
.modal .modal-body{ max-height: 500px; overflow-y: scroll; }
.modal .modal-body { -ms-overflow-style: none; scrollbar-width: none; }
.modal .modal-body::-webkit-scrollbar { display: none; width: 0; height: 0; }
#m-profile .modal-body{ height: 500px;}

/* .modal .accordion-item ul.interactive-list{ display: flex; flex-direction: column; gap: .75rem; margin-bottom: 0; }
.modal .accordion-item ul.interactive-list li{ cursor: pointer; }
.modal .accordion-item ul.interactive-list li.active{ font-weight: 600; }
.modal .accordion-item ul.interactive-list li span{ position: relative; }
.modal .accordion-item ul.interactive-list li span::after{ content: "\F272"; font-family: bootstrap-icons !important; font-size: 1.875rem; display: block; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); display: none; }
.modal .accordion-item ul.interactive-list li.active span::after{ display: block; } */

.steps-counter { counter-reset: steps; }
.steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; padding: 0; margin: 0; list-style: none; }
.steps-counter .step-item { counter-increment: steps; }
.step-item { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-height: 1rem; margin-top: 0; color: inherit; text-align: center; cursor: default; padding-top: calc(24px); }
.steps-counter .step-item:before { content: counter(steps); }
.step-item:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color:#FFF; width: 24px; height: 24px; font-weight: bold; }
.step-item:before { background: green; content:"\F272"!important; font-family: bootstrap-icons; }
.step-item:after{ background-color: #E0E0E0; }
.step-item:not(:last-child):after { position: absolute; left: 50%; width: 50%; content: ""; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); }
.step-item:after { top: calc(24px * .5); height: 2px; }
.step-item.active:before { background: #22AE89; content: counter(steps)!important; font-family: inherit; }
.step-item.active:after { background: #E0E0E0; }
.step-item.active~.step-item:before { background: #9CD4FF; content: counter(steps)!important; font-family: inherit; color: #110E03; }
.step-item.active~.step-item:after{ background: #E0E0E0; }

.accordion-checkbox .accordion-item{ border: 0; }
.accordion-checkbox .accordion-button.active{ background-color: var(--bs-gray); }
.accordion-checkbox .accordion-button{ background-color: transparent; }
.accordion-checkbox .accordion-button.active::before{ display: block;}
.accordion-checkbox .accordion-header{ position: relative; }
.accordion-checkbox .accordion-body ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; margin-bottom: 0;}
.accordion-checkbox .accordion-body li span{ position: relative; }
.accordion-checkbox .accordion-body li input:checked + span::after{ content: "\F272"; font-family: bootstrap-icons !important; font-size: 1.875rem; display: block; position: absolute; left: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.checkmark{ display: none!important; background-image: url('../img/icon-checked.svg'); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -35px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; display: none; pointer-events: none; }
.checkmark + label{ width: 100%; }
input:checked + .checkmark{ display: block!important; }
.list-checkbox li{ padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
.list-checkbox li.selected{ background-color: var(--bs-secondary); border-radius: 8px; }
.list-checkbox li label{ cursor: pointer; }
.list-checkbox li div{ cursor: default; }
#show-pwd{ cursor: pointer; }

.btn-close-sm{ width: 0.5em; height: 0.5em; }

.box{ border-radius: 2px; }
.text-mini{ font-size: 0.563rem; }

/* NUMBER PICKS */
#m-people *::-moz-selection { background-color: transparent; color: #000; }
#m-people *::selection { background-color: transparent; color: #000; }
.n-picks{height: 270px; margin: 25px 0; overflow: hidden; display: inline-block; background-color: #E5E5E5; border-radius: 20px; position: relative;}
.n-picks ul{list-style: none; padding-left: 0; display: inline-block; margin-bottom: 0; position: relative; top: -54px; width: 100px; text-align: center;}
.n-picks ul li{padding: 15px 0; opacity: 0.70;}
.n-picks ul li.current { font-size: 25px; font-weight: bold; padding: 8px 0; opacity: 1; }
.n-picks-center{ height: 54px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; z-index: 1; }

/*QRCODE*/
#qrcode img{ margin: 0 auto; max-width: 100%; }

/* SEARCH */
#open-search{ cursor: pointer; }
#open-search + input{ -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transition: -webkit-clip-path .4s; transition: -webkit-clip-path .4s; -o-transition: clip-path .4s; transition: clip-path .4s; transition: clip-path .4s, -webkit-clip-path .4s; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; min-width: 300px; padding-left: 48px; }
#open-search.open + input{ -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

/* OFFCANVAS MENU */
.offcanvas .offcanvas-list li:last-child{ border: 0; }
.offcanvas-bottom.shadow{-webkit-box-shadow: 0px -1px 3px rgba(97, 97, 97, 0.2), 0px -2px 5px rgba(97, 97, 97, 0.2)!important;box-shadow: 0px -1px 3px rgba(97, 97, 97, 0.2), 0px -2px 5px rgba(97, 97, 97, 0.2)!important;}

/* LOADER */
.loader{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.loader.show{ opacity: 1; z-index: 9999;}
.loader .spinner-border{ width: 130px; height: 130px; }

/* ZIG ZAG BORDER */
.zigzag{
  --mask: linear-gradient(#000 0 0) center/100% calc(100% - 30px) no-repeat, conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/30.00px 15px repeat-x, conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/30.00px 15px repeat-x;
  -webkit-mask: var(--mask); mask: var(--mask);
}

/* STOPWATCH */
#stopwatch{ width: 70px; }
#stopwatch small{ width: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

/* CALENDAR */
.daterangepicker{ position: static; display: block!important; border: 0; width: 100%;}
.daterangepicker .drp-calendar{ max-width: 100%; width: 100%; }
.daterangepicker .drp-buttons{ display: none!important; }
.daterangepicker th.month{ font-size: 15px; }
.daterangepicker td{ background-color: transparent!important; }
.daterangepicker td.active{ color: var(--bs-dark); background-color: transparent; font-weight: bold; }
/* .daterangepicker td.active.available, .daterangepicker td.available:hover{ background-color: var(--bs-secondary)!important; }
 */
.daterangepicker .calendar-table td{ position: relative; z-index: 5; }
.daterangepicker .calendar-table td.available::after{ content: ""; position: absolute; top: 1px; right: 1px; left: 1px; bottom: 1px; border: 2px solid #9cd4ff5e; border-radius: 4px; z-index: -1; }
.daterangepicker .calendar-table td.active::after, .daterangepicker .calendar-table td.available:hover::after{ background-color: var(--bs-secondary); border: 0; }


.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{ width: 32px; height: 42px; }
.daterangepicker .calendar-table td.available{ font-weight: 700; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; opacity: 0.5; }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect{ border: 0; font-size: 17px; font-weight: bolder; text-align: right; padding-right: 5px; outline: none; }
/* .daterangepicker th.prev,
.daterangepicker th.next{ display: none; } */
.daterangepicker select.monthselect{ margin-right: 0; width: auto; float: left; text-align: left; margin-left: 10px; text-transform: capitalize;}
.daterangepicker select.yearselect{ margin-right: 0; width: auto; margin-right: 12px; float: right; }
/*#m-date .daterangepicker th.prev,*/ 
#m-date-profile .daterangepicker th.next,
#m-date-profile .daterangepicker th.prev, 
#m-date-profile .daterangepicker th.next{ display: none; }
#m-date{ text-transform: capitalize; }

/* TICKET NUMBER */
.ticket-number-container{border-radius: 10px;}
.ticket-number-container .decrease, .ticket-number-container .increase{border-radius: 10px; background-color: var(--bs-secondary); height: 45px; width: 45px; position: relative; cursor: pointer;}  
.ticket-number-container .decrease, .ticket-number-container .increase{font-size: 19px; line-height: 1;}
.ticket-number-container .increase{background-color:  var(--bs-secondary);}
/*.ticket-number-container .decrease:before, .ticket-number-container .increase:before{content:'-'; position: absolute; font-size: 35px; top:50%; left: 50%; line-height: 1; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ticket-number-container .increase:before{content:'+';}*/
.ticket-number-container input{ background-color: #FFF!important; border: none; max-width: 100px; outline: none; font-weight:bold; cursor: default; }
.ticket-number-container input[type="number"]::-webkit-inner-spin-button,
.ticket-number-container input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.ticket-number-container input[type=number] { -moz-appearance:textfield; }

@media (max-width: 991px){
  .parent{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: (1fr)[5]; grid-template-rows: repeat(5, 1fr); grid-column-gap: 15px; }
  .parent > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1; }
  .parent > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 3; }
  .parent > *:nth-child(3){ -ms-grid-row: 1; -ms-grid-column: 5; }
  .parent > *:nth-child(4){ -ms-grid-row: 2; -ms-grid-column: 1; }
  .parent > *:nth-child(5){ -ms-grid-row: 2; -ms-grid-column: 3; }
  .parent > *:nth-child(6){ -ms-grid-row: 2; -ms-grid-column: 5; }
  .parent > *:nth-child(7){ -ms-grid-row: 3; -ms-grid-column: 1; }
  .parent > *:nth-child(8){ -ms-grid-row: 3; -ms-grid-column: 3; }
  .parent > *:nth-child(9){ -ms-grid-row: 3; -ms-grid-column: 5; }
  .parent > *:nth-child(10){ -ms-grid-row: 4; -ms-grid-column: 1; }
  .parent > *:nth-child(11){ -ms-grid-row: 4; -ms-grid-column: 3; }
  .parent > *:nth-child(12){ -ms-grid-row: 4; -ms-grid-column: 5; }
  .parent > *:nth-child(13){ -ms-grid-row: 5; -ms-grid-column: 1; }
  .parent > *:nth-child(14){ -ms-grid-row: 5; -ms-grid-column: 3; }
  .parent > *:nth-child(15){ -ms-grid-row: 5; -ms-grid-column: 5; }
  .div1 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 6 / 3; height: 300px; }
  .div2 { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1 / 3 / 6 / 4; height: 300px; }
  .div3, .div4{ display: none; }
  .bg-change{ background-color: #FFF!important; }
}

@media (max-width: 767px){
  .modal:not(.force-center).fade{ overflow: hidden; }
  .modal:not(.force-center) .modal-body{ max-height: none; }
  .modal:not(.force-center) .modal-content{ max-height: calc(100vh - 72px); }
  .modal:not(.force-center).fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); margin-top: 0; margin-bottom: 0; margin: 0 auto; }
  .modal:not(.force-center).fade.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; }
  .modal:not(.force-center).fade .modal-dialog-centered{ -webkit-box-align: end; -ms-flex-align: end; align-items: end; min-height: calc(100%); }
}