@font-face {
  font-family: Pragmatica-500; 
  src: url('../fonts/fonnts.com-Pragmatica_Ext_Book.otf');
}
@font-face {
  font-family: Pragmatica-400; 
  src: url('../fonts/fonnts.com-Pragmatica_Ext_Light.otf');
}
@font-face {
  font-family: Pragmatica-300; 
  src: url('../fonts/fonnts.com-Pragmatica_Ext_Extra_Light.otf');
}
@font-face {
  font-family: DesertWestern; 
  src: url('../fonts/DesertWestern.otf');
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1100px;
    }
   .birthday-section-content p {
    margin:7px 0 !important;
}
  .experince-section-img {
    height: auto !important;
}
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
        font-family: Pragmatica-400; 
}
h1,h2,h3,h4,h5,h6,p,ul{
    margin: 0;
}
a{
    display: inline-block;
    text-decoration: none;
}
li{
    list-style: none;
}
.myClass {
    overflow: hidden;
}

/* =========================== header start ======================== */
.main-header {
    position: relative;
    z-index: 11;
    background: #191919;
   
}
.top-bar {
    background: #AE0909;
    padding: 12px 0;
    text-align: center;
}
.top-bar p {
    color: #FFFFFF;
    font-family: Pragmatica-500; 
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
}
.main-header.scrolled {
    background: #191919;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
    box-shadow: rgba(59, 59, 59, 0.34) 2px 0px 10px 0px;
    transition: 0.3s;
    animation: goDown 0.5s ease-in-out forwards;
}
.main-header.scrolled .top-bar{
    display: none;
}
 @keyframes goDown {
     0%{
            top: -60px;
        }
        100% {
            transform: translateY(0px);
        }
}
.navbar-brand{
    margin: 0 !important;
}
.navbar-brand img {
    object-fit: cover;
    width: 100%;
}
.main-menus ul li{
  margin: 0 25px;
}
.main-menus ul li a {
    color: #FFFFFF;
    font-family: Pragmatica-500; 
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 0px !important;
    position: relative;
     transition: 0.5s;
}
.main-menus ul li a:hover{
    color: #BD9D6A;
}
.main-menus ul li:hover > a::after {
    width: 100%;
    transition: 0.5s;
}
.main-menus ul li > a::after {
    content: "";
    background-color: #BD9D6A;
    display: block;
    height: 2px;
    position: absolute;
    width: 0px;
    left: 0px;
    right: 0px;
    transition: 0.5s;
}
.login-bar a {
    border: 1px solid white;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: Pragmatica-500; 
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 15px 20px;
     transition: 0.5s;
}
.login-bar a:hover{
    background:#AE0909;
    border-color: #AE0909;
}

/* ================================= hero banner start  =============================== */

.hero-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 808px;
    position: relative;
    padding: 140px 0 100px 0;
    z-index: 1;
}
.hero-banner::before {
    content: ' ';
    position: absolute;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.82) 22%, rgba(0, 0, 0, 0.72) 40.95%, rgba(0, 0, 0, 0.66) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.banner-carousel {
    height: 100%;
    align-items: center;
    display: flex !important;
}
.banner-content h1 {
    color: #FFE9B5;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 60px;
    line-height: 68px;
    letter-spacing: 0px;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin-bottom: 30px;
}
.book-btn {
    background: #AE0909;
    border: 1px solid #AE0909;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: Pragmatica-500; 
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 20px 31px;
     transition: 0.5s;
     position: relative;
     z-index: 1;
}
.book-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 0;
  height:100% ;
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color: #FFE9B5;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}
.book-btn:hover::before {
    width: 100%;
    z-index: -1;
    scale: 1;
     transition: 0.5s;
}

