html {
  font-size: 0.5208vw; /* 1rem = 10px until 1920px, then scales up */
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
 font-family: "Poppins", sans-serif;  background: #fff url('../images/background.jpg') 0 0 no-repeat; font-weight: 400;  color:#000; height:100vh; background-size: cover; margin:0; padding:0; overflow:hidden;   display: flex; align-items:center; justify-content: center;}
.container-holder{width:100%; max-width:114.4rem; margin:0 auto; }
.header{padding-bottom:2.5rem; display: flex; justify-content:center;}
.logo{margin:0 auto; display: inline-block; width: 27.9rem; height: auto;}
.logo img {width: 100%; height: auto;}
.hero{text-align: center;}
.main-heading{color: #000; text-align: center; font-size: 5.7rem; font-style: normal;font-weight: 600;line-height: 6.6rem; margin-bottom: 1rem;}
.sub-heading{color: #6E6E6E; font-size: 3.3rem; font-style: normal;  font-weight: 400; line-height: 5.8rem; margin-bottom: 1.7rem;}
.line{display: inline-block; width:20.1rem; height:0.1rem; background: #000; margin:0 auto 2.8rem; }
.content p{color: #6E6E6E; font-size:2.2rem; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 2.3rem;}
.content p:last-child{padding-bottom: 0;}
.bookingsec{width:100%; border:0.1rem solid #1F1F1F; border-top:none; margin-top: 2.9em;}
.booking-header{padding:0rem 1rem; background: #1F1F1F; text-align: center; }
.booking-header h3{color: #FFF;  font-size: 1.8rem; font-style: normal; font-weight: 600; line-height: 3.4rem; letter-spacing: 2.34px; text-transform: uppercase;}
.innerarea{display: flex; padding:1.3rem ; justify-content: center; align-items:center; column-gap: 3.1rem;}
.link{display: inline-flex; align-items:center; row-gap:1rem; color:#000;  font-size: 2.2rem; font-style: normal; font-weight: 500; line-height: 6.6rem; text-decoration: none; gap:1rem; transition:0.5s;}
.link span{width:3.9rem; height:3.9rem; display:inline-flex; justify-content:center; border-radius:50%; background: #E9AA2D; align-items: center; transition:0.5s;}
.link:hover{color:#EFAE2E;}
.link:hover span{background: #000;}
.link:first-child span svg{width:1.6rem; height: 12.8rem;}
.link:last-child span svg{width:1.4rem; height: 1.7rem;}
.footer {text-align: center; padding-top: 3rem;}
.footer h3{color: #EFAE2E; font-size: 2.8rem; font-style: normal; font-weight: 600; line-height: normal;}
.footer p{color: #000; font-size: 2.3rem; font-style: normal; font-weight: 400; line-height: normal;}


@media (max-width: 1199px) {
  html {
    font-size: 62.5%; /* 1rem = 10px fixed */
  }
  body{ padding:3rem 0; background-image:none; background-color:#F9F9F9; overflow:scroll;}
  .header {  padding-bottom: 1.5rem;}
  .container-holder{padding:0rem 2rem;}
  .container-holder { max-width: 91.4rem; }
  .main-heading { font-size: 4rem; line-height: 5rem;}
  .sub-heading { font-size: 2.3rem; line-height: 3.8rem;  margin-bottom: 1.5rem;}
  .content p { font-size: 1.6rem; font-weight: 400; line-height: normal;  padding-bottom: 2rem;}
  .logo { width: 21.9rem;}
  .line {margin: 0 auto 1.8rem;}
  .bookingsec{ margin-top: 1.9rem;}
  .link span { width: 2.9rem;  height: 2.9rem;}
  .link:first-child span svg { width: 1.2rem; height: 10.8rem;}
  .link:last-child span svg {width: 1.2rem; height: 1.4rem;}
  .link { font-size: 1.5rem;  line-height: 4.6rem;}
  .footer h3 { font-size: 2rem;}
  .footer p { font-size: 1.8rem;}
  .booking-header h3 { font-size: 1.6rem;line-height: 3.4rem; letter-spacing: 1px;}
}
@media (max-width: 991px) {
.container-holder {
        max-width: 93%;
    }
        .booking-header h3 {
        font-size: 1.4rem;
        }
  }
@media (max-width: 767px) {
    body{height:auto; overflow-x:hidden; overflow-y:scroll; padding:4rem 0;}
    .container-holder {  max-width: 100%;}
    .main-heading { font-size: 3rem;  line-height: 4rem;}
    .sub-heading { font-size: 1.8rem; line-height: 2.8rem;  margin-bottom: 1.5rem;}
    .content p { font-size: 1.4rem;  line-height: 2.2rem; }
    .innerarea {   flex-direction: column; gap:1.5rem; padding: 2.3rem 0;}
  .link{  flex-direction:column;   font-size: 1.5rem;    line-height: 1.6rem;}
  .booking-header {
      padding: 1.2rem 1rem;
  }
  .booking-header h3 {
      font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .bookingsec{ margin-top: 2.9rem;}
      .footer p {
          font-size: 1.4rem;
      }
      .header {
      padding-bottom: 2.5rem;
  }
}