/* Open Sans - Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('/amanvanalp-assets/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/amanvanalp-assets/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/amanvanalp-assets/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    src: url('/amanvanalp-assets/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Serif Display';
    src: url('/amanvanalp-assets/DMSerifDisplay-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Serif Display';
    src: url('/amanvanalp-assets/DMSerifDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Inter - Regular */
@font-face {
    font-family: 'Inter';
    src: url('/amanvanalp-assets/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Inter - Light */
@font-face {
    font-family: 'Inter';
    src: url('/amanvanalp-assets/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Inter - Bold */
@font-face {
    font-family: 'Inter';
    src: url('/amanvanalp-assets/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    border: none;
    list-style: none;
}

body {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-family: 'DM Serif Display', serif;
    font-style: italic;
}

h2 {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
}

h2.italic {
    font-style: italic;
}

p,
a {
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

button {
    font-family: 'Inter', sans-serif;
    font-style: normal;
}

p.serif-italic {
    font-family: 'DM Serif Display', serif;
    font-style: italic;
}

p.serif {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
}

p.inter {
    font-family: 'Inter', sans-serif;
    font-style: normal;
}
div#contact-form {
    display: none !important;
}
/* header css */
.header-logo-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

/*.header-logo-btn img {*/
/*    width: 220px;*/
/*    height: auto;*/
/*}*/

.enquire-btn {
    background-color: #171926;
    color: #FAE1C8;
    padding: 12px 27px;
    font-size: 16px;
    opacity: 0;
    border-radius: 25px;
}
.header-main.scrolled .enquire-btn {
  opacity: 1;
  pointer-events: auto;
}
/* hero css */
.hero-main {
    background-image: url('/amanvanalp-assets/Bengaluru’s-soul-has-found-a-sanctuary.png');
    height: 85vh;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;

}
.header-main {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0px;
    background: rgba(255, 255, 255, 0); /* transparent on hero */
    transition: background-color 0.4s ease, padding 0.4s ease;
    z-index: 1000;
    padding: 15px 0;
}

.header-main.scrolled {
    background:#FFFAF0; /* visible after hero */
    padding: 6px 0; /* optional shrink effect */
    backdrop-filter: blur(10px);
    position:fixed;
    width:100%
}

.hero-btn-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.hero-container {
    width: 85%;
    margin: 0 auto;
}

.hero-text {
    position: absolute;
    width: 90%;
    left: 0;
    bottom: 22px;
    margin: 0 auto;
    right: 0;
}

.hero-text h1 {
    font-size: 36px;
    font-weight: 400;
}

.hero-btn {
    background-color: #965532;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.65px;
    padding: 8px 15px;
}

.hero-btn-text p {
    font-size: 24px;
    font-weight: 400;
}

.hero-btn-text span {
    font-weight: 600;
}

.enquire-hero-btn {
    padding: 12px 25px;
    background-color: #161926;
    border: 1px solid #161926;
    font-size: 16px;
    color: #FAE1C8;
    border-radius: 25px;
}

/* Rooted in Bengaluru. Crafted for Seekers. */
.rooted-main {
    padding: 65px 0px;
    background-color: #FFFEF8;
}

.container {
    width: 90%;
    margin: 0 auto;
}

.custom-line {
    border: none;
    border-top: 1px solid #EFBE36;
    width: 48px;
}

.rooted-image {
    background-image:  url(/amanvanalp-assets/Crafted-for-Seekers-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
    position: relative;
}

.rooted-content {
    position: absolute;
    bottom: 40px;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.rooted-content h2 {
    font-size: 30px;
    color: #FFFEF8;
    font-weight: 400;
}

.rooted-content p {
    color: #FFFAF0;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 5px;
}

/* Crafted, Not Just Planned. */
.crafted-section {
    background-color: #FFFEF8;
    padding: 65px 0px 150px 85px;
}

.crafted-container {
    display: flex;
    width: 100%;
}

.crafted-content {
    width: 45%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    gap:120px;
}

.crafted-content h2 {
    color: #000000;
    font-size: 30px;
    font-weight: 400;
}

.crafted-para {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.crafted-paratwo {
    font-weight: 600;
    margin-top:20px;
}

.crafted-stats {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
}

.stats-number {
    font-size: 32px;
    font-weight: 400;
}

.stat {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.stat-access{
    justify-content:space-between;
}

.stats-text {
    font-weight: 300;
    font-size: 16px;
}

.crafted-stats-two {
    margin-top: 35px
}

.crafted-line {
    margin-top: 15px
}

.crafted-img {
    width: 55%;
}

.brochure-btn {
    align-self: flex-start;
    padding: 12px 22px;
    margin-top: 30px;
    background-color: #171926;
    color: #FAE1C8;
    font-size: 16px;
    border-radius: 25px;
    opacity:1;
}
.floor-btn{
    border-radius: 0px;
    margin-top: 30px;
    width: fit-content;
    display:flex;
    border-radius:25px;
}
.desktop-brochure-btn {
    margin-top: 60px;
}
.crafted-img img {
    width: 100%;
    height: 100%;
}

/* Where Serenity Meets Access */
.serenity-main {
    background-color: #161926;
    padding: 65px 0px;
}

.serenity-content {
    display: flex;
    gap: 60px;
}

.serenity-img {
    width: 50%;
}

.serenity-img img {
    width: 100%;
    height: 100%;
}

.serenity-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
}

.serenity-text h2 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 400;
}

.access-text {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.serenity-para {
    color: #FFFFFF;
    margin-top: 20px;
}

.serenity-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
.serenity-stats-two {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
.stats-serenity-number {
    font-size: 32px;
    font-weight: 400;
    color: #FFFFFF;
}

.stats-serenity-number span {
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}

.stat-serenity-text {
    color: #FFFFFF;
    font-weight: 300;
}

.serenity-stat {
    gap: 1px;
}

.book-site-btn {
   background-color: transparent;
    color: #FAE1C8;
    margin-top: 10px;
    font-weight: 400;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FAE1C8;
    font-size:16px;
    padding: 12px 20px;
}

.serenity-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Stillness. Space. Sanctuary. Captured in Every Frame.*/
.stillness-carousel-section {
    background-color: #FFFEF8;
    padding: 65px 0px;
    position: relative;
}

.stillness-item {
    position: relative;
}

.stillness-item img {
    width: 100%;
    height: 585px;
    display: block;
    object-fit: cover;
}

.stillness-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-family: 'DM Serif Display', serif;
    font-style: italic;
    font-size: 32px;
    color: #FFFFFF;
}

.owl-carousel.stillness-carousel.owl-loaded.owl-drag {
    margin-top: 40px;
}

.stillness-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    color: white !important;
    font-size: 40px !important;
    border: none !important;
    z-index: 5;
}

.stillness-carousel .owl-nav .owl-prev {
    left: 15px;
}

.stillness-carousel .owl-nav .owl-next {
    right: 15px;
}

.stillness-carousel .owl-dots {
    display: none;
}

.stillness-carousel .owl-item {
    transition: opacity 0.3s ease;
}

.stillness-title {
    color: #000000;
    font-size: 30px;
    font-weight: 400;
    text-align: left;
    font-weight: 400;
}

.stillness-container {
    width: 95%;
    margin: 0 auto;
}

.carousel-line {
    margin: 20px 0px;
}

.stillness-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    border: none !important;
    padding: 0;
    z-index: 5;
    cursor: pointer;
}

.stillness-carousel .owl-nav .owl-prev {
    left: 37px;
}

.stillness-carousel .owl-nav .owl-next {
    right: 23px
}

.stillness-carousel .owl-nav img {
    width: 20px;
    height: auto;
}
.stillness-carousel .overlay {
    position: absolute;
    inset: 0;
    background: #00000075;
    pointer-events: none;
}
/* Choose Your Sanctuary  */
.sanctuary-main {
    background-color: #FFFEF8;
    padding: 65px 0px;
}

.plan-main {
    display: flex;
    padding-top: 40px;
}

.plan-name {
    font-size: 30px;
    font-weight: 400;
    color: #000000;
}

.plan-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
}
.mobile-plan-stats{
    display:none;
}
.stats-number span {
    color: #161926;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.plan-one {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}

.plan-two {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}

.plan-para {
    font-size: 20px;
    line-height: 35px;
    font-weight: 300;
}
.mobile-plan-para{
    display:none;
}
.plan-image {
    margin-top: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

/* Not Just Features. Thoughtful Touches That Stay With You. */
.features-main {
    padding: 65px 0px;
    background-color: #FFFEF8;
}

.features-content {
    background-color: #F5D6BB;
    padding: 70px 150px 130px 100px;
}

.features-para {
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
    margin: 20px 0px;
}

.features-lists {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
.mobile-features-list{
    display:none;
}
.features-lists-text {
    font-size: 22px;
    font-weight: 400;
    color: #965532;
}

.features-bold {
    font-weight: 700;
}

.features-one {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.features-two {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.read-more-btn {
        display: none;
    }
/* Beyond the Sanctuaries */
.beyond-main {
    background-color: #161926;
    padding: 65px 0px;
}

.beyond-main h2 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 400;
}
.beyond-content{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.beyond-para {
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
}

.beyond-gid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 80px;
    margin-top: 60px;
}

.beyong-card img {
    width: 90px;
    height: 90px;

}

.beyond-text-one {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 24px;
}

.beyong-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.beyond-text-two {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}

/* A Sanctuary of Belonging  */
.belonging-main {
    padding: 100px 0px;
    background-color: #ffffff;
}

.Belonging-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.Belonging-content p {
    font-size: 24px;
    margin: 7px 0px;
}

.sanctuary-carousel-section {
    max-width: 100%;
    position: relative;
    padding-top:75px;
}

.sanctuary-carousel .sanctuary-item img {
    width: 100%;
    display: block;
    height: 520px !important;
    object-fit: cover;
}

.sanctuary-carousel .owl-item {
    z-index: 1;
    position: relative;
}

.sanctuary-carousel .owl-item::after {
    content: "";
    position: absolute;
    inset: 0;
     background: #00000075;
    pointer-events: none;
}

.sanctuary-carousel .owl-item.center {
    opacity: 1;
    z-index: 5;
}

.sanctuary-carousel .owl-item.center::after {
    opacity: 0;
}

.sanctuary-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.sanctuary-carousel .owl-nav button {
    background: none;
    border: none;
    pointer-events: all;
}

.sanctuary-carousel .owl-nav img.sanctuary-nav-arrow {
    width: 20px;
    height: auto;
    cursor: pointer;
}

/* Thoughtfully Scattered Amenities. Effortlessly Found.  */
.amenities-main {
    background-color: #FFFEF8;
    padding:50px 0px;
}

.amenities-img-lists {
    display: flex;
    gap: 50px;
    margin: 40px 0px;
}

.amenities-content {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.amenities-img {
    width: 65%;
}

.amenities-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.amenities-lists {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.amenities-lists-text {
    font-weight: 300;
    font-size: 20px;
}

.amenities-list-group {
    display: flex;
    gap: 35px;
}

/* Get in Touch */
.GetInTouch-main{
    padding:65px 0px 0px 0px;
}
.contact-main {
    background-image: url(/amanvanalp-assets/get-in-touch.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    /* horizontal center */
    align-items: center;
}

.get-in-touch {
    background-color: #FFFFFFE5;
    padding: 30px;
    width: 35%;
    left: 13%;
    position: absolute;
    padding: 50px 40px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 25px 0px;
}

.form-group input {
    padding: 15px;
    border-bottom: 1px solid #ACACAC;
}
.form-group input:focus {
  outline: 1px solid #aeaeae;
}

.contact-heading h2 {
    font-size: 36px;
    font-weight: 400;
}

.contact-heading {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-form {
    margin-top: 30px
}

label {
    color: #161926;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

input::placeholder {
    color: #757575;
    font-weight: 300;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

input#phone {
    width: 100%
}

button.submit-btn {
    background-color: #171926;
    color: #FAE1C8;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 22px;
    margin-top: 20px;
    border-radius:25px;
}
.ThankYou-text{
    margin-bottom: 10px;
    font-family: 'DM Serif Display', serif;
    font-size: 25px;
}
#thankYouMessage p{
    font-size: 17px;
    line-height: 27px;
}
/* White Lotus Group  */
.explore-main {
    padding: 65px 0px;
}

.explore-content {
    background-color: #F5D6BB;
    padding: 75px 0px 90px 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.crafting-text {
    font-weight: 300;
    font-size: 24px;
    color: #161926;
}

.about-white-lotus {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0px 0px 0px;
}

.explore-btn {
    background-color: transparent;
    border: 1px solid #161926;
    display: flex;
    gap: 10px;
    color: #161926;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px;
    padding: 12px 22px;
    align-items: center;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
}
.explore-btn img {
    width: 25px;
}

/* footer */
.footer-main {
    background-color: #161926;
    padding: 50px 0px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.disclaimer-text {
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
}

.details-txt {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.footer-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: end;
}

.footer-social {
    display: flex;
    gap: 20px
}

.footer-address {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    color: #FFFFFF;
}

.crafted-mobile-para {
    display:none;
}
.mobile-brochure-btn{
    display:none;
}
.mobile-stats{
    display:none;
}
.crafted-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.CraftedStats-btn {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.SerenityMeets-block{
    gap:45px;
}
.qr-code{
    width:100px;
    height:auto;
}
.MobilePlan-image{
    display:none;
}
.MobileHero-btntxt{
    display:none;
}
.mobile-footer-sticky{
    display:none ;
}
.mobile84-text{
    display:none;
}
.group-title{
    text-align:center !important;
}
/*mobile version*/
@media (max-width: 767px) {
    .hero-main {
    background-position: 50% 22%;
    background-image: url('/amanvanalp-assets/HeroSection.webp');
    height: 90vh;
}
.stat-access{
    justify-content: start;
    gap:0px;
}
.sanctuary-carousel-section{
    padding:75px 0px 0px 0px;
}
.serenity-stats2-mobnew{
    display: block !important;
    display: grid !important;
    gap: 23px;
}
.mobile84-text {
    display:block;
}
.header-main {
     padding: 10px 0px; 
}
.header-logo-btn svg{
    width:50%;
    height:auto;
}
.enquire-btn{
    display:none;
}
.hero-text {
    bottom: 0;
    top: 15%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hero-btn-enquire {
    margin-top: 30px;
}
.hero-text h1 {
    font-size: 24px;
    font-weight: 400;
    color:#FFFFFF;
}
.hero-btn {
    font-size: 9px;
    padding: 6px 4px;
}
.hero-btn-text p {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
    margin-top:0px;
}
.hero-btn-text span {
    font-weight: 400;
}
.hero-btn-text {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: 0 auto;
}
.enquire-hero-btn {
    padding: 5px 15px 6px 15px;
    font-size: 14px;
}
.mobile-hero-btn{
    position:absolute;
    bottom:54px;
}
.rooted-main {
    padding: 25px 0px 0px 0px;
}
.rooted-image {
    background-image: url(/amanvanalp-assets/crafted-for-seekers-mobile.webp);
    height: 600px;
}
.rooted-container{
    width:100% !important;
}
.rooted-content {
    gap: 15px;
}
.rooted-content h2 {
    font-size: 18px;
}
.rooted-content p {
    font-size: 14px;
    line-height: 20px;
}
.rooted-content br {
    display:none;
}
.custom-line {
    width: 30px;
}
.crafted-section {
    padding: 50px 0px;
    background-color: #ffffff;
}
.crafted-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 0 auto;
}
.crafted-content {
    width: 85%;
    gap: 15px;
    margin:0 auto;
}
.crafted-content h2 {
    font-size: 18px;
}
.crafted-para,  .crafted-paratwo  {
    font-size: 14px;
    line-height: 20px;
    margin:15px 0px;
}
.brochure-btn {
    padding: 6px 15px 8px 15px;
    margin-top: 30px;
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-left:28px;
}
.stats-serenity-number {
    font-size: 29px;
}
.book-site-btn{
    margin-left:0px !important;
}
.crafted-stats {
    margin-top: 20px;
    display:none;
}
.serenity-stats-two{
    gap:23px;
}
.stats-number {
    font-size: 24px;
}
.mobile84-text{
    text-align:right;
}
.mobile-right-text84{
    text-align:left;
}
.stats-text {
    font-size: 12px;
}
.stats-text br{
    display:none;
}
.crafted-line {
    display: none;
}
.crafted-img {
    width: 100%;
}
.crafted-desktop-para {
    display: none;
}
.desktop-brochure-btn {
    display: none;
}
.crafted-mobile-para {
    margin-top: 20px;
    display: block;
    width: 85%;
    margin: 0 auto;
}
.mobile-stats{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap:25px;
}
.container {
    width: 85%;
    margin: 0 auto;
}
.serenity-main {
    padding: 50px 0px;
}
.serenity-img {
    width: 100%;
}
.serenity-text {
    width: 100%;
}
.serenity-text h2 {
    font-size: 18px;
}
.access-line{
    display:block;
}
.serenity-content {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.access-text {
    margin-bottom: 0px;
    gap: 0px;
}
.stillness-carousel-section {
    padding: 50px 0px;
}
.stillness-title {
    font-size: 18px;
    width:80%;
}
.stillness-item img {
    height: 30vh;
}
.stillness-caption {
    font-size: 16px;
}
.owl-carousel.stillness-carousel.owl-loaded.owl-drag {
    margin-top: 30px;
}
.stillness-carousel .owl-nav img {
    width: 10px;
}
.stillness-carousel .owl-nav .owl-prev {
    left: 10px;
}
.stillness-carousel .owl-nav button {
    position: absolute;
    top: 46%;
}
.sanctuary-main {
    background-color: #F5D6BB80;
    padding: 40px 0px;
}
.sanctuary-container{
    width:100%;
}
.choose-text{
    width:85%;
    margin:0 auto;
}
.plan-main {
    width: 85%;
    margin: 0 auto;
    flex-direction: column;
}
.plan-one {
    gap: 15px;
    flex-direction: column;
    width:100%;
}
.plan-stats {
display:none;
}
.mobile-plan-stats{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:30px;
    margin-top: 10px;
}
.plan-para {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}
.mobile-plan-para{
    display:block;
}
.desktop-plan-para{
    display:none;
}
.plan-para br {
  display: none;
}
.floor-btn {
    display: block !important;
    padding: 6px 15px 7px 15px;
    font-size: 14px;
    margin-left:0px !important;
}
.floor-mob-btn{
    width: fit-content;
    margin-left: auto !important;
    position: unset;
}
.plan-two {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 20px;
    margin-top: 45px;
}
.plan-name {
    font-size: 18px;
}
.ground-level{
    text-align:right;
}
.features-one{
    align-items:start;
}
.features-content {
    padding: 45px 40px;
}
.features-para {
    font-size: 14px;
    line-height: 20px;
}
.features-para br{
   display:none;
}
.mobile-features-list{
    display:block;
}
.desktop-features-list{
    display:none;
}
.features-lists {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.features-lists-text {
    font-size: 14px;
     text-transform: capitalize;
}
.features-two {
    margin-top: 30px;
    align-items:start;
    text-align:left;
    display: none;
}
.read-more-btn {
    margin-top: 10px;
    background-color: transparent;
    color: #965532;
    border: none;
    cursor: pointer;
    font-size: 14px;
}
 .read-more-btn {
        display: block;
    }
.beyond-main h2 {
    font-size: 18px;
    text-align:center;
}
.beyond-content {
    align-items: center;
}
.beyond-para {
    font-size: 14px;
    text-align: center;
    margin-top:10px;
}
.beyond-gid {
    grid-template-columns: 1fr;
    gap:65px;
    margin-top:40px;
}
.beyong-card {
    align-items: center;
    gap:15px;
}
.beyong-card img {
    width: 50px;
    height: auto;
    margin-bottom: 10px;
}
.beyond-text-one {
    font-size: 16px;
}
.beyond-text-two {
    font-size: 14px;
    line-height: 22px;
    width: 70%;
    text-align:center;
}
.belonging-main {
    padding: 50px 0px 70px 0px;
    background-color: #FFFEF8;
}
.Belonging-content p {
    font-size: 14px;
    margin: 0px;
    line-height: 20px;
}
.amenities-img-lists {
    display: flex;
    flex-direction: column;
    gap:20px;
}
.amenities-img {
    width: 100%;
}
.amenities-lists {
    width: 100%;
    gap: 15px;
}
.amenities-list-group img{
    width:25px;
}
.amenities-lists-text {
    font-size: 14px;
}
.amenities-list-group {
    display: flex;
    gap: 20px;
}
.amenities-btn{
    padding: 5px 15px 7px 15px;
    font-size: 14px;
    margin-top: 15px;
}
.amenities-main {
    background: #ffffff;
    padding:50px 0px 0px 0px;
}
.get-in-touch {
    width: 80%;
     left: 10%; 
    padding: 25px;
}
.contact-heading {
    gap: 15px;
}
.contact-heading h2 {
    font-size: 18px;
}
.form-group input {
    padding: 8px;
    border-radius:0px !important;
}
label {
    font-size: 12px;
}
button.submit-btn {
    font-size: 14px;
    padding: 5px 15px 7px 15px;
    margin-top: 10px;
    font-weight: 400 !important
}
.contact-main {
    background-image: url(/amanvanalp-assets/mobile-get-in-touch.webp);
}
.crafting-text {
    font-size: 14px;
}
.about-white-lotus {
    font-size: 14px;
    line-height: 20px;
    width: 82%;
}
.about-white-lotus br{
    display:none;
}
.explore-content {
    padding: 30px 20px;
    gap: 20px;
}
.explore-btn {
    gap: 10px;
    font-size: 14px;
    padding: 5px 15px 7px 15px;
    margin-top: 15px;
}
.explore-btn img {
    width: 15px;
    margin-top: 2px;
}
.details-txt {
    font-size: 12px;
        white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.footer-main {
    padding: 30px 0px;
    margin-bottom: 20px;
}
.disclaimer-text {
    font-size: 12px;
}
.footer-logo{
    width:68%;
    height:auto;
    text-align:right;
}
.footer-social img{
    width:20px;
}
.footer-social {
    display: flex;
    gap: 10px;
}
.footer-address {
    font-size: 12px;
}
.footer-right {
    gap: 10px;
    text-align: right;
    width:50%;
}
.footer-left{
    width:50%;
}
.sanctuary-carousel .sanctuary-item img {
    height: 30vh !important;
}
.sanctuary-carousel .owl-nav {
    left: 7px;
    right: 7px;
}
.sanctuary-carousel .owl-nav img.sanctuary-nav-arrow {
    width: 12px;
}
.MobilePlan-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.plan-image{
    display:none;
}
.sanctuary-line-mobile{
    margin-left:34px;
}
.DesktopHero-btntxt{
    display:none;
}
.MobileHero-btntxt{
    display:block;
    margin-top:25px;
    width: 100%
}
.serenity-stats {
    display: grid !important;
    gap:23px;
}
.SerenityMeets-block{
    gap:0px;
}
.mobile-footer-sticky{
    display:none;
    background-color:#161926;
    padding:15px 0px;
    text-align: center;
    border: 1px solid #000000;
    position: fixed; 
    bottom: 0;   
    left: 0;          
    width: 100%; 
    z-index: 9999;
    display: none;
}
 .mobile-footer-sticky.show {
        display: block;
 }
.mobile-footer-sticky p{
    color:#FFFFFF;
    font-size:14px;
}
p.crafted-para.serenity-para br {
    display: none;
}
.GetInTouch-main {
    padding: 30px 0px 0px 0px;
}
}


/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
    .hero-btn-text {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 15px;
    flex-direction: column;
    gap: 10px;
}
.mobile84-text {
    display:none;
}
.plan-stats {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width:100%;
    justify-content:space-between;
    gap:0px;
}
.MobilePlan-image{
    display:none;
}
.features-content {
    background-color: #F5D6BB;
    padding: 50px;
}
.features-lists {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    flex-direction: column;
}
.features-two {
    margin-top: 20px;
}
 .read-more-btn {
        display: none;
    }
.beyond-gid {
    grid-template-columns: 1fr 1fr;
}
.amenities-img-lists {
    flex-direction: column;
}
.amenities-img {
    width: 100%;
}
.amenities-lists {
    width: 100%;
}
.amenities-lists {
    gap: 20px;
}
.get-in-touch {
    width: 90%;
     left: 6%; 
}
.about-white-lotus br{
    display:none;
}
.about-white-lotus {
    width: 82%;
}
.crafted-container {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.crafted-content {
    width: 100%;
}

.crafted-img {
    width: 100%;
    margin-top: 35px;
}

.crafted-img {
    width: 100%;
}
.serenity-content {
    display: flex;
    gap: 60px;
    flex-direction: column;
}
.serenity-img {
    width: 100%;
}
.serenity-text {
    width: 100%;
}
.book-site-btn {
    margin-top: 30px;
}
.plan-one {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap:25px;
}
.plan-main {
    display: flex;
    padding-top: 40px;
    flex-direction: column;
}
.plan-two {
    width:100%;
    gap: 25px;
    margin-top: 50px;
}
.crafted-section {
    padding: 40px;
}
.sanctuary-carousel .sanctuary-item img{
    height:330px !important;
}
.stillness-item img {
    height: 465px;
}
.hero-main {
    height: 130vh;
}
.hero-text {
    bottom: 34px;
}

.hero-text h1 {
    font-size: 22px;
}
.hero-btn {
    font-size: 11px;
    padding: 5px 9px;
}
.hero-btn-text p {
    font-size: 15px;
    font-weight: 400;
}
.enquire-hero-btn {
    padding: 5px 28px;
    font-size: 16px;
}
.MobileHero-btntxt{
    display:none;
}
}



.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}
.iti__selected-dial-code {
    font-size: 13px !important;
}
.AmanvanaLogo{
        width: 220px;
    height: 46px;
    margin-top:80px;
}
.AmanvanaLogo-footer{
            width: 220px;
    height: 46px;
}