.book-btn:hover {
   color: black;
  scale: 1;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
  background: transparent;
  border-color: #FFE9B5;
   transition: 0.5s;
}
.hero-banner .owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}
.banner-video {
    position: absolute;
    bottom: 90px;
    right: 57px;
    width: 406px;
    height: 234px;
    z-index: 11;
}
.banner-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.our-popup-body iframe {
    width: 100%;
}

/* <!-- ========================== adventure section start =========================== --> */

.adventure-section {
    background: #191919;
    position: relative;
    padding: 76px 0;
}
.adventure-section-img{
    height: 500px;
}
.adventure-section-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.adventure-section-meta {
    position: relative;
    background: #AE0909;
    height: 100%;
    padding: 55px 46px;
    z-index: 1;
}
.adventure-section-meta::before {
    content: ' ';
    border: 1px solid #BD9D6A;
    width: 98%;
    height: 98%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.adventure-section-meta h3 {
    color: #FFFFFF;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 28px;
    line-height:normal;
    letter-spacing: 0px;
    margin-bottom: 8px;
}
.adventure-section-meta p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 15px 0;
}
.adventure-section-meta h5 {
    color: #FFE9B5;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0px;
    margin: 8px 0;
}
.adventure-section-meta h5 span{
    color: #FFFFFF;
}
 .book-btn.ext-btn {
    background: #FFFFFF;
    border: 1px solid white;
    color: #000000;
}

 .msg-p {
    font-size: 18px !important;
    text-transform: capitalize !important;
}   
.btn-wrap {
    margin: 5px 0;
}

/* <!-- ========================== experince section start =========================== --> */

.experience-section {
    background: #BD9D6A;
    position: relative;
    padding: 72px 0;
}
.all-same-heading {
    color: #FFFFFF;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 46px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: center;
}
.experience-meta {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 36px;
    margin-top: 50px;
}
.experince-img {
    width: 100%;
    height: 418px;
    margin-bottom: 10px;
}
.experince-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.heading-img {
    width: 445px;
    height: 24px;
    margin: auto;
    margin-top: 20px;
}
.heading-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.experience-btn {
    background: #AE0909;
    border: 1px solid #AE0909;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 24px;
     transition: 0.5s;
     position: relative;
}
.experience-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 0;
  height:100% ;
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color: white;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}
.experience-btn:hover::before {
    width: 100%;
    z-index: -1;
    scale: 1;
     transition: 0.5s;
}

.experience-btn:hover {
   color: #AE0909;
  scale: 1.1;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
  background: transparent;
  border-color: white;
   transition: 0.5s;
}

.experience-meta-single .btn-wrap {
    text-align: center;
}

/* ================================== testimonial sction start ================================ */

.testimonial-section {
    background: #AE0909;
    position: relative;
    padding:  91px 0;
}
.testimonial-section-main {
    position: relative;
}
.testimonial-quate-img {
    position: absolute;
    left: -135px;
    top: -35px;
}
.testimonial-quate-img img{
    object-fit: cover;
    width: 100%;

}
.testimonial-content h3 {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 25px;
    line-height: 172%;
    letter-spacing: 2%;
    text-transform: capitalize;
}
.testimonial-discription {
    display: flex;
    align-items: center;    
    margin-top: 50px;
}
.testimonial-discription h6 {
    color: #FFFFFF;
    font-family: Pragmatica-500;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0%;
    text-transform: capitalize;
    padding-right: 25px;
    border-right: 1px solid white;
}
.testimonial-discription p{
  color: #FFFFFF;
   font-family: Pragmatica-300; 
font-weight: 300;
font-size: 18px;
line-height: 180%;
padding-left: 25px;
letter-spacing: 0%;
text-transform: capitalize;

}
.testimonial-section-main .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 !important;
}
.testimonial-section-main .owl-nav button {
    color: #D8D8D8 !important;
    font-size: 20px !important;
    width: 30px;
    height: 30px;
}
.testimonial-section-main .owl-nav button:hover {
    background: white !important;
    color: red !important;
    text-decoration: none;
}
/* <!-- ========================== birthday section start =========================== --> */
.birthday-section {
    position: relative;
    padding: 75px 0;
    margin: 0 30px;
}
.birthday-section-main .all-same-heading {
    color: #191919;
}
.birthday-meta {
    background: #191919;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 40px;
    align-items: center;
}
.birthday-img {
    height: 628px;
}
.birthday-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.birthday-section-content h5 {
    color: #FFE9B5;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0px;
    padding-right: 30px;
    margin-bottom: 10px;
}
.birthday-section-content p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    margin: 16px 0;
}
.birthday-cont-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.birthday-cont-wrp h5 {
    font-size: 26px !important;
    margin: 0 !important;
}
.birthday-section-content {
    padding: 40px 100px 40px 20px;
}
.birthday-section-content .btn-wrap {
    margin: 12px 0;
}
.note-para {
    text-transform: uppercase !important;
}
.red-para {
    color: #AE0909 !important;
    text-transform: uppercase !important;
}


