/* ==========================================================
   PACKAGES SECTION
========================================================== */

.bee-packages-section {
   position: relative;
   overflow: hidden;
   background:
      linear-gradient(135deg,
         #02101f 0%,
         #051a30 50%,
         #02101f 100%) !important;
}


.bee-packages-section::before {
   content: "";
   position: absolute;
   top: -220px;
   right: -180px;
   width: 520px;
   height: 520px;
   border-radius: 50%;
   background:
      radial-gradient(circle,
         rgba(250, 199, 117, 0.08) 0%,
         transparent 70%);

   pointer-events: none;

}


/* ==========================================================
   SECTION WRAPPER
========================================================== */

.bee-packages-section .bee-section-wrapper {
   max-width: 760px;
   margin:
      0 auto 4rem;
   text-align: center;

}


/* ==========================================================
   PACKAGES GRID
========================================================== */

.bee-packages-section .bee-packages-grid {
   display: grid !important;
   grid-template-columns:
      repeat(3, minmax(0, 1fr));
   gap: 1.25rem;
   align-items: stretch;
}


/* ==========================================================
   PACKAGE CARD
========================================================== */

.bee-packages-section .bee-package-card {
   position: relative;
   overflow: hidden;
   display: flex !important;
   flex-direction: column;
   min-height: 100%;
   border-radius: 28px;
   background:
      rgba(15, 30, 50, 0.5);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   border:
      1px solid rgba(255, 255, 255, 0.08);
   transition:
      transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
      border-color 0.4s ease,
      box-shadow 0.4s ease;
   padding-bottom: 100px !important;
}


.bee-packages-section .bee-package-card:hover {
   transform:
      translateY(-8px);
   border-color:
      rgba(255, 255, 255, 0.14);
   box-shadow:
      0 30px 60px rgba(0, 0, 0, 0.35);
}


/* ==========================================================
   CARD IMAGE
========================================================== */

.bee-packages-section .bee-package-card-img {
   position: relative;
   height: 220px;
   overflow: hidden;
}


.bee-packages-section .bee-package-card-img img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   transition:
      transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}


.bee-packages-section .bee-package-card:hover .bee-package-card-img img {
   transform:
      scale(1.06);

}


/* ==========================================================
   IMAGE OVERLAY
========================================================== */

.bee-packages-section .bee-package-card-img::after {
   content: "";
   position: absolute;
   inset: 0;
   background:
      linear-gradient(180deg,
         transparent 40%,
         rgba(2, 16, 31, 0.9) 100%);
   pointer-events: none;
   z-index: 1;
}


/* ==========================================================
   TIER PILL
========================================================== */

.bee-packages-section .bee-package-tier-pill {
   position: absolute;
   top: 18px;
   left: 18px;
   z-index: 3;
   display: inline-flex !important;
   align-items: center;
   min-height: 34px;
   padding: 0 0.9rem !important;
   border-radius: var(--bee-radius-pill);
   background: rgba(15, 30, 50, 0.72);
   backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.12);
   width: max-content !important;
}

.bee-packages-section .bee-package-tier-pill span {

   color: #fff;
}


/* ==========================================================
   TITLE BLOCK
========================================================== */




.bee-packages-section .bee-section-title>h2 {
   color: #fff !important;
   margin: 1.5rem 0 2rem 0 !important;
}

.bee-packages-section .bee-section-desc {
   margin-left: auto !important;
   margin-right: auto !important;
   color: rgba(255, 255, 255, 0.7) !important;
}

.bee-packages-section .bee-package-title-block {
   position: absolute;
   /* left: 24px; */
   /* right: 24px; */
   bottom: 22px;
   z-index: 99;
   width: 100% !important;
   padding-left: 24px !important;
   padding-right: 24px !important;
}

.bee-packages-section .bee-package-title-block h3 {
   color: #fff !important;
}


/* ==========================================================
   CARD BODY
========================================================== */

.bee-packages-section .bee-package-card-body {
   display: flex !important;
   flex-direction: column;
   /* flex: 1; */
   padding: 1.6rem !important;
}


/* ==========================================================
   PRICE
========================================================== */
.bee-packages-section .bee-package-price {
   margin-bottom: 1rem;
   display: flex !important;
   gap: 0.5rem !important;
   align-items: end !important;
}


.bee-packages-section .bee-package-price p {
font-size: 20px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    margin: 0 !important;
    letter-spacing: -0.06em;
}

.bee-packages-section .bee-package-price span {
   color: rgba(255, 255, 255, 0.7) !important;

}


/* ==========================================================
   TAGLINE
========================================================== */
.bee-packages-section .bee-package-tagline {
   margin: 0 0 1.5rem !important;
   color: rgba(255, 255, 255, 0.72);
   font-size: 0.98rem;
   line-height: 1.65;
}


/* ==========================================================
   FEATURES
========================================================== */

.bee-packages-section .bee-package-features {
   display: flex !important;
   flex-direction: column;
   gap: 0.9rem;
   margin-top: auto;
}


.bee-packages-section .bee-package-feature {
   display: flex !important;
   align-items: flex-start;
   gap: 0.75rem;
}


