.menu {
  background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(../images/menu_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer  {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,100)), url(../images/footer-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-section-middle {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(../images/middle_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-section-panel.abox-4.mb-40.wow.fadeInUp {
  background: #fff;
  padding: 20px;
  box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.1);
  height: 100%;
}


.video-header {
    position: relative;
    height: 100vh; /* Full screen height */
    overflow: hidden;
}

.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
}

.header-content {
    position: absolute;
    z-index: 2;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    left:0;
    right:0;
}

.header-content h4 { color: #fff; font-size: 2em; margin-bottom: 20px; }
.header-content p {color: #fff; font-size: 2em; margin-bottom: 20px;}

.video-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}


.hover-overlay p {
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px;
  text-align: center;
}





  .gallery-item .hover-overlay {
         border: 1px solid #ddd;
         background: #fff;
         }

         .gallery-item .hover-overlay { border: 1px solid #ddd; background: #fff;}
         .big-image, .small-image { height: 650px; }
         .big-image img, .small-image img { width: 100%; height: 100%; object-fit: cover; }
         .left-panel { border-right: 1px solid #e6e3dc; padding-right: 40px; }
         .ps-md-5 { padding-left: 3rem!important; }
         .nav-pills .nav-link { background: transparent; color: #777; border-radius: 0; padding: 22px 0; font-size: 17px; font-weight: 400; border-bottom: 1px solid #efede7; text-align: left; position: relative; transition: 0.3s ease; }
         .nav-pills .nav-link.active { color: #000; font-weight: 500; background: transparent;}
         .nav-pills .nav-link.active::after { content: ""; position: absolute; right: -41px; top: 0; height: 100%; width: 2px; background: #b89b5e; }
         .asi-gallery-item { cursor: pointer;}
         .asi-gallery-item img { width: 100%; height: 180px; object-fit: cover; transition: transform 0.6s ease;}
         .asi-modal-close { position: absolute; top: 0px; right: 10px; background: transparent; border: none; font-size: 40px; font-weight: 300; color: #333; cursor: pointer; z-index: 10; transition: all 0.3s ease;}
         .luxury-slider-section{ background:#ddd}
         .slider-nav {
    position: absolute;
    bottom: 30px;
    right: 72px;
    display: flex;
    gap: 10px;
    z-index: 10;
}
         .swiper-button-prev, .swiper-button-next {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 50%;
    background: #fff;
    color: #000;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    /* width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size); */
    margin-top: calc(-6px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border:0px;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
	content: 'next';
	font-size: 18px;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
	content: 'prev';
   	font-size: 18px;
}

.asi-article-img {
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

.asi-article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}