/* <!-- ========================== outing section start =========================== --> */
.outing-section {
    background: #BD9D6A;
    position: relative;
    padding: 60px 0;
}
.outing-section-meta .all-same-heading {
    color: #191919 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}
.outing-section-meta p {
    color: #000000;
    font-family: Pragmatica-500;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-transform: capitalize;
    text-align: center;
    margin: 14px 0;
}
.contact-para {
    background: #DEBE8C;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 0;
}
.contact-para a{
     color: #000000;
}

/* =============================== faq section start ===================================== */
.faq-section {
    background: #191919;
    position: relative;
    padding: 108px 0;
}
.faq-section .all-same-heading {
    text-align: start;
    margin-bottom: 20px;
}
.faq-section-main .accordion-button {
    background-color: transparent;
    border-radius: 0 !important;
    color: #FFFFFF;
    border: none;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 22px;
    line-height: normal;
    letter-spacing: 0px;
    border-top: 1px solid #FFFFFF33;
    box-shadow: none !important;
    padding: 20px 0;
    padding-right: 40px;
}   
   .faq-section-main  .accordion-item:last-child .accordion-button {
      border-bottom: 1px solid #FFFFFF33; 
    }
   .faq-section-main .accordion-button:not(.collapsed) {
      color: #fff;
      background-color: transparent;
    }

   .faq-section-main .accordion-item {
      background-color: transparent ;
      border: none;
      
    }

   .faq-section-main .accordion-body {
      color: #ccc;
      font-size: 0.9rem;
      padding-top: 0.5rem;
      border-bottom: 1px solid #333;
      padding-left: 0;
    }
 .faq-section-main  .accordion-body p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    margin: 10px 0;
   }
    /* Hide default Bootstrap chevron icon */
  .faq-section-main  .accordion-button::after {
      display: none;
    }

    /* Custom plus/minus icons */
   .faq-section-main .accordion-button::before {
    content: '+';
    font-size: 1.2rem;
    color: #FFFFFF;
    transition: transform 0.3s ease, color 0.3s ease;
    position: absolute;
    right: 10px;
    font-family: Pragmatica-500 !important;
   }

   .faq-section-main .accordion-button:not(.collapsed)::before {
      content: '–';
      color: #FFFFFF;
    }

/* ================== faq tabs =========== */

.faq-meta-tabs {
    margin-top: 40px;
}

.tabs-container nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    padding: 0 10px;
    background: #191919;
    position: relative;
    z-index: 1;
}

.tabs-container nav ul li {
    padding: 1rem;
    cursor: pointer;
    color: #FFFFFF;
    border-top: 1px solid #eee;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 25px;
    text-transform: capitalize;
    font-size: 14px;
}






/* the nitty gritty */

.tabs-container {
  position: relative;
  height: 4em;
}

.tabs-container nav {
  position: absolute;
  width: 100%;
}

.tabs-container nav ul {
  display: flex;
  flex-direction: column;
}

