*{
      color:#080807;
    }

    /* Hero Section */

    .hero-section{
      position:relative;
    }

    .hero-slide{
      height:100vh;
      position:relative;
      display:flex;
      align-items:center;
      background-size:cover !important;
    }

    .carousel-item{
      transition:transform 1s ease-in-out;
    }

    .hero-overlay{
      position:absolute;
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.55);
      top:0;
      left:0;
    }

    .hero-content{
      position:relative;
      z-index:2;
      color:#fff;
      padding-left: 100px;
    }

    .hero-content h1{
      font-size:70px;
      font-weight:700;
      line-height:1.2;
      margin-bottom:20px;
    }

    .hero-content p{
      font-size:18px;
      margin-bottom:35px;
      color:#f3f4f6;
    }

    .hero-btn{
      background:#facc15;
      color:#111;
      padding:14px 35px;
      border-radius:50px;
      display:inline-block;
      font-weight:600;
      transition:0.3s;
    }

    .hero-btn:hover{
      background:#fff;
      color:#111;
    }

    .navbar{
      padding:10px 0;
      background:rgba(0,0,0,0.6);
      backdrop-filter:blur(8px);
    }

    .navbar-brand{
      color:#fff;
      font-size:30px;
      font-weight:700;
    }

    .navbar-brand span{
      color:#facc15;
    }

    .navbar-nav .nav-link{
      color:#fff;
      margin-left:20px;
      font-weight:500;
      transition:0.3s;
    }

    .navbar-nav .nav-link:hover{
      color:#facc15;
    }


        .about-section{
      padding:70px 0;
    }
    

    .about-image img{
      width:100%;
      border-radius:20px;
      object-fit:cover;
      height:500px;
    }

    .about-content{
      padding-left:40px;
    }

    .about-content h2{
      font-size:42px;
      font-weight:700;
      margin-bottom:20px;
    }

    .about-content p{
      color:#6b7280;
      margin-bottom:18px;
    }

    .about-box{
      display:flex;
      gap:20px;
      margin-top:25px;
    }

    .about-card{
      background:#e1e8f0;
      padding:5px;
      border-radius:15px;
      text-align:center;
      width:33%;
      box-shadow:0 5px 20px rgba(0,0,0,0.06);
    }

    .about-card h3{
      font-size:34px;
      color:#689F38;
      font-weight:700;
    }

     .rooms-section{
      padding:70px 0;
      background:#f8fafc;
    }

    .room-card{
      background:#fff;
      border-radius:20px;
      overflow:hidden;
      transition:0.4s;
      box-shadow:0 8px 25px rgba(0,0,0,0.08);
    }

    .room-card:hover{
      transform:translateY(-10px);
    }

    .room-card img{
      width:100%;
      height:260px;
      object-fit:cover;
    }

    .room-content{
      padding:30px;
    }

    .room-content h3{
      font-size:26px;
      font-weight:600;
      margin-bottom:12px;
    }

    .room-price{
      color:#f59e0b;
      font-size:22px;
      font-weight:700;
      margin-bottom:15px;
    }

    .gallery-section{
      padding: 40px 0;
    }

    .gallery-item{
      overflow:hidden;
      border-radius:18px;
      position:relative;
    }

    .gallery-item img{
      width:100%;
      height:300px;
      object-fit:cover;
      transition:0.5s;
    }

    .gallery-item:hover img{
      transform:scale(1.1);
    }

     .services-section{
      padding:30px 0;
      background:#a2a796;
      color:#fff;
    }

    .services-section .section-title,
    .services-section .section-subtitle{
      color:#fff;
    }

    .service-card{
      background:white;
      padding:40px 30px;
      border-radius:20px;
      text-align:center;
      transition:0.4s;
      height:100%;
    }

    .service-card:hover{
      transform:translateY(-8px);
      background: #b9b9a7;;
    }

    .service-icon{
      font-size:50px;
      margin-bottom:20px;
      color: #689F38;
    }

    .service-card h3{
      margin-bottom:15px;
      font-size:24px;
    }

    .service-card p{
      color:black;
    }

    /* Contact */

    .contact-section{
      padding:100px 0;
    }
    .contact-box{
      background:#f8fafc;
      padding:50px;
      border-radius:25px;
      box-shadow:0 10px 30px rgba(0,0,0,0.08);
    }

    .form-control{
      height:55px;
      border-radius:12px;
      border:1px solid #d1d5db;
      margin-bottom:20px;
      box-shadow:none;
    }

    textarea.form-control{
      height:140px;
      resize:none;
    }

    .submit-btn{
      background:#facc15;
      border:none;
      padding:14px 35px;
      border-radius:50px;
      font-weight:600;
    }

    .submit-btn:hover{
      background:#111827;
      color:#fff;
    }

        footer{
      background:#111827;
      color:#d1d5db;
      text-align:center;
      padding:25px 0;
    }

     @media(max-width:991px){
      .hero-content h1{
        font-size:52px;
      }

      .about-content{
        padding-left:0;
        margin-top:40px;
      }
    }

    @media(max-width:767px){
      .hero-content h1{
        font-size:40px;
      }

      .section-title{
        font-size:30px;
      }

      .about-box{
        flex-direction:column;
      }

      .contact-box{
        padding:30px;
      }
    }
  .footer-section {
            background: #111;
            color: #fff;
            padding: 60px 0;
        }

        .footer-title {
            color: #689F38;
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 25px;
            position: relative;
        }

        .footer-title::after {
            content: "";
            width: 60px;
            height: 3px;
            background: #689F38;
            position: absolute;
            left: 0;
            bottom: -10px;
        }

        .footer-box {
            height: 100%;
        }

        .footer-links li,
        .footer-contact li {
            margin-bottom: 15px;
            line-height: 1.8;
        }

        .footer-links a,
        .footer-contact a {
            color: #ddd;
            text-decoration: none;
            transition: 0.3s;
        }

        .footer-links a:hover,
        .footer-contact a:hover {
            color: #dc3545;
            padding-left: 5px;
        }

        .footer-contact i {
            color: #689F38;
            margin-right: 10px;
            width: 20px;
        }

        .map-box iframe {
            width:100%;
    height:300px;
    border-radius:10px;
        }

        @media(max-width:768px) {
            .footer-section {
                text-align: center;
            }

            .footer-title::after {
                left: 50%;
                transform: translateX(-50%);
            }

            .footer-contact i {
                margin-right: 5px;
            }
        }

        .section-title{
            text-align:center;
            font-size:42px;
            font-weight:700;
            margin-bottom:10px;
            text-transform:uppercase;
            color:#1d3557;
        }

        .section-title span{
            color:#689F38;
        }

        .amenity-box{
            background:#f7f7f7;
            text-align:center;
            padding:45px 20px;
            border-right:3px solid #fcb4b4;
            border-bottom:3px solid #fcb4b4;
            transition:0.4s;
            height:100%;
        }

        .amenity-box:hover{
            transform:translateY(-5px);
            box-shadow:0 10px 25px rgba(0,0,0,0.08);
        }

        .amenity-box i{
            font-size:40px;
            color:#689F38;
            margin-bottom:25px;
        }

        .amenity-box h5{
            font-size:28px;
            font-weight:600;
            color:#1d3557;
            text-transform:uppercase;
        }

        @media(max-width:768px){

            .section-title{
                font-size:32px;
            }

            .amenity-box{
                padding:35px 15px;
            }

            .amenity-box h5{
                font-size:22px;
            }
        }
        .bg-1{
          background-color:#5d942d ;
        }
.spacing-1{
  padding-top: 50px;
   padding-bottom: 40px;
}

.spacing-about{
   padding-top: 80px;
   padding-bottom: 50px;
}