@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.12.1/font/bootstrap-icons.min.css");
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
}
p{
  font-family: "Sen", sans-serif !important;
}
.card__description{
  font-size: 16px;
    font-weight: 400;
    color: #575555;
      font-family: "Sen", sans-serif;
}
input::placeholder,
textarea::placeholder {
  font-size: 14px;
}
.active{
    color:rgb(14, 13, 13) !important;
  }
  .nav-item a{
    color: rgb(7, 7, 7);;
    font-size: 16px;
  }
 .nav-item a:hover{
  color: rgb(235,25,79)!important;
 }
 .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
 .space{
     margin: 100px 0px 80px 0px;
  }
 /* navbar hamburger================================================================= */

 .navbar-toggler {
  border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.toggler-icon{
  width: 30px;
  height: 3px;
  background-color: #e74c3c;
  display: block;
  transition: all 0.2s;
}

.middle-bar{
  margin: 5px auto;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .toggler-icon {
  background-color: #777777;
}
.navbar-two{
    position: absolute;
    top: 0px;
}

  .tagline {
    font-family: "Inknut Antiqua", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 3px;
    color: #C08A4E;
    text-transform: uppercase;
}
.tagline-new{
  font-family: "Inknut Antiqua", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 3px;
 color: #C08A4E;
  text-transform: uppercase;
}
  .tagline2{
    font-family: "Inknut Antiqua", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 38px;
  color: #C08A4E;
  }
 .tagline-foot{
  font-family: "Inknut Antiqua", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: 3px;
    color: #C08A4E;
    text-transform: uppercase;
 }

 .banner-txt{
  width: 100%;
  height: 600px;
padding-top: 130px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

 .amenities-banner{
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url(./images/villa-comp.webp);
  width: 100%;
  height: 100vh;
  padding: 100px 0px;
  background-size: cover;
  background-repeat: no-repeat;
 }
 
 .up-title {
  position: relative;
  top: -30px; 
  z-index: 1;
}
.back-footer{
  background-image: url(./images/Bottom.png);
  width: 100%;
  padding: 50px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
  .para{
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    color: #575555;
      font-family: "Sen", sans-serif !important;
   
  }
    .amenities {
        padding: 50px 0px;
      }
      .cutom-brn{
        background-color: #d85a05;
        width: 300px;
        height: 48px;
        margin: 0 auto ;
        
      }
      .btn-col{
        background-color: #fff5eb;
        padding-bottom: 60px;
      }
       .cutom-brn a{
        color: white;
        text-decoration: none;
       }
      @media screen and (min-width: 992px) {
        .tagline-new{
        
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 3px;
      color: #C08A4E;
        text-transform: uppercase;
      }
    .amenities {
        padding: 100px 0px;
      }
      .btn-col{
        background-color: #fff5eb;
        padding-bottom:100px;
      }
  .para{
font-size: 16px;
 line-height: 34px;
  }
   .amenities-banner{
    background-image: url(../images/villa-comp.webp);
 
 }
 .tagline-foot{
  font-family: "Inknut Antiqua", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 3px;
    color: #C08A4E;
    text-transform: uppercase;
 }
   .card-container {
      perspective: 1000px;
    }

    .active2 {
      color: #e74c3c !important;
    }

   

  /* .sand{
    position: relative;
    margin-top:-50px ;
    z-index: 99;
    background-color: #fff;
   
  } */
  
  .location{
   font-size: 18px;
   
   }
   .first-step{
    padding-top: 80px;
   }
  .tagline{
    font-size: 28px;
    line-height: 55px;
    letter-spacing: 5px;
  }
   .tagline-foot{
  font-family: "Inknut Antiqua", serif;
    font-weight: 500;
    font-style: normal;
      font-size: 28px;
    line-height: 55px;
    letter-spacing: 3px;
    color: #C08A4E;
    text-transform: uppercase;
 }
  .tagline2{
  font-size: 27px;
  }
  
  .back-footer{
          background-image: url(./images/Bottom.png);
          width: 100%;
          height: 60vh;
          background-size: cover;
          background-repeat: no-repeat;
         display: flex;
         justify-content: center;
         align-items: center;
      
        }
      
 }
 @media screen and (min-width: 1400px) {
   .tagline-new{
  
  font-size: 32px;
  line-height: 45px;
  letter-spacing: 3px;
 color: #C08A4E;
  text-transform: uppercase;
}
    .para{
font-size: 16px;
 line-height: 40px;
  }
  .tagline-foot{
  font-family: "Inknut Antiqua", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 42px;
    line-height: 55px;
    letter-spacing: 3px;
    color: #C08A4E;
    text-transform: uppercase;
 }
  .tagline, .tagline2{
    font-size: 42px;
    line-height: 55px;
  }
  .information{
    margin-bottom: 400px;
  }
  .back-footer{
          background-image: url(./images/Bottom.png);
          width: 100%;
          height: 54vh;
          background-size: cover;
          background-repeat: no-repeat;
         display: flex;
         justify-content: center;
         align-items: center;
         
        }
 }
  @media screen and (min-width: 1400px) {
    
    .para{
      font-size: 18px;
    }

  }
    @media  (min-width: 1900px) {
         .up-title2{
          top: -273px !important;
        }
      .back-footer{
        padding: 48px 0px 60px 0px!important;
      }
       .tagline-new{
        font-size: 52px;
        line-height: 70px;
        letter-spacing: 0px;
        color: #C08A4E;
        text-transform: uppercase;
      }
    }