@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,700&family=Open+Sans:ital,wght@0,500;0,600;0,800;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;700&display=swap');


body,html{
padding: 0;
margin:0 ;
box-sizing: border-box;   
}

.container{
max-width: 1240px;
padding-left: 25px;
padding-right: 25px;
}

*,p,h1,h2,h3,h4,h5,h6{
padding: 0;
margin: 0;	
font-family: Rubik;
}
a{
text-decoration: none;
color: #262626;
}
.zoom-in {
cursor: zoom-in;
}

.booknow-btn{
background-color: #dfce5e;
color: #9d0908;
font-family: Rubik;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
padding: 10px 35px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
text-decoration: none;

border: 1px solid #dfce5e;
margin-left: 25px;
}
.booknow-btn:hover{
  text-decoration: none;
  color: #fff;
  border: 1px solid #dfce5e;
  background-color: transparent;
}
.hero-content{
height: 100%; 
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.hero-content h1{
    color: #fff;
    font-size: 65px;
    font-family: Rubik;
    font-weight: 600;
}
.hero-content p {
font-family: 's0142' !important;
}
.inner-hero {
    background: url('../images/extra/innerbg.png') no-repeat  100%;
    background-size: cover;
    height:400px;
    background-position: left;
    padding: 100px 25px;
    padding-bottom: 0px;
  }
.inner-hero-content{
    height: 100%; 
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    }
    .inner-hero-content h1{
        color: #fff;
        font-size: 45px;
        font-family: Rubik;
        font-weight: 600;
    }
.hero-about{
background-color: #dfce5e;
text-align: center;
padding-top: 50px;
padding-bottom: 100px;
}

.hero-about h2{
color: #050505;
font-size: 35px;
font-weight: 600;
font-family: Rubik;
}
.hero-about h2 span{
color: #980d0d;
}
.hero-about p{
color: #000000;
padding-top: 15px;
}
.why-section{
padding-top: 50px;
padding-bottom: 50px;
}
.why-section-left{
display: flex;
flex-direction: row;gap: 10px;
}
.why-section-left > div{
width: 50%;

}
.why-section-left .left div { background: url('../images/extra/about01.png') no-repeat  100%; background-size: cover; height: auto; background-position: center; height: 100%; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ;
    border: 2px solid #000;
}
.why-section-left .right{
display: flex;
flex-direction: column;
gap: 10px;
}
.why-section-left .right .one { 
    background: url('../images/extra/about02.png') no-repeat  100%; 
    border:2px solid #000;
    background-size: cover; height: auto; background-position: center; height: 48%; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ;
}
.why-section-left .right .two { border: 2px solid #000;
    background: url('../images/extra/about03.png') no-repeat  100%; background-size: cover; height: auto; background-position: center; height: 49%; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ;
}
.why-section-right{
padding-bottom: 100px;
padding-left: 50px;
}
.about .why-section-right {
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 50px;
}
.why-section-right h2{
color: #050505;
font-family: Rubik;
font-size: 35px;
font-weight: 600;
}
.why-section-right h2 span{
color: #980d0d;
}

.why-section-right p{
color: #000; padding-top: 15px;
text-align: justify;text-align-last: center;
}

.cta{
    background: url('../images/extra/ctabg.png') no-repeat fixed 100%;
    background-size: cover;
    height: auto;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 100px;
}
.cta h2{
    color: #f4df51;
    font-family: Rubik;
    font-weight: 600;
    font-size: 35px;
    text-align: center;
}

.cta-wrapper{
    display: flex;
    max-width: 1000px;
    margin: auto;
    color: #fff;
    font-size: 25px;
    font-family: Rubik;
    font-weight: 600;
    justify-content: space-between;
    padding-top:50px ;
}
.cta-wrapper a{
    color: #fff;
}
.cta-wrapper i{
    border: 2px solid #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    height: 40px;
    width: 40px;
    font-size: 20px;
    padding: 8px;
    margin-right: 5px;
}
.home-video{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.home-video h2{
    color: #922d33;
    font-size: 35px;
    font-family: Rubik;
    font-weight: 600;
}
.home-video p{
    color: #000;
    padding-top: 15px;
    max-width: 1000px;
    margin: auto;
    text-align: justify;
    text-align-last: center;
}





footer{
    background: #dfce5e;
    padding-top: 25px;
  
  }
  footer h3{
    color: #922d33;
    font-family: Rubik;
    font-size: 25px;
    font-weight: 600;
    text-decoration: underline;
  }
  .footer-left{
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 25px;
  }
  .footer-left img{
    width: 150px;
  }
  .footer-center{
    padding-left: 100px;
    margin-bottom: 25px;
  }
  .footer-center ul{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 25px;
  }
  .footer-center ul li{
  
    background-image: url('../images/extra/arrow.png');
        background-repeat: no-repeat;
      background-position: 0 center;   padding: 5px;  padding-left: 25px;
  }
  .footer-center ul li a{
     color: #000000;
     font-size: 16px;
     font-weight: 500;
     font-family: Rubik;
  text-decoration: none;
  }
  .footer-right table{
      margin-top: 25px;  color: #000;
  }
  .footer-right table a{
    color: #000;
  text-decoration: none;
  }
  .footer-right table tr td{
    padding:0 10px ;
    padding-bottom: 15px;
  }
  .footer-right table tr td i{
    font-size: 25px;
  }
  .footer-bottom{
    background: #922d33;
    text-align: center;
    padding: 15px;
  }
  .footer-bottom p{
    color: #fff;
  }
  .footer-bottom p span,.footer-bottom p span a{
    color: #dfce5e;
    text-decoration: none;
  }
.footer-right h3{
    padding-left: 50px;
}
.footer-right i{
    color: #922d33;
}


.about-section{
    padding-top:50px ;
    padding-bottom: 50px;
    background-color: #dfce5e;
}
.about-section-wrapper{
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.about-section-wrapper h2{
    font-size:25px;
    font-family: Rubik;
    font-weight: 600;
    color: #980d0d;
}
.about-section-wrapper p{
    color: #000;
    text-align: justify;
}


.stay-with-us{
  padding-top: 50px;
  padding-bottom: 100px;
}

.stay-with-us img{
  width: 100%;
}
.stay-with-us .row{
  justify-content: center;
}

.satisfaction{
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url('../images/extra/staywithbg.png');
  background-repeat: no-repeat;
background-position: 0 center; 
background-size: cover;
height: 450px;
margin-bottom: 300px;
}
.satisfaction .top > div{
  text-align: center;
  max-width: 1000px;
  color: #fff;
  margin: auto;
}
.satisfaction .top > div h4{
  font-size: 18px;
  font-weight: 500;
  font-family: Rubik;
}
.satisfaction .top > div p{
  font-size: 35px;
  font-weight: 600;
  font-family: Rubik;
  line-height: 38px;
  padding-top: 10px;
}
.satisfaction .bottom{
  padding-top: 80px;
}
.my-card > div{
  background-color: #fff;
  text-align: center;
  height: 350px;
  padding: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.my-card > div h2{
  color: #a40300;
  font-size: 30px;
  font-weight: 600;
  font-family: Rubik;
  line-height: 38px;
}
.my-card > div p{
  color: #000; 
  padding-top: 20px;
}

.gallery-container .row{
  justify-content: center;
}



/***************contact***************/
.class500{
  padding-right: 25px;
  margin-top: 50px;
  }
  
  .class510
  h1{
    color: #4a000a;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Rubik;
     text-decoration: underline; 
     text-decoration-color: #4a000a;
      text-underline-offset: 10px; 
      text-decoration-thickness: 2px;
    margin-bottom: 25px;
    font-size: 25px;
  }
   
  .class520{
    margin-top: 55px; 
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4a000a;
  }
  .class520 i{  
    font-size: 22px;  
  }
  .class520 p span{ 
  }
  .class520 p{
    color: #000;
  }
  .class520
  h2{
    font-size: 20px;
      color: #4a000a;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Rubik;
  }
  
  .class530{
    margin-top: 25px;   
    padding-top: 10px;
    padding-bottom: 10px;
      border-bottom: 1px solid #4a000a;
  }
  .class530 i{
    font-size: 22px;  
  }
  .class530 p{
    color: #000;
  }
  .class530
  p
  a{
    color: #000;
  }
  
  .class530
  h2{
      color: #4a000a;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 20px;
  }
  .class540{
    margin-top: 25px;   
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
  }
  .class540 i{ 
    font-size: 22px;
  }
  .class540 p span{
    margin-left: 30px;
  }
  .class540 p a{
    color: #000;
  }
  .class540
  h2{
      color: #4a000a;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 20px;
  }
  
  .class550 {
      margin-top: 50px;
      padding-left: 25px;
      background: #dfce5e;
      padding-top: 0;
      margin-bottom: 50px;
  }
  
  .class560
  h1{
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Rubik;
     text-decoration: underline; 
     text-decoration-color: #fff;
      text-underline-offset: 10px; 
      text-decoration-thickness: 2px;
    margin-bottom: 25px;
    font-size: 25px;
  }
   
  .class560 p{
    margin-top: -10px;
    color: #000;
     font-size: 20px;
       font-family: 'Rubik';
  }
  
  .class570
  form
  select{
    border-radius: 0;
    margin-bottom: 10px;
  }
  
  .class570
  form input{
      width: 100%;
      margin-bottom: 10px;
      border-radius: 25px;
      border: 1px solid #b9b9b9;
      padding: 10px;
  }
  .class570
  form textarea{
      width: 100%;
      margin-bottom: 10px;
      border-radius: 25px;
      border: 1px solid #b9b9b9;
      padding: 10px;
      height: 250px;
  }
  .class580{
      padding-bottom: 25px;
  }
  .class580 input { 
       background: #922d33; 
      border: none;
      width: 200px!important;
      border-radius: 15px!important;
      padding: 15px 30px;
      color: #fff;
      font-weight: 600;
      transition: all 0.6s;
  }
  .class580 input:hover{ 
       background: #f8e498!important; 
       color: #000!important;
     }
  .btn-mod1{
        background: #922d33;
      border: none;
      width: 200px!important;
      border-radius: 15px!important;
      padding: 15px 30px;
      color: #000;
      font-weight: 600;
      transition: all 0.6s;
      margin-top: 25px;
  }
  
  .btn-mod1:hover{
        background: #f8e498!important; 
       color: #000!important;
  }