.nav-tabs li a {color: #000; font-size: 1.8rem;}
.package-item .package-img img {width:100%;}
.package-item {border: 1px solid #ccc; padding: 10px; border-radius: 10px; display: inline-block;     /*background: #f8f7eb;*/}
.package-price .calc {float: left; width:100%;}
.package-price {float: left; width: 100%; 
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    background:#fdfcf3; padding: 10px 15px;}
.packages-para{float: left; width: 100%; margin-top:1.5rem;}
.packages-list .col-md-4:first-child{padding-left: 0;}
.calc-flex {display: flex; /*padding-bottom: 10px; border-bottom: 1px dashed #ccc;*/ margin-top: 5px; display:inline-block;}
.calc-flex .number-spinner{padding: 0px; padding-top: 5px; width: 40% !important; left: 0 !important; float:left;} 
.calc-flex .number-spinner .input-group-btn .btn {padding: 0px 4px !important;}
.calc-flex .input-group-btn button{background: #acaaaa;}
.package-price .calc{display: flex; gap:10px 20px;}
.package-price .calc .calc-flex-price1{border-right: 1px solid #ccc; }
.package-price .calc .calc-tag {color: rgb(9, 8, 8); margin: 0px; font-size:1.3rem; font-weight: bold; float:left;}
.package-price .calc .calc-tag span b {float:left;}
.valid-package .Package-title {font-weight:bold;}
.premium-pckg{animation: blinker 1.5s linear infinite; position: absolute; left: -5px; top:-10px; z-index: 99;}
.premium-pckg p{font-size: 2rem;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.about-btn {float: left; width:100%; margin-top:1rem !important;}
.child-note {    padding-top: 3px;    line-height: 1.3em; font-size: 10px; font-weight: normal !important; margin-top: 10px;}
.packages-btn {border: 1px solid #8b0808;
    border-radius: 5px;
    padding: 5px 10px;
    background: #ca1414;
    color: #fff; font-size: 1.3rem;}
.nav-tabs li{border-right: 1px solid #ccc;}
.nav-tabs li:last-child{border-right: 0;}
.nav-tabs li.active{border-right: 0;}
.package-item h3 {line-height: 1.5em; text-transform: uppercase; font-size: 1.7rem;    /* background: #faeef2;*/
    padding: 5px 0px;
    margin-top: 0;}
.wh-pckgs {background: #dcecf8 !important;}
/* .calc-flex-price {border-right: 1px dashed #ccc; padding-right: 20px;}
.calc-flex-price:last-child{border-right: 0; padding-right: 0;} */
.package-validity {margin-bottom: 10px;}
.view-more-btn {text-decoration: underline; float: right;}

/*** responsive tab panel ***/
.panel-heading .panel-title {color: #333; font-size: 3rem; text-align: center;}
.panel-info {border: none !important;}
.panel-info .panel-heading{background:none !important; border-bottom:none !important;}
  .nav-tabs {
	position: relative;
}
.icon-bars, .icon-bars:before, .icon-bars:after {
	content: "";
	position: relative;
	display: inline-block;
	width: 22px;
	height: 3px;
	background-color: #333;
	vertical-align: middle;
}
.icon-bars:before, .icon-bars:after {
	position: absolute;
	top: -6px;
	left: 0;
}
.icon-bars:after {
	top: 6px;
}
li.tabdrop > a {
	margin-right: 0;
}
/*** responsive tab panel end ***/

@import "tailwindcss";

@source "../node_modules/flowbite-datepicker";

.date-picker {margin: 10px 0;}
.date-picker .relative {display: flex; justify-content: center;}
.date-picker .pointer-events-none{padding-right: 5px;}

.marquee-scroll h4 {font-size: 14px;}

/***** text blink effect ****/
.text-style {
    font-size: 12px;
    color: #056bfd;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    /* top: -15px; */
}

/* CSS Blink Animation */
.blink {
    animation: blink-animation 1s steps(1, start) infinite;
}

@keyframes blink-animation {
    50% {
        visibility: hidden;
    }
}

/**** bottom sticky bar ***/
.bottom-sticky-bar {position: fixed; bottom: 0; background: #000000e3; height: auto; width:100%; z-index: 999;}
.bsb-flex {color:#fff;}
.bsb-flex .summary-price-sec {text-align:right;}
.bsb-flex .modify-price{margin-top:1.5rem;}
.bsb-flex .modify-price .confirm-sec {display:inline-block !important; }
.bsb-flex .modify-price .order-modify {margin-bottom:10px;}
.bsb-flex .modify-price .order-modify .cursor {color:#fff !important;}
.bsb-flex .modify-price .order-modify  .btn-green{color:#fff !important;}
.orng-prz {font-size: 3rem;}
#adult-child-details {font-size: 1.1rem; color: #ccc;}
.date-time-flex {display: flex; color:#ccc; margin-top:1.5rem;} 
.date-time-flex h5 {margin:0; padding-left:10px; border-left:1px solid #ccc;}
.date-time-flex p {margin:0; padding:0; margin-right:10px;}
#dateForm input#datepicker {border:1px solid #ccc; border-radius:0px 5px 5px 0px; text-align:center;}
.date-picker .pointer-events-none{background:#ccc; border-radius:5px 0px 0px 5px; padding:3px;}
.date-picker .pointer-events-none svg {color: #7a7979;}
.bottom-sticky-bar {padding-bottom:2rem;}
.bottom-sticky-bar .order-confirm {float:left; width:100%; margin-top: 10px;}
.bottom-sticky-bar .order-confirm  a {color:#fff !important;}
.container-pricebar .coupon-discount {margin-left:0 !important;}
/*** popup modal***/
.modal-dialog {
       height: 60vh;
       overflow-y: auto;
       top: 15vh;
       border: 1px solid #ccc;
       border-radius: 5px;
}
           .modal-content {
                    border:none !important;
                    border-radius: none !important;
            }
            .calc b {font-size: 1.5rem !important;}

           .calc-flex .price-calc {padding: 0px; padding-top: 5px; width:35%; float: left;}
           .calc-flex .price-calc span{display:flex;}
           .calc-flex .price-calc span i {padding-top:2px; padding-right:5px;}
           .calc-flex .final-price {padding: 0px; padding-top: 5px; width:35%; float: left;}
           .calc-flex .final-price span {display:flex;}
           .calc-flex .final-price span i {padding-top:2px; padding-right:5px;}