.tabs-container nav ul li {
  order: 1;
}

.tabs-container nav ul li.active {
  order: 0;
}

.tabs-container nav ul li.active:after {
  width: 1px;
  height: 1px;
  border: 5px solid transparent;
  border-top: 5px solid #555;
  content: '';
  position: absolute;
  right: 1.5em;
  top: 1.4em;
  z-index: 9999;
}

.tabs-container nav ul li:not(.active) {
  position: absolute;
  top: -999em;
}


.tabs-container nav ul.expanded li.active:after{
  border-top-color: transparent;
  border-bottom-color: #555;
  top: 1em;
}


.tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top: auto;
}

@media all and (min-width: 42em) {

  nav {
    background: transparent;
  }

  .tabs-container nav ul li.active {
    box-shadow: inset 0 -3px 0 #AE0909;
    transition: all 0.5s ease;
  }

  .tabs-container nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    padding: 0;
  }

  .tabs-container nav ul li {
    display: inline-block;
    margin: 0 1rem 0 1rem;
    padding: 0 0 .2rem 0;
    border: none;
    font-size: 18px;
  }

  .tabs-container nav ul li:not(.active) {
    position: relative;
    top: auto;
  }

  .tabs-container nav ul li.active {
    order: 1;
  }

  .tabs-container nav ul li.active:after {
    display: none;
  }
}


.tab-content{
    display: none;
    padding: 15px;
}
.tab-content.current{
    display: inherit;
}


/* ========================== footer start ======================================= */

.main-footer {
    background: #AE0909;
    padding-top: 84px;
    position: relative;
}
.footer-logo {
    margin-bottom: 35px;
}
.footer-logo img {
    object-fit: cover;
    width: 100%;
}
.footer-meta ul {
    padding: 0;
    margin-top: 30px;
}
.footer-meta h4 {
    color: #FFFFFF;
    font-family: Pragmatica-500; 
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.footer-meta ul li a,.footer-meta ul li span {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    line-height: 223%;
    letter-spacing: 2%;
    text-transform: capitalize;
    position: relative;
}
.footer-meta ul li:hover > a::after {
    width: 100%;
    transition: 0.5s;
}
.footer-meta ul li > a::after {
    content: "";
    background-color: white;
    display: block;
    height: 2px;
    position: absolute;
    width: 0px;
    left: 0px;
    right: 0px;
    transition: 0.5s;
}
.footer-meta ul li a.active{
    font-family: Pragmatica-500; 
}
.footer-meta p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2%;
    margin: 17px 0;
}
.social-links {
    display: flex;
    gap: 23px;
    align-items: center;
    margin-top: 12px !important;
}
.personal-information {
    margin-bottom:16px;
}
.personal-information li a {
    line-height: 28px !important;
}
.copy-right-section {
    margin-top: 70px;
    border-top: 1px solid #FFFFFF3D;
    padding: 30px 0;
    text-align: center;
}
.copy-right-section p {
    color: #DBDBDB;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 2%;
}
.copy-right-section p span{
    color: #FFFFFF;
}
   .email-input {
    position: relative;
    width: 300px;
    border-bottom: 2px solid white;
    padding: 10px 0;
}

    .email-input input {
      width: 100%;
      border: none;
     
      background-color: transparent;
      color: white;
      padding-right: 40px;
      font-size: 1rem;
    }

    .email-input input::placeholder {
      color: white;
      opacity: 0.7;
    }

    .email-input .email-btn {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: none;
      color: white;
      font-size: 1.2rem;
      cursor: pointer;
    }

    .email-input input:focus {
      outline: none;
      border-color: #fff;
    }
  
    /* ======================== all same -banner start =================================== */

  .all-same-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 150px 0 60px;
    height: 60vh;
    z-index: 1;
}
.all-same-banner::before {
    content: ' ';
    position: absolute;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.82) 22%, rgba(0, 0, 0, 0.72) 40.95%, rgba(0, 0, 0, 0.66) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.all-same-banner-meta h1 {
    color: #FFE9B5;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 52px;
    line-height: 65px;
    letter-spacing: 0px;
}

/* ============================== experince section start  ========================== */

.experince-section {
    position: relative;
    padding: 60px 0;
    background-color: #BD9D6A;
}
.experince-section-main {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}
.experince-section-img{
    height: 550px;
}
.experince-section-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.experience-section-content {
    background: #AE0909;
    padding: 40px 30px;
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.experience-section-content.extra-meta {
    background: #191919;
}
.experience-section-content::before {
    content: ' ';
    border: 1px solid #BD9D6A;
    width: 98%;
    height: 98%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.experience-section-content .heading-img {
    width: 445px;
    height: 24px;
    margin: unset;
    margin-top: 0;
    margin-bottom: 20px;
}
.experience-section-content h4 {
    color: #FFFFFF;
    font-family: DesertWestern;
    font-weight: 400;
    font-size: 28px;
    line-height: normal;
    letter-spacing: 0px;
}
.experience-section-content p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;    
    line-height: 26px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 10px 0;

}
/* ====================== room photos start ====================== */

section.room-photos {
    background: #BD9D6A;
    position: relative;
    padding: 70px 0;
}
.room-photos-main {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}
.room-photos-img {
    height: 400px;
}
.room-photos-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#lightboxModal .modal-content {
    background: #191919 !important;
}
#lightboxModal .btn-close {
    position: absolute;
    right: 0;
}

  .lightbox-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      border: none;
      padding: 0.5rem 1rem;
      border-radius: 50%;
      font-size: 1.5rem;
      cursor: pointer;
    }
    .lightbox-prev { left: 20px; }
    .lightbox-next { right: 20px; }
.order-6{
order: 6;
}
.order-7{
order: 7;
}
.order-8{
order: 8;
}
.order-9{
order: 9;
}
.order-10{
order: 10;
}
.order-11{
order: 11;
}
.order-12{
order: 12;
}
.order-13{
order: 13;
}
.order-14{
order: 14;
}


/* ==================== contact form ============================ */

.contact-section {
    background: #191919;
    position: relative;
    padding: 80px 0;
}
.contact-section-main p ,.contact-section-main form label {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 10px 0;
}
.contact-map {
    height: 100%;
}
.contact-map iframe {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

/* ================================ reservations =========================================== */

.reservation-section {
    background: #BD9D6A;
    position: relative;
    padding: 80px 0;
}
.reservation-section-main {
    display: grid;
    gap: 30px;
}
.reservation-single {
    background: #191919;
    position: relative;
    display: flex;
    align-items: center;
    position: relative;
}

.reservation-img {
    height: 100%;
    width: 518px;
}
.reservation-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.reservation-contet {
    padding: 20px 40px;
    flex: 0 0 60%;
    position: relative;
}

.reservation-name {
    position: absolute;
    top: 0;
    left: 0;
    background: #AE0909;
    color: white;
    border-radius: 0 0 6px;
    padding: 10px;
    font-size: 20px;
}
.reservation-contet p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.7px;
    margin: 10px 0;
}
.reservation-top-bar {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: end;
    margin-bottom: 30px;
}
.reservation-top-bar select {
    width: 200px;
}
.book-btn:hover.gift-vouchers img{
    mix-blend-mode: difference;
}
.reservation-top-bar select {
    border: 1px solid white;
    color: #000000;
     font-family: Pragmatica-500;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 20px 31px;
}
.local-section {
    background: #191919;
    padding: 40px 0;
}
.local-images-all {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    margin-top:30px;
}
.local-section  p{
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    margin: 16px 0;
}
.local-img {
    height: 314px;
}
.local-img img {
    object-fit: cover;
    width: 100%;
    height:100%;
}
.all-same-banner-meta h1 a {
    color: #AE0909;
}