.product_img_stle {
    width: 32%;
    float: left;
    margin-right: 14px;
    border-radius: 22px;
}
img.img_style {
    border-radius: 17px;
}
.booking_section {
    width: 25%;
    float: left;
}
.tickets_section {
    width: 75%;
    float: left;
}
.info_section {
    width: 100%;
    float: left;
}
.next_Avail_date {
    padding: 20px;
    border: 1px solid;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
    text-align: center;
}
.next_Avail_date {
    padding: 17px 0px 17px 0px;
    border: 1px solid;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
    text-align: center;
    width: 100px;
}
.next_Avail_date_icon{
    padding: 32px 0px 31px 0px;
    border: 1px solid;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
    text-align: center;
    width: 100px;
}
.availaible_section {
    width: 100%;
    float: left;
}
.ticket_constr {
    width: 100%;
    float: left;
    border: 1px solid blue;
    border-radius: 7px;
}

.activity-lists .card {
border: 1px solid #28ace2;
box-shadow: 0 3px 5px 0 #bababa;
flex-direction: row;
margin-bottom: 30px;
border-radius: 8px;
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.activity-lists .card .header-width {
width: 70%;
}
.activity-lists .card-header {
border-bottom: none;
}

.activity-lists .card-header {
background-color: #e9eaec;
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.hot.pink {
background-color: #f74b81;
}
.hot {
border-radius: .375rem 0 15px 0;
box-shadow: 0 3px 5px #bababa;
color: #fff;
font-size: 13px;
font-weight: 700;
left: -18px;
line-height: 0;
padding: 6px 15px;
position: relative;
top: -10px;
}
.activity-lists .card-header h6 {
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-bottom: .5rem;
margin-top: .5rem;
}

.fs-6 {
font-size: 1rem !important;
}
.activity-lists .card-body .card-text {
display: -webkit-box;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}
.activity-lists .card .card-footer {
border-left: 1px solid #dee2e6;
width: 30%;
}
.activity-lists .card-footer {
align-items: flex-start;
border-top: 1px solid #dee2e6;
flex-direction: column;
gap: 20px;
padding: .5rem 1rem;
}
.activity-lists .card-footer {
background-color: #fff;
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-footer {
align-items: center;
display: flex;
justify-content: space-between;
padding: 25px 0 5px;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.activity-lists .card-footer .card-footer-right {
width: 100%;
}
.main_struc {
float: left;
padding-left: 14px;
padding-right: 10px;
}
.rest_struct {
align-content: center;
/* width: max-content; */
width: 1270px;
margin-right: auto;
margin-left: auto;
}
.product_img_stle {
width: 32%;
float: left;
margin-right: 14px;
border-radius: 22px;
}
.activity-lists .card-footer .btn.btn-primary {
border: 0px;
border-radius: 6px;
color: #fff !important;
font-weight: 600;
margin-bottom: 5px;
margin-left: 0;
margin-top: 5px;
padding: 10px 20px;
text-align: center;
width: 100%;
background-color: #28ace2;
}
.fw-bold {
font-weight: 700 !important;
}
@keyframes slideDown {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0);
}
}

/* Apply the slideDown animation to elements with the .sidebar.sticky-top class */
.sidebar.sticky-top {
animation: slideDown 0.5s ease-in-out;
top: 88px;
box-shadow: 0 3px 5px 0 #bababa;
margin-left: 20px;
margin-top: 26px;
}
.hot.green {
background-color: #35d164;
color: #fff !important;
}
.sidebar {
background-color: var(--color-box-background);
box-shadow: 0 4px 16px rgba(var(--color-default-rgb), .1);
padding: 24px 16px;
}
.sticky-top {
z-index: 1;
}
.sticky-top {
transform-origin: center;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sidebar .sidebar-title {
color: var(--color-secondary);
font-size: 24px;
font-weight: 800;
line-height: 32px;
margin: 0;
padding: 0;
}
.sidebar .btn.btn-primary {
display: block;
font-size: 16px;
font-weight: 800;
margin-left: 0;
margin-top: 20px;
padding: 10px 0px;
text-align: center;
text-transform: uppercase;
width: 100%;
background-color: #28ace2;
border-radius: 8px;
color: #fff;
text-decoration: none;
}
.sidebar .share-box {
border-top: 1px solid #dee2e6;
display: flex;
justify-content: space-between;
margin-top: 24px;
padding-top: 20px;
}
.sidebar .share-box p {
margin-bottom: 0;
padding: 8px 12px;
}

.font-weight-bold {
font-weight: 700 !important;
}
a.href_style {
text-decoration: none;
}
/* The Modal (background) */
.modal {
        display: none; 
        position: fixed; 
        z-index: 1; 
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto; 
        background-color: rgba(0,0,0,0.4); 
    }

    /* Modal Content */
    .modal-content {
        background-color: #fefefe;
        margin: 75px auto; 
        padding: 20px;
        border: 1px solid #888;
        width: 600px;
        text-align: center;
        border-radius: 8px;
    }

    /* The Close Button */
    .close {
        color: #aaa;
        float: right;
        font-size: 34px;
        font-weight: bold;
        margin-top: -18px;
    }
    .calendare_title {
        text-align: left;
        font-size: 19px;
        font-weight: 600;
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 15px;
    }

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    /* Calendar styling */
    #calendar {
        margin-top: 20px;
    }

    .apply-btn {
        font-size: 16px;
        /* text-align: right; */
        display: block;
        margin: 20px 0px 0px 455px;
        padding: 15px 44px;
        background-color: #28ace2;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 9px;
        font-weight: bold;
    }

    .apply-btn:hover {
        background-color: #0056b3;
    }
    .flatpickr-day {
        margin-top: 5px !important;
        border-radius: 9px!important;
        border: 1px solid #999 !important;
        margin-bottom: 5px;
        color: black;
    }
    .flatpickr-day:hover {
        background-color: #216ba5!important;
        color: white!important;
    }
    .flatpickr-calendar {
        width: 586px!important;
    }
    .flatpickr-innerContainer {
        display: block!important;
    }
    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
        border: 0px solid #999 !important;
        color: #ccc !important;
        background-color : transparent !important
    }
    .flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover{
        border: 0px solid #999 !important;
        color: #ccc !important;
    }
    .flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover{
        border: 0px solid #999 !important;
        color: #ccc !important;
        background-color : transparent !important
    }

    .modal-content2 {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 79%;
        max-width: 671px;
        border-radius: 5px;
    }


    .header {
        font-size: 18px;
        margin-bottom: 1em;
        font-weight: bold;
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 25px;
    }

    .date {
        background-color: #f2f8fa;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 1em;
        line-height: 34px;
        float: left;
        width: 97%;
    }

    .date p {
        margin: 0;
    }

    .quantity {
        align-items: center;
    }

    .quantity input {
        width: 50px;
        text-align: center;
    }

    .quantity button {
        padding: 10px;
    }

    .checkout {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #dee2e6;
        padding-top: 15px;
    }

    .checkout button {
        background-color: #00aaff;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        display: block;
        padding: 15px 44px;
        background-color: #28ace2;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 9px;
        font-weight: bold;
    }

    .checkout button:hover {
        background-color: #008ecc;
    }
    .seected_date_sty {
        width: 130px;
        float: left;
        font-weight: 500;
    }
    .reselect_date {
        width: 99px;
        float: right;
        color: #28ace2;
        font-weight: 700;
        cursor: pointer;
    }
    span.partial_title {
        font-weight: 500;
    }


    .qty-body {
        display: block;
    }
    .mt-3 {
        margin-top: 1rem !important;
    }
    .modal-footer h5, .quantity-details h5, .time-slot h5 {
font-size: 18px;
font-weight: 700;
}
.gap-1 {
gap: .25rem !important;
}

.quantity-calc-list {
background-color: #f6f6f6;
border-radius: 8px;
padding: 16px;
}
.justify-content-between {
justify-content: space-between !important;
}
.d-flex {
display: flex !important;
}
.quantity, .quantity p {
word-wrap: break-word;
}

.quantity {
display: block;
width: 70%;
}
.quantity, .quantity p {
word-wrap: break-word;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.small, small {
font-size: .875em;
}
.width_100 {
width: 100px;
}
.text-center {
text-align: center !important;
}
.numberstyle-qty {
background-color: #fff;
border: 1px solid #999;
border-radius: 6px;
display: flex;
overflow: hidden;
position: relative;
width: 100%;
}
.numberstyle-qty .qty-btn {
cursor: pointer;
font-size: 18px;
transition: all .25s ease;
-webkit-user-select: none;
user-select: none;
width: 30px;
z-index: 2;
}
.numberstyle-qty .qty-btn, .numberstyle-qty input {
border: 0;
box-shadow: none;
box-shadow: 0;
display: block;
float: left;
height: 40px;
line-height: 40px;
margin: 0;
outline: 0;
padding: 0;
position: relative;
text-align: center;
}
.numberstyle-qty input[type=number] {
-moz-appearance: textfield;
width: 38px;
}
.numberstyle-qty .qty-btn, .numberstyle-qty input {
border: 0;
box-shadow: none;
box-shadow: 0;
display: block;
float: left;
height: 40px;
line-height: 40px;
margin: 0;
outline: 0;
padding: 0;
position: relative;
text-align: center;
}
.numberstyle-qty .qty-btn {
cursor: pointer;
font-size: 18px;
transition: all .25s ease;
-webkit-user-select: none;
user-select: none;
width: 30px;
z-index: 2;
}
.numberstyle-qty .qty-btn, .numberstyle-qty input {
border: 0;
box-shadow: none;
box-shadow: 0;
display: block;
float: left;
height: 40px;
line-height: 40px;
margin: 0;
outline: 0;
padding: 0;
position: relative;
text-align: center;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}

.small, small {
font-size: .875em;
}