@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Marck+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --navy: #1a375f;
    --cream: #fdf6e9;
    --booking-blue: #4a90e2; /* Button color in sidebar */
    --accent-blue: #4a90e2;
    --green: #2d5a27;
}
body {background-color: var(--cream);color: var(--navy);font-family: "Poppins", serif;transition: all ease 0.5s;}
h1, h2, h3 {font-family: 'Alegreya', serif;color:#162c4a;}
.bg-navy { background-color: var(--navy) !important; }
.text-navy { color: var(--navy); }
.btn-navy { background-color: var(--navy); color: white; border-radius: 4px; }
.btn-navy:hover { background-color: #0d2544; color: white; }
.btn-outline-navy { border: 1px solid var(--navy); color: var(--navy); }
.navbar-brand img{width: 100px;}
@media screen and (max-width:991px){
    .navbar-collapse{text-align: center;}
}
@media screen and (max-width:767px){
    .navbar-brand img{width: 70px;}
    
}
.nav-link{font-size: 20px;color: #162c4a;font-family: 'Alegreya', serif;}
.bg-white {background: #f5efe6!important;}
.hero-section {height: 100vh;background-size: cover;background-position: center;background-attachment: fixed;background: url(../images/banner.jpg);}
h2.underline::after{content: '';width: 50%;height: 4px;background: #162c4a;display: table; margin: 20px auto;}
.badge{background:#1a375f;color: white;}
.highlights{background: url(../images/pattern.png);}

.booking-bar {background: white;margin-top: -60px;position: relative;z-index: 100;}
.amenitiesbox{border: 2px solid #e9ecef;padding:15px 5px;min-height: 150px;display: flex;flex-direction: column;justify-content: center;}
.amenitiesbox p{margin: 0;}
.ourrooms .card{position: relative;}
.ourrooms .card img {height: 250px;object-fit: cover;transition: transform 0.3s ease;}
.ourrooms .card:hover img {transform: scale(1.05);}
.ourrooms .card-body{background: #00000080;position: absolute;bottom: 0;width: 100%;}
.testimonials .card {border: none;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.testimonials .card-text {font-style: italic;}
.testimonials img {width: 50px;height: 50px;}
.testimonials figure {font-family: 'Raleway', Arial, sans-serif;position: relative;overflow: hidden;min-width: 220px;width: 100%;
  color: #333;text-align: left;box-shadow: none !important;}
.testimonials figure * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);}
.testimonials figure img {max-width: 100%;vertical-align: middle;height: 90px;width: 90px;border-radius: 50%;margin: 40px 0 0 10px;}
.testimonials figure blockquote {display: block;border-radius: 8px;position: relative;background-color: #1a375f;padding: 25px 50px 30px 50px;
  font-size: 1em;font-weight: 500;margin: 0;line-height: 1.6em;color: white;}
.testimonials figure blockquote:before,.testimonials figure blockquote:after {font-family: 'FontAwesome';content: "\201C";
  position: absolute;font-size: 50px;opacity: 0.3;font-style: normal;}
.testimonials figure blockquote:before {top: 25px;left: 20px;}
.testimonials figure blockquote:after {content: "\201D";right: 20px;bottom: 15px;}
.testimonials figure .arrow {top: 100%;width: 0;height: 0;border-left: 0 solid transparent;border-right: 25px solid transparent;
  border-top: 25px solid #1a375f;margin: 0;position: absolute;}
.testimonials figure .author {position: absolute;bottom: 45px;padding: 0 10px 0 120px;margin: 0;text-transform: uppercase;
  color: #ffffff;-webkit-transform: translateY(50%);transform: translateY(50%);}
.testimonials figure .author h5 {margin: 0;color: #333;}
.testimonials figure .author h5 span {font-weight: 400;text-transform: none;padding-left: 5px;padding-top: 10px;display: block;}

.booknow{background: #113e79;padding: 20px 0;}
.booknow h4{font-family: "Marck Script", cursive;font-size: 32px;}


footer{background: #18243d url(../images/pattern.png);padding: 50px 0 10px;color: white;}
footer h5{font-family: 'Alegreya', serif;font-size: 1.5rem;}
footer h5.underline::after{content: '';width: 20%;height: 2px;background: #ffffff;display: table; margin: 8px 0;}
@media screen and (max-width:767px){
  footer h5.underline::after{margin: 8px auto;}
}
footer .logo{width: 150px;  filter: invert(100%);}

/* Hero Section */
.room-hero {height: 450px;background-size: cover;background-position: center;}

/* Icons Specs */
.fa-expand-arrows-alt, .fa-users, .fa-bed, .fa-mountain {font-size: 1.5rem;color: var(--navy);}

/* Amenity List */
.amenity-list li {padding: 10px 0;display: flex;align-items: center;}
.amenity-list i {width: 35px;color: var(--navy);font-size: 1.2rem;}

/* Included List */
.included-list {padding-left: 0;list-style: none;}
.included-list li {position: relative;padding-left: 25px;margin-bottom: 12px;}
.included-list li::before {content: "•";color: var(--navy);font-weight: bold;position: absolute;left: 0;}

/* Booking Widget */
.booking-card {background-color: var(--navy);}
.booking-card h3{color: white;}
.btn-primary-custom {background-color: var(--booking-blue);border: none;color: white;}
.btn-primary-custom:hover {background-color: #357abd;}
.form-select, .form-control {border-radius: 2px;}

/* Additional Styles for Accommodation List */
.room-thumb {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 4px;
}

.border-navy {
    border-color: var(--navy) !important;
}

.badge {
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 2px;
}

.btn-discover {
    background-color: #2d2d2d;
    color: white;
    border-radius: 50px;
    padding: 6px 20px;
    font-size: 0.85rem;
    transition: 0.3s;
}

.btn-discover:hover {
    background-color: var(--navy);
    color: white;
}

/* Buttons */
.btn-book { background-color: var(--accent-blue); color: white; border: none; font-weight: bold; }
.btn-book:hover { background-color: #357abd; color: white; }

.about-hero {
    height: 400px;
    background-size: cover;
    background-position: center;
}

.quote-green {
    color: var(--green);
    font-style: italic;
    font-weight: bold;
    font-size: 1.8rem;
}

.root-card {
    background-color: #f9f4ec; /* Slightly lighter than cream for contrast */
    border: none;
}

.placeholder-img {
    background: #e9e0d3;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a09586;
    font-weight: bold;
}

.philosophy-list li {
    font-weight: 500;
}
.sticky-md-top {z-index: 1024;}
 .form-label { font-weight: 600; font-size: 0.9rem; color: var(--navy); }
        .checkout-step { border-bottom: 2px solid #eee; padding-bottom: 2rem; margin-bottom: 2rem; }
        .payment-option { border: 1px solid #dee2e6; padding: 15px; border-radius: 8px; cursor: pointer; transition: 0.2s; }
        .payment-option:hover { border-color: var(--navy); background-color: #f8f9fa; }
        .form-control:focus { border-color: var(--navy); box-shadow: 0 0 0 0.25rem rgba(26, 55, 95, 0.1); }
		.arch-card{background:#fff;border-radius:300px 300px 20px 20px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.15);}
.arch-card img{width:100%;height:250px;object-fit:cover;}
.arch-card-body{padding:20px 30px;text-align:center;min-height: 228px; display: flex; flex-direction: column; justify-content: center;}

.small-card{background:#fff;border-radius: 20px 20px 200px 200px;box-shadow:0 6px 18px rgba(0,0,0,0.1); overflow: hidden;}
.cta{background:#2d5184;color:white;padding:20px;}
.cta button{background:#1d2f4d;color:white;}
.bg_white{background: white;}

.hero{background:url("https://images.unsplash.com/photo-1505691723518-36a5ac3be353") center/cover no-repeat;height:520px;position:relative;color:white;display:flex;align-items:center;}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.55);}
.hero-content{position:relative;z-index:2;text-align:center;}
.hero-content h1{color: white;}

.contact-input{background:#b7c3d1;border:none;padding:15px;border-radius:10px;}
textarea.contact-input{height:120px;}
.btn-submit{background:#1e3551;color:white;padding:12px 40px;border-radius:10px;}

.newsletter{background:url("../images/events-newsletter-bg.jpg") center/cover;color:white;border-radius:15px;padding:30px;position:relative;overflow:hidden;}
.newsletter::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(10 29 40 / 60%);}
.newsletter-content{position:relative;z-index:2;}
.contact-card{padding:35px;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.card-dark{background:#1e3551;color:white;}
.card-light{background:#cdd6e1;}
.card-white{background:white;}
.map iframe{width:100%;height:320px;border-radius:15px;border:none;}
.cta{background:#2a4d79;color:white;padding:20px;}