.bee-packages-section .bee-package-feature-icon {
   width: 18px;
   height: 18px;
   display: inline-flex !important;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   border-radius: 50%;
   background:
      rgba(250, 199, 117, 0.14);
}


.bee-packages-section .bee-package-feature-icon svg {
   width: 10px;
   height: 10px;
   fill: #FAC775;
}


.bee-packages-section .bee-package-feature-text {
   margin: 0;
   color:
      rgba(255, 255, 255, 0.86);
   font-size: 0.95rem;
   line-height: 1.55;
}

.bee-packages-section .bee-package-actions {
   display: flex !important;
   gap: 1rem;
   margin-top: 2rem !important;
   justify-content: space-between !important;
   padding: 24px !important;
   position: absolute;
   bottom: 0;
}

html body .d-none-imp{
    display:none !important;
}
.bee-packages-page-wrapper{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 60px;
    align-items: start;
}

@media (max-width: 1099px) {
    .bee-packages-page-wrapper {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}

@media (min-width: 1100px) {
    .bee-packages-sidebar {
        position: sticky;
        top: 100px;
    }
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1100px) {
   .bee-packages-section .bee-packages-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}


@media (max-width: 767px) {
   .bee-packages-section .bee-section-wrapper {
      margin-bottom: 3rem;
   }

   .bee-packages-section .bee-packages-grid {
      grid-template-columns: 1fr;
      gap: 1.5rem;
   }

   .bee-packages-section .bee-package-card-img {
      height: 240px;
   }

   .bee-packages-section .bee-package-card-body {
      padding: 1.35rem;
   }
}


.bee-packages-single-wrapper .wp-block-heading{
    margin-bottom:1.25rem;
}


/*
Mobile bar
*/


/* =========================================================
   MOBILE BOOKING BAR
========================================================= */

.bee-mobile-booking-bar {
   position: fixed;

   left: 16px;
   right: 16px;
   bottom: 16px;

   z-index: 9999;

   display: none;
}

/* =========================================
   CONTENT
========================================= */

.bee-mobile-booking-bar__content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;

   padding: 14px 16px;

   border-radius: 22px;

   background: rgba(5, 18, 32, 0.88);

   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);

   border: 1px solid rgba(255,255,255,0.08);

   box-shadow:
      0 10px 40px rgba(0,0,0,0.35);
}

/* =========================================
   TEXT
========================================= */

.bee-mobile-booking-bar__eyebrow {
   display: block;

   margin-bottom: 4px;

   color: rgba(255,255,255,0.55);

   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.08em;
   text-transform: uppercase;
}

.bee-mobile-booking-bar__title {
   margin: 0;

   color: #fff;

   font-size: 15px;
   font-weight: 600;
}

/* =========================================
   BUTTON
========================================= */

.bee-mobile-booking-bar__button {
   display: inline-flex;
   align-items: center;
   gap: 8px;

   padding: 12px 18px;

   border-radius: 14px;

   background: #d4af37;

   color: #02101f;

   font-size: 14px;
   font-weight: 600;
   text-decoration: none;

   transition:
      transform 0.3s ease,
      opacity 0.3s ease;
}

.bee-mobile-booking-bar__button:hover {
   transform: translateY(-2px);
}

/* =========================================
   MOBILE ONLY
========================================= */

@media (max-width: 1100px) {

   .bee-mobile-booking-bar {
      display: block;
   }

}



/* ============================================================
   PACKAGE LOCATION TABS
============================================================ */

.bee-package-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 35px 0 50px;
}


/* ============================================================
   TAB BUTTON
============================================================ */

.bee-package-tabs__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	padding: 12px 22px;

	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 999px;

	background: rgba(255, 255, 255, 0.04);

	color: rgba(255, 255, 255, 0.75);

	font-size: 14px;
	font-weight: 600;
	line-height: 1;

	cursor: pointer;

	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}


/* ============================================================
   HOVER
============================================================ */

.bee-package-tabs__button:hover {
	background: rgba(128, 87, 217, 0.15);
	border-color: #8057d9;
	color: #fff;
	transform: translateY(-1px);
}


/* ============================================================
   ACTIVE
============================================================ */

.bee-package-tabs__button.is-active {
	background: #8057d9;
	border-color: #8057d9;
	color: #fff;
}


/* ============================================================
   COUNT
============================================================ */

.bee-package-tabs__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 22px;
	height: 22px;

	padding: 0 6px;

	border-radius: 999px;

	background: rgba(255, 255, 255, 0.12);

	font-size: 11px;
	font-weight: 700;
}

.bee-package-tabs__button.is-active .bee-package-tabs__count {
	background: rgba(255, 255, 255, 0.2);
}


/* ============================================================
   GRID ITEM
============================================================ */

.bee-package-grid-item {
	min-width: 0;
}


/* ============================================================
   HIDDEN
============================================================ */

.bee-package-grid-item[hidden] {
	display: none !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

	.bee-package-tabs {
		gap: 8px;
		margin: 25px 0 35px;
	}

	.bee-package-tabs__button {
		padding: 11px 17px;
		font-size: 13px;
	}

}