@import url('../css/owl.carousel.min.css');
@import url('../css/owl.theme.default.min.css');
@import url('https://fonts.googleapis.com/css2?family=Orelega+One&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css"); 
@import url("https://cdn.jsdelivr.net/npm/lightgallery.js/dist/css/lightgallery.css");
body{ overflow-x:hidden; }
.menu-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0) 100%); width: 100%;position: absolute;top: 0px;left: 0px; z-index: 9;height: 200px;}
.right-header{ width:100% }
.top-navigation { display:flex; z-index: 99 ; padding: 20px 0; width:100% ; column-gap:20px; }
.top-navigation ul{ padding:0; margin:0;    display: flex;column-gap: 20px; align-items: center;    justify-content: flex-end; list-style: none; }
.top-navigation ul li{ list-style:none; color:#fff; }
.top-navigation ul li a{  color:#fff; font-size:20px; font-weight:600; text-decoration:none; }
.top-navigation ul li a:hover{ color:#E59112 }
.sidebarBG{ background:#010B36!important; width:100%!important }
.sidebarBG .navigation{ display:flex;  list-style:none; flex-direction: column;}
.sidebarBG .navigation li{ border-bottom: solid 1px #777; padding-bottom:7px }
.sidebarBG .navigation a{  font-size: 40px; color: #fff; font-weight: 600; text-decoration:none;  }
.sidebarBG .navigation a:hover{ color:#E59112; padding-left:10px; transition:.5s }
.sidebarBG .navigation a.active{ color:#E59112 }
.home-carousel{ position:relative; }
.caption-text{ position:absolute; z-index:9999; width:100%; bottom:30vh;   }
.banner-content{ position:relative; }
.caption-text h1{ font-family: "Orelega One", serif; font-weight: 400; font-size:120px; color:#fff;  text-shadow: 2px 2px 6px #777;}
.ornangebtn{ background:#E59112; padding:10px 50px; font-size:20px; color:#fff; border-radius:100px; border-color:#E59112; font-weight:600;   }
.ornangebtn:hover{ background:#fff; color:#E59112; border-color:#fff;   } 
h1 {font-family: "Orelega One", serif; font-weight: 400; font-size: 70px;}
.floor-one-bg{padding:100px 0; color:#fff; background-size: cover !important;  min-height:600px; display: flex
;align-items: flex-end; 
  background-attachment: fixed !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
 }
.floor-two-bg{ padding:100px 0; color:#fff; background-size: cover; display: flex
;align-items: flex-end;   background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;}
#aboutUS{
  transition: all 0.4s ease-in-out;
}
.floor-three-bg{  padding:100px 0; color:#fff; background-size: cover;  max-height:600px; display: flex
;align-items: flex-end;   background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;}
.floor-four-bg{  padding:100px 0; color:#fff; background-size: cover !important; min-height:600px;display: flex
; align-items: flex-end;  background-attachment: fixed !important;
      background-position: center !important;
      background-repeat: no-repeat !important; }
.light-yellow-bg{ background:#F9F6F1; padding:50px 0; }
.light-yellow-bg span{ display:flex; column-gap:10px;justify-content: center;  align-items: center;}
.light-yellow-bg span img{ height:50px; }
.yellow-text{ color:#E59112}
.cardbox{ background:#fff; border-radius:5px; position: relative; }
.cardbox img{ border-radius:5px 5px 0 0; }
.date-time { border-right:solid 1px #777;     padding-right: 10px; font-weight: 600; font-size: 20px;}
.event-group{ display:flex; column-gap: 10px;}
.event-group h4{ font-weight: 700; font-size: 20px;}
.content-event{ display:flex;  flex-direction: column;  }
.content-event p{ color:#373737 }
/*.owl-upcomingEvent  .owl-prev span{di}*/
.black-bg{ padding:0px 0; color:#fff; background:#000 }
.p-l0{ margin-left:-15px; }
.p-r0{ margin-right:-15px; }
.booking{ background:#fff url(../images/pattern-bg.png) center center no-repeat; padding: 30px ; border-radius: 5px; position: relative;}
.booking-venue-content img{ border-radius:10px; }
.bookingImg-thumb{ position:relative; }
.bookingImg-thumb .playerbtn{ position:absolute; left:40%; bottom:35%; text-align:center; }
.bookingImg-thumb .playerbtn img{ width:50px; height:50px; }
.inquireBtn{ 
  background:#E59112; padding:10px 50px; font-size:20px; color:#fff; border-radius:50px 0 0 0; border-color:#E59112; font-weight:600;
z-index: 2; 
position: relative; }
.inquireBtn:hover{ background:#000; color:#fff; border-radius:50px 0 0 0; border-color:#000; font-weight:600; }
  .booking .booking-btn {position:absolute; bottom:0; right:0; }
  .mesaume{ background:#fff; padding:50px 0; }
  .mesaume span{ display:flex; column-gap:10px;justify-content: center;  align-items: center;}
.mesaume span img{ height:50px; }
.mesaume .card{background:#F9F6F1;}
.mesaume .card .card-title{ font-size:18px; font-weight:600; margin:0; text-align:center; }
.footer-bg{ padding:30px 0; color:#fff; background:#000; font-size:14px; }
.footer-bg h6{ text-transform:uppercase; }
.address { display:flex; column-gap:10px; }
.address a{ color:#fff; text-decoration:none; }
.address a:hover{ color:#E59112 }
.address i{ margin-top:5px; }
.social-link{ display:flex; column-gap:10px; color:#fff; margin-top:10px; margin-bottom:10px; }
.social-link a{  color:#fff; }
.social-link a:hover{ padding-left:10px; transition:.3s; color:#E59112 }
.Copyright { color:#979393; font-size:13px; }
.quickLink{ padding:0; margin:0;  display: flex; flex-wrap: wrap;}
.quickLink li{ width:50%; list-style:none; }
.quickLink li a { color:#fff; text-decoration:none;  }
.quickLink li a::before { content:' \F285'; font-family: 'bootstrap-icons'; padding-right: 5px;}
.quickLink li a:hover{ padding-left:10px; transition:.3s; color:#E59112 }


.mesaume .card {
      position: relative;
      overflow: hidden;
    }
    .navbar-scrolled .btn-circle {
      color: #000 !important;
    }
    .search-container {
      position: relative;
    }
    
    .search-input {
      transition: width 0.3s;
      width: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      background: #000 !important;
      border-radius: 0;
      border: inherit !important;
      border-bottom: solid 1px #ddd !important;
      color: #fff !important;
      padding-left: 5px !important;
      box-shadow: inherit !important;
      padding: 0 0 0 5px !important;
    }

    .card img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      border-radius: 8px;
    }
    
    
    .search-input.expanded {
      width: 200px;
      opacity: 1;
    }
    
    .search-btn {
      position: relative;
      z-index: 1;
      padding: 0;
      background: inherit !important;
      border: inherit !important;
      color: #fff !important;
    
    }
    
    .search-btn:hover {
      background: inherit !important;
    }
    
    .search-btn:focus {
      background: inherit !important;
    }
    
    .search-input::placeholder {
      color: #fff;
      opacity: 1;
    }
    
    .search-input::-ms-input-placeholder {
      /* Edge 12 -18 */
      color: #fff;
    }
    .mesaume .card .hover-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.9);
      color: white;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      padding: 20px;
      font-size: 13px;
    }
 .mesaume .card .hover-content h5{ color:#E59112 ; font-weight:600; font-size:16px; }
 .mesaume .card .hover-content ul{ padding:0;  }
  .mesaume .card .hover-content ul li{ list-style:none; margin-bottom:10px; display: flex;  line-height: 1.5rem}
   .mesaume .card .hover-content ul li::before{ content:'\F287'; font-family: 'bootstrap-icons'!important; padding-right: 10px; color:#E59112 ; font-size:10px; margin-top:5px }
    .mesaume .card:hover .hover-content {
      opacity: 1;
      visibility: visible;
    }
.owl-nav span{ display:none; }
.owl-nav button{ background:transparent; }
.owl-nav button:hover{ background:transparent!important; }

.owl-nav .owl-prev::before{content:'\F12F'; font-family: 'bootstrap-icons'!important; font-size:25px;  }
.owl-nav .owl-next::before{content:'\F138'; font-family: 'bootstrap-icons'!important;font-size:25px; }
.owl-nav .owl-next:hover::before{color:#E59112 ; }
.owl-nav .owl-prev:hover::before{color:#E59112 ; }
  .booking { position:relative; }
   .booking  .owl-nav{ position:absolute; top:-20px; right:0; margin:0; }
  .booking .owl-nav .owl-prev::before{content:' \F12A'; font-family: 'bootstrap-icons'!important; font-size:25px;  }
  .booking  .owl-nav .owl-next::before{content:'\F134'; font-family: 'bootstrap-icons'!important;font-size:25px; }
  .booking  .owl-nav .owl-next:hover::before{color:#E59112 ; }
  .booking  .owl-nav .owl-prev:hover::before{color:#E59112 ; }
    .custom-dropDownmenu{ transform:inherit!important; background:#010B36!important; width: 100%;text-align: center; }
     .custom-dropDownmenu a:hover{background:#010B36!important}

/*     Inner Page Css*/
.topInnerBG{
  background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/top-banner1.jpg) center center no-repeat;
    background-size: cover; min-height: 650px; margin-top: -25px; display: flex; justify-content: center; color: #fff; align-items: center;
}
.inner-caption-text p{ font-size:20px; }
.readMore{color:#E59112 ; text-align:left;}
.readMore a{color:#E59112 ; text-decoration: none; }
.readMore a:hover{color:#000 ; text-decoration: none; padding-left:10px; transition:.3s }
.gallery{ display:flex;row-gap:15px;  flex-wrap: wrap; column-gap:15px;  }
.gallery a{ display:flex;  flex-wrap: wrap; text-decoration:none; width: 32%; flex-wrap: wrap; }
.gallery .gallery-contnet{ padding:15px; color:#000;font-weight: 700;font-size: 16px;   }
.active>.page-link, .page-link.active{ background:#E59112; border:#E59112 }
.page-link{ color:#000 }
.page-link:hover{ color:#E59112 }
.overlap-img {
    padding-left: 20%;
}
.overlap-img img {
    border-radius: 15px;
}
.overlap-img-bottom {
    margin-top: -30%;
    margin-left: -15%;
}
.overlap-img-left {
    padding-right: 20%;
    position: relative;
}
.overlap-img-left .overlap-img-bottom {
       margin-top: -20%;
    margin-left: 76%;
    width: 100%;

}

.overlap-img-left img {
    border-radius: 15px;
}
.my-masonry-grid {
  display: flex;
  margin-left: -15px; /* adjust gutter size */
  width: auto;
}

.my-masonry-grid_column {
  padding-left: 15px; /* gutter size */
  background-clip: padding-box;
}

.masonry-item {
  margin-bottom: 30px;
}

.space-top-section{ margin-top:100px; }
.circle-icon{ border-radius:100%; width:80px; height:80px; border: solid 2px #E59112;  line-height:70px; text-align:center; color:#E59112; font-size:30px; }
.circle-icon:hover{border: solid 2px #E59112; background:#E59112; color:#000;  }
.map-icon{ display:flex; justify-content:center; }
.contact-form-custom{}
.contact-form-custom .form-control{ background:transparent; border-radius:0; box-shadow:none; border: solid 1px #444443; color:#000 }
.map {  }
.star{ color:#E59112 }
.img-size{    background-position: center;
    background-size: cover;
    height: -webkit-fill-available;
    width: 100%;}
    .floor-wise-section li{ margin-bottom:10px; }
    .right-header button{ background:transparent;border:none; color:#fff; padding:0; }
     .right-header button:hover{ background:transparent;border:none; color:#E59112;  }
     ol, ul{ padding-left:0 }

   .hi h1{font-weight: 600;
    font-size:50px; line-height: normal; margin-top: 10px;}
    .hi p{ line-height:30px; }
  .hi .floor-wise-section  ol, ul{ padding-left:15px;}
  .hi .caption-text  h1{font-weight: 600;
    font-size: 100px;}
/*     media Css*/
@media screen and (min-device-width: 320px) and (max-device-width:600px) { 
  .gallery a{ display:flex;  flex-wrap: wrap; text-decoration:none; width: 100%; flex-wrap: wrap; }
 .top-navigation img{ width:90px; }
 .top-navigation ul { column-gap:10px; align-items: flex-start;}
 h1{ font-size:30px }
 .caption-text h1{ font-size:35px }
 .caption-text { bottom:2vh; }
 .top-navigation ul li a{   font-size:16px;  }
 .right-header li img{ width:50px; margin-left:-15px; }
 .footer-bg h6{ margin-top:15px; }
 .bookingImg-thumb{ margin-top:30px }
 .navigation{ padding-left:0; }
 .sidebarBG{ padding:15px 0% ; width:84%!important; left:0!important }
  .inner-banner-content{ padding:0 15px; }
}
.next-prev{ display:flex; column-gap:10px; justify-content: space-between; margin-top:30px; }
                .back{ background-color:#ddd; color: #000; border-color: #ddd;}

.event-title{
  color: #000 !important;
}
/*     media Css*/
                 ul.breadcrumbs {
                   margin: 25px 0px 0px;
                   padding: 0px;
                   font-size: 0px;
                   line-height: 0px;
                   display: inline-block;
        
                   zoom: 1;
                   vertical-align: top;
                   height: 40px;
                   position: sticky;
                 }
        
                 ul.breadcrumbs li {
                   position: relative;
                   margin: 0px 0px;
                   padding: 0px;
                   list-style: none;
                   list-style-image: none;
                   display: inline-block;
        
                   zoom: 1;
                   vertical-align: top;
                   border-left: 1px solid #ccc;
                   transition: 0.3s ease;
                 }
        
                 ul.breadcrumbs li:hover:before {
                   border-left: 10px solid #E59112;
                 }
        
                 ul.breadcrumbs li:hover a {
                   color: #000;
                   background: #E59112;
                 }
        
                 ul.breadcrumbs li:before {
                   content: "";
                   position: absolute;
                   right: -9px;
                   top: -1px;
                   z-index: 20;
                   border-left: 10px solid #fff;
                   border-top: 22px solid transparent;
                   border-bottom: 22px solid transparent;
                   transition: 0.3s ease;
                 }
        
                 ul.breadcrumbs li:after {
                   content: "";
                   position: absolute;
                   right: -10px;
                   top: -1px;
                   z-index: 10;
                   border-left: 10px solid #ccc;
                   border-top: 22px solid transparent;
                   border-bottom: 22px solid transparent;
                 }
        
                 ul.breadcrumbs li.active a {
                   color: #000;
                   background: #E59112;
                 }
        
                 ul.breadcrumbs li.first {
                   border-left: none;
                 }
        
                 ul.breadcrumbs li.first a {
                   font-size: 18px;
                   padding-left: 20px;
                   border-radius: 5px 0px 0px 5px;
                   height: 42px;
                  
                 }
        
                 ul.breadcrumbs li.last:before {
                   display: none;
                 }
        
                 ul.breadcrumbs li.last:after {
                   display: none;
                 }
        
                 ul.breadcrumbs li.last a {
                   padding-right: 20px;
                   border-radius: 0px 40px 40px 0px;
                 }
        
                 ul.breadcrumbs li a {
                   display: block;
                   font-size: 16px;
                   line-height: 40px;
                   color: #757575;
                   padding: 0px 15px 0px 25px;
                   text-decoration: none;
                   background: #fff;
                   border: 1px solid #ddd;
                   white-space: nowrap;
                   overflow: hidden;
                   transition: 0.3s ease;
                   font-weight: 600;
                 }
                 .price{ color: #E59112; font-size: 24px;
                  font-weight: 600;}
                  .video-modal-overlay {
                    position: fixed;
                    top: 0; left: 0;
                    width: 100%; height: 100%;
                    background-color: rgba(0,0,0,0.8);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 999999;
                  }
.card-img-top{
  border-radius: 8px 8px 0px 0px !important;
}
.txt-audio-guide{
  font-family: "Orelega One", serif;
  font-weight: 400;
}