/* Classes details ===================================================================================================*/




.ul-list li {

  display: block;

  position: relative;

  padding-left: 15px;

  font-size: 16px;

}



.ul-list li:not(:last-child) {

  margin-bottom: 10px;

}

.ul-list li::before {

  width: 4px;

  height: 4px;

  border-radius: 50%;

  left: 0px;

  top: 10px;

  content: '';

  position: absolute;

  background-color: #000;

}



.includes-row-list p {

  font-size: 18px;

  position: relative;

  padding-left: 20px;

  margin-bottom: 0;

  line-height: 40px;

}

.includes-row-list p::before {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%) rotate(130deg);

  background-color: #000;

  width: 8px;

  height: 8px;

  content: '';

}

.reserve-book-user .input-group {

  justify-content: center;

  align-items: center;

}

.reserve-book-user .cart_qty {

  max-width: 40%;

  margin-left: auto;

  border: 1px solid #a1a1a1;

}



.reserve-book-user .input-group .btn {

  background-color: transparent !important;

  border: none !important;

}



.slots-items {

  display: flex;

  justify-content: space-between;

  align-items: center;

  border: 1px solid lightgrey;

  padding: 12px;

  flex-wrap: wrap;

  gap: 15px;

  cursor: pointer;

}

.slot-items-div input {

  display: none;

}



.slot-items-div input:checked+label {

  background-color: #ffdb00;

}



.slots-items p {

  margin-bottom: 0;

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 15px;

}

.slots-items p svg {

  width: 16px;

  height: 16px;

  flex-shrink: 0;

}

.slick-prev {

  z-index: 1;

}



.class-slider-div .right-side-img img {

  height: 589px;

  object-fit: cover;

  object-position: center;

  padding: 0 10px;

}

.class-slider-div .right-side-img {

  margin: 0 !important;

}





.class-slider-div .slick-prev,.arrow-in-25 .slick-prev{

  left: 25px;

}



.class-slider-div .slick-next,.arrow-in-25 .slick-next {

  right: 25px;

}




.min-add-button input {

  background-color: transparent;

  border: none;

  text-align: center;

  padding: 0;

  font-size: 18px;

  cursor: auto;

}

.min-add-button .form-control[readonly] {

  background-color: transparent;

}



.min-add-button {

  border: 1px solid #cdcdcd;

  padding: 10px 15px;

}



.min-add-button .input-group-addon {

  color: #7e7e7e;

  font-size: 18px;

}


/* .class-details-row .slider-image {
  height: 589px;
} */

.class-details-row .slider-image img {

  width: 100%;

  /* height: 100%; */
  height: 589px;

  /* object-fit: contain; */
  object-fit: cover;

  /* margin: 3px 0; */

}

.sidebar-image img {

  cursor: pointer;

  height: 141px;

  width: 166px;

  object-fit: cover;

}

.quantity-price .input-group .btn {

  position: relative;

  z-index: 2;

  background-color: #000 !important;

  border: 1px solid #000 !important;

  color: #fff;

}

.tooltip .tooltiptext {

  width: auto !important;

  white-space: nowrap;

}

.card-sticky {

  position: sticky;

  top: 100px;

}



.slot-selected {

  padding: 10px;

  background: #fffbb4;

  cursor: pointer;

  transition: all 0.2s linear;

}





.slot-selected:hover {

  background-color: #ffdb00;

}



.tooltip {

  z-index: 0;

}

/* .class-details-row .slider-image img {

  width: 100%;

  height: 589px
} */


@media (min-width:1399px) {
  

.class-slider-div .slick-prev,.arrow-in-25 .slick-prev{

  left: 6px;

}



.class-slider-div .slick-next,.arrow-in-25 .slick-next {

  right: 6px;

}


}


@media (max-width:991px) {
  .class-slider-div .slick-prev,.arrow-in-25 .slick-prev{

    left: 6px;
  
  }
  
  
  
  .class-slider-div .slick-next,.arrow-in-25 .slick-next {
  
    right: 6px;
  
  }
  


  .sidebar-image img {

    height: 85px;

    object-fit: cover;

  }



  .main-title.fs30 {

    font-size: 28px !important;

  }
  .class-details-row .slider-image{

    height: 370px;
  }


  .class-details-row .slider-image img {

    /* width: 100%;
    
    height: 100%;
    object-fit: contain; */

    height: 360px;
    object-fit: cover;

  }

  .main-slider-arrow .slick-arrow .slick-main-arrow{
    font-size: 14px;
  }


}



/* Custom css by shivani */



.reserve-spot-card .datepicker-inline {
  width: 100% !important;
}

.reserve-spot-card .datepicker table {
  width: 100%;
}

.reserve-spot-card .datepicker td,
.reserve-spot-card .datepicker th {
  text-align: center;
  width: 35px;
  height: 35px;
}

.reserve-spot-card .datepicker table tr td.active.active {
  background-color: #000 !important;
  background-image: none !important;
}

.reserve-spot-card .datepicker table tr td.active.active.day.today {
  color: #fff !important;
}

.reserve-spot-card .datepicker table tr td.today {
  background-color: transparent !important;
  background-image: none !important;
  color: #000 !important;
}

.class-box .calender-box {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  padding: 10px;
  background-color: #D8F1EA;
  text-align: center;
}

.class-box .calender-box svg {
  color: #3AB795;
}

.slot-box {
  padding: 15px;
  background-color: #F7F7F7;
}

.slot-detail {
  padding: 15px;
}

.details-total {
  border-bottom: 2px dashed #777777;
}

.class-booking-date img {
  height: 90px;
  width: 90px;
  object-fit: cover;
}


/* dashboard css */



/* Cancel Booking Start  */

.ticket-selection .ticket-box {

  border: 1px solid #dee2e6;

  padding: 15px;  

  cursor: pointer;

  transition: all 0.4s ease-in-out;
  margin-top: 16px;

}
.dashboard-bg-box p{
  line-height: 1.4rem;
}


.ticket-selection .ticket-box:hover,
.ticket-selection .ticket-box.active {
  border-color: #000;
}




.ticket-selection .ticket-box:last-child {

  margin-bottom: 0px;

}



.ticket-selection .ticket-box .ticket-icon {

  background-color: var(--main-color);

  height: 50px;

  width: 50px;

  padding: 5px;

  text-align: center;

}



.ticket-selection .ticket-box .ticket-icon img {

  height: 20px;

  width: 20px;

  object-fit: cover;

  margin-top: 9px;

}



.cancel-note {

  background-color: #EEEEEE;

  padding: 16px;

  margin-top: 17px;

}





.ticket-selection .form-check-input {

  width: 20px;

  height: 20px;

  appearance: none;

  border: 1px solid #555;

  border-radius: 4px;

  position: relative;

  outline: none;

  cursor: pointer;

  transition: background 0.3s;

}





.ticket-selection .form-check-input:checked {

  background-color: var(--dark-color);

  border-color: var(--dark-color);



}
.ticket-selection .ticket-box:has(.ticket-selection .form-check-input:checked){
  position: relative;
  border-color: #000;
}

.slot-select-block{
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  height: 82px;
  margin-top: 1rem;
}
.slot-select-block p{
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 16px;
  color: var(--red-color);
}
.slot-select-block .new-select .btn.dropdown-toggle{
  padding-top: 0;
  padding-bottom: 0;
}

.class-c-form .form-control{
 padding-left: 0 !important;
 padding-right: 0 !important;
 padding-top: .375rem !important;
 padding-bottom: .375rem !important;
}

.class-details-row-2 .slick-top .slick-list .slick-track>div{
  margin-top: 0;
}
/* Cancel Booking End  */



.class-details-row-2 .country-code{
  width: 25%;
}