input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0
}



@font-face{
 font-family: 'Urbanist-Regular';
  src: url('../fonts/Urbanist-Regular.eot');
  src: local('☺'), 
       url('../fonts/Urbanist-Regular.woff') format('woff'), 
       url('../fonts/Urbanist-Regular.ttf') format('truetype')
}



@font-face{
 font-family: 'Urbanist-Medium';
  src: url('../fonts/Urbanist-Medium.eot');
  src: local('☺'), 
       url('../fonts/Urbanist-Medium.woff') format('woff'), 
       url('../fonts/Urbanist-Medium.ttf') format('truetype')
}


@font-face{
 font-family: 'Urbanist-SemiBold';
  src: url('../fonts/Urbanist-SemiBold.eot');
  src: local('☺'), 
       url('../fonts/Urbanist-SemiBold.woff') format('woff'), 
       url('../fonts/Urbanist-SemiBold.ttf') format('truetype')

}

@font-face{
    font-family: 'WixMadeforText-Regular';
     src: url('../fonts/WixMadeforText-Regular.eot');
     src: local('☺'), 
          url('../fonts/WixMadeforText-Regular.woff') format('woff'), 
          url('../fonts/WixMadeforText-Regular.ttf') format('truetype')
   }
   
   
   @font-face{
    font-family: 'WixMadeforText-Medium';
     src: url('../fonts/WixMadeforText-Medium.eot');
     src: local('☺'), 
          url('../fonts/WixMadeforText-Medium.woff') format('woff'), 
          url('../fonts/WixMadeforText-Medium.ttf') format('truetype')
   
   }


   @font-face{
    font-family: 'Avenir';
     src: url('../fonts/AvenirLTStd-Book.otf');
     src: local('☺'), 
     url('../fonts/AvenirLTStd-Book.woff') format('woff'), 
     url('../fonts/AvenirLTStd-Book.ttf') format('truetype')
   
   }



:root{
    --black:#000000;
    --white:#ffffff;

    --regular:'Urbanist-Regular';
    --medium:'Urbanist-Medium';
    --semibold:'Urbanist-SemiBold';

    --h-regular:'WixMadeforText-Regular';
    --h-medium:'WixMadeforText-Medium';

    --heading: "Avenir";
}


*{font-family: var(--regular); margin: 0;padding: 0;box-sizing: border-box;font-weight: normal;}
body{font-family: var(--regular);background: #3E4C21;}
input:focus{  outline:none;}
input[type="checkbox"]:focus{  outline:none; box-shadow:none;}
a{text-decoration: none;}
a:focus {outline: -webkit-focus-ring-color auto 0px;outline-offset: 0px;}
ul{list-style: none;padding: 0;margin: 0;}
section{width: 100%;display: flex;    flex-direction: column;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
    border: none;
}
button{	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
    border: none;}



.main-hedaer{
    display: flex;
    transition: 0.3s all;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    padding: 28px 0px 28px 0px;
    justify-content: space-between;
    align-items: center;
}
.main-hedaer.scrolled{
    padding: 20px 0px 20px 0px;
    box-shadow: 0px 3px 12px 0px #3e4c21;
}
.header-right{
    display: flex;
    position: relative;
    gap:24px;
}
.header-right .gray-cta:nth-child(2){width: 56px;height: 56px;}
.header-flex{
    display: flex;
    justify-content: space-between;
}
.hero-section img{width: 100%;height: 100%; object-fit: cover;}
.hero-section{
    display: flex;
    height: 100vh;
 
}
.hero-title{
    position: absolute;
    font-family: var(--h-medium);
    color: #fff;
    font-size: 88px;
    line-height: 96px; 
    letter-spacing: 7.04px;
}
.hero-layer{
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 35.35%, rgba(0, 0, 0, 0.60) 100%);
}


.gray-cta{
    display: inline-flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    gap: 8px;


color: #3E4C21;
text-transform: lowercase;
    font-size: 16px;
    font-family: var(--semibold);
    line-height: 24px; 


    border: 1px solid rgba(255, 255, 255, 0.40);
background:  rgba(255, 255, 255, 0.60);
box-shadow: 0px 2px 4px 0px rgba(62, 76, 33, 0.10);
}
.gray-cta:hover{
    background:  rgba(255, 255, 255, 1);
    box-shadow: 0 2px 19px #0000001e;
    transform: translateY(-3px);
}

.yellow-cta:hover{
    background: #f09e11;
    box-shadow: 0 2px 19px #9e9e9e1e;
    transform: translateY(-3px);
}
.room-f-wrap{
    display: flex;
   width: 100%;
  
}
.am-ss{display: flex;flex-direction: column;gap: 40px;width: 100%;}
.room-f-wrap p{
    display: flex;



color: #FFF;
text-align: center;
font-size: 24px;
font-family: var(--medium);
line-height: 36px; /* 150% */
text-transform: lowercase;
}


.room-f-item{
    display: flex!important;
width: 320px;
margin: 0 10px;
padding: 40px;
flex-direction: column;
text-align: center;
align-items: center;
gap: 20px;
background: #445420;
}

.room-f-wrap div img{
    width: 60px;
    height: 60px;
}
.slick-an .slick-track{display: flex;gap: 20px;}
.slick-an .slick-slide{display: flex; flex-direction: column; gap:  20px;}

.heading{
    color:  #FFF;
font-family: var(--heading);
font-size: 148px;
font-style: normal;
line-height: 150px;
text-transform: lowercase;
}
.heading span{
    font-family: var(--h-regular);
}
.flex-head{
    display: flex;
    padding: 0px 120px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.padding{
    padding: 80px 0;
}
.pd-top{padding-top: 120px;}
.flex-head h1{align-self: stretch;}
.inner-gap{display: flex;
    flex-direction: column;
  
    gap: 120px;
    align-self: stretch;}
    .minus-flex{
        display: flex;
        flex-direction: column;
    }
    .w-866{
        padding: 0;
        width: 866px;
    }
    .getting-ar-flex {
        display: flex;
        gap: 40px;
        margin: 0 -120px;
    }
    .ex-four-flex{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .ex-first-flex{
        display: flex;  
        gap: 40px;
    }
    .ex-sec-flex{
        display: flex;  
        gap: 40px;
        align-items: center;
    }
    .content-section{
        display: flex;
        width: 530px;
        padding: 80px;
        overflow: hidden;
        position: relative;
        
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 40px;
        align-self: stretch;

        background: #D28B0C url(../images/illustration.svg); 
        background-size: contain;
        transition-duration: 1.5s!important;
        transition-timing-function:ease1.5s!important;
        transition-property: opacity, transform, background-position!important;
    }
    .big-ga-img{
        width: 741px;
height: 847px;
    }
    .ex-2-flex{
        display: flex;
        flex-direction: column;
        gap: 80px;
    }
    .ex-2-flex-part2{
        display: flex;
        gap: 80px;
        margin-left: -90px;
        justify-content: space-between;
    }
    .ex-2-flex-part1{
        display: flex;
        gap: 80px;
        margin: 0 -120px;
        
    }
    .withoutbg-40{
        display: flex;
        width: 1062px;
        padding: 40px 160px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }
    .ab-cont{
        width: 230px;
        height: 374px;       
        position: absolute;
        right: -50px;

        bottom: 174px;
    }
    .pd-d-160{
        padding: 0 160px;
    }
    .relative-hidden{
            overflow: hidden;
            position: relative;
    }
    .p-gap{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .door{
        width: 190px;
        height: 336px;
        position: absolute;
left: -21px;
top: 278px;
    }

.mobile-yellow{
    display: none;
    width: 100%;
}











    .right-float{
        position: fixed;
        z-index: 99;
        top: 50%;
        right: 12px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        transform: translate(0px, -50%);
    }
    .right-float a{
        display: inline-flex;
        width: 56px;
        height: 56px;
        justify-content: center;
        align-items: center;
        background: #445420;
box-shadow: 0px 2px 8px 0px rgba(62, 76, 33, 0.16);
transition: 0.3s;
    }
    .right-float a img{width: 40px;}
    .right-float a:hover{
        transform: scale(1.1);
    }

    

    .flex-fldsf{
        display: flex;
        margin-top: -120px;
        flex-direction: column;
    }
    .h-pd-left{    padding-left: 125px;}
    .gs-s{
        text-align: right;
        display: flex;
       margin-top: 66px;
        justify-content: flex-end;
        flex: 1;
    }
    .gs-s img{
        width: 472px;
height: 310px;
    }
    .room-illu{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .bodytext{
        font-size: 20px;
        color: #fff;
    line-height: 30px; /* 150% */
    }
    .align-right-end{
        align-self: flex-end;margin-top: -60px;margin-right: -120px;
    }
    .center{
        text-align: center;
    }
    .border-cta{
        display: inline-flex;
        padding: 16px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.60);
        color: rgba(255, 255, 255, 0.60);
        transition: 0.3s;
        /* Button Text/BU1/Semibold 16px */
        font-family: var(--semibold);
        font-size: 18px;
        line-height: 24px; /* 133.333% */
    }
    .border-cta:hover{
        border: 1px solid rgba(255, 255, 255, 1);
        color: rgba(255, 255, 255, 1);
    }
    .padd-bottom{
        padding-bottom: 120px!important;
    }
    .button-group{
        display: flex;
        gap:2px;
    }
    .arrow{
        padding: 16px;
    }

    footer{padding: 80px 0 40px 0;}
    .footer-main-flex{display: flex; flex-direction: column;gap: 40px;}
    .f1{
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }
    .footer-cta-right{
        display: flex;
        gap: 4px;
    }
    .f-icon{
        display: flex;
        gap:8px;

    }
    .f-icon li{
        display: flex;
        padding: 16px;
        border-radius: 8px;
    }
    .page-top{
        padding: 160px 0 0 0;
    }
    .h1-right{
        text-align: right;
    }
    .contact-hero{
        display: flex;
        flex-direction: column;
        gap:40px;
    }
    .contact-img{
        height: 665px;
        width: 100%;
        overflow: hidden;
    }
    .contact-img img{width: 100%;height: 100%;object-fit: cover;}
    .hr-line{width: 100%;height: 1px;background: #fff;opacity: 0.2;}
    .f2{display: flex;justify-content: space-between;}
    .f2 p{ font-size: 16px;
        font-family: var(--medium);color: #fff;
        line-height: 24px; }

        .contact-parts{
            display: flex;
          
            justify-content: center;
            align-items: flex-start;
            gap: 40px;
            flex-direction: column;
            align-self: stretch;}
            .right-contact{
                display: none;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 40px;
                align-self: stretch;
            }
            .contact-card{display: flex;
                width: 400px;
                padding: 32px;
                height: 380px;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 32px;
                background: #445420;
                }

                .contact-card p{font-size: 20px;
                    color: #fff;
                    font-family: var(--medium);}
                .contact-card a{font-size: 32px;
                    color:#fff;
                    font-style: normal;
                    text-align: center;
                    word-break: break-all;
                    text-decoration: underline;
                    font-family: var(--medium);
                    line-height: 40px; }
                    .map_wrapper{display: flex;width: 100%;
                        flex-direction: column;
                    flex: 1;}
                    .map-em{
                        width: 100%;
                        display: flex; 
                        flex-direction:column;
                        flex: 1;
                    }
                    .map-desc{
                        display: flex;
                        gap:20px;
                        align-items: center;
                        text-align: center;
                        padding: 120px 80px 80px;
                        flex-direction: column;
                    }
                    .map-desc h3{
                        font-size: 48px;
                        font-family: var(--h-medium);
                        color:#fff;
                    }
                    .cont-grp-btn{
                        display: flex;
                        padding: 0px 120px;
                        justify-content: center;
                        align-items: flex-start;
                        gap: 40px;
                        margin-top: 0px;
                        align-self: stretch;
                    }
                    .cont-grp-btn a{
                        background: #D28B0C;
                        box-shadow: 0px 2px 4px 0px rgba(62, 76, 33, 0.10);
                        display: flex;
                        padding: 16px 24px;
                        color: #fff;
                        font-size: 16px;
                        font-family: var(--semibold);
                        font-weight: 600;
                        justify-content: center;
                        align-items: center;
                        gap: 8px;
                        flex: 1 0 0;
                    }
                    .map-desc a.links{
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 500;
                        text-decoration: underline;
                         
                        opacity: 0.8;
                        color:#fff;
                    }
                    .img-flex-1{
                        display: flex;
                        width: 100%;
                    }
                    .img-flex-1 .img-flex-box{
                        display: flex;
                        flex: 1;
                    }
                    .img-flex-1 .img-flex-box img{
                        width: 100%;
                        height: 600px;
                        object-fit: cover;
                    }
                    .about-row-flex{
                        display: flex;
                        align-items: flex-start;
         
                        align-self: stretch;
                    }
                    .bg-n-p{
                        background: none;
                        padding-left:40px;
                        padding-right:40px;
                    }
                    .pl-cta{
                        border-bottom: 1px solid #D28B0C;
                        font-size: 16px;
                        color: rgba(255, 255, 255, 0.80);
                        transition: 0.3s;
                        font-family: var(--semibold);
                        text-transform: lowercase;
                    }
                    .pl-cta:hover{
                        color: rgba(255, 255, 255, 1);
                    }
                    .cont-s{
                        position: absolute;
                        right: -50px;
                        width: 230px;
                        height: 304px;
                        bottom: 0;
                    }
            
                    .about-left{
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 100px;
                        flex: 1 0 0;
                        align-self: stretch;
          

                    }
                    .about-cons{
                        position: absolute;
                        right: -100px;
                        width: 323px;
                        height: 120px;
                        bottom: 0;
                    }
                    .little{
                        letter-spacing: -6px;

                    }
                    .about-sdm{
                        display: flex;
                        gap: 120px;
                        flex-direction: column;
                    }
                    .about-top{
                        display: flex;
                        gap: 40px;
                        width: 560px;
                        padding: 80px;
                        align-items: flex-start;
              
                        background: #D28B0C;
                        flex-direction: column ;
                    }
                    .about-yy{
                        background: #D28B0C url(../images/illustration.svg); 
                        background-size: contain;
                        transition-duration: 1.5s!important;
                        transition-timing-function:ease1.5s!important;
                        transition-property: opacity, transform, background-position!important;
                    }
                    .about-right{
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 120px;
                        flex: 1 0 0;
                        margin-top: -80px;
                        align-self: stretch;
                    }


                    .one{
                        height: 800px;
                        width: 646px;
                        left: -120px;
                        position: relative;
                    }
                    .extr-ww{width: 644px;position: relative;left: -15px;}
                    .right-one{
                        width: 640px;
                        height: 822px;
                        position: relative;
                        left: -120px;
                    }
                    .right-one img{
                        width: 640px;
                        height: 822px;
                        right: 0;
                        position: absolute;
                    }

                    .right-two{
                        width: 591px;
                        height: 862px;
                        position: relative;
                    }
                    .right-three {
                        width: 790px;
                        height: 1200px;
                        left: -170px;position: relative;

                    }
                    .right-three img{
                        height: 100%;
                        width: 100%;
                        object-position: top;
                        object-fit: cover;
                    }

                    .left-two{
                        width: 456px;
                        position: relative;
                    height:600px;
                    left: -117px;
}

.left-three{
    width: 440px;
height: 560px;
top: -40px;
left: -64px;position: relative;

}
.pb-40{padding-bottom: 40px;}

.left-four{
    width: 624px;
height: 520px;
left: -120px;
position: relative;

}
/* .date-range-style{background: transparent;outline: none;border: none;color: #fff;     position: absolute;
    height: 72px;width: 100%;
    padding: 24px 0 0 85px;
    top: 0;left: 0;}
.date-range-style::placeholder{color: #fff;} */


.date-range-style{background: transparent;outline: none;border: none;color: #fff; width: 110px;
}
.date-range-style::placeholder{color: #fff;}
.check-in-out{display: flex;}


.bg-cal-ic{display: flex;
    width: 56px;
    height: 56px;background: #445420;
    box-shadow: 0px 2px 8px 0px rgba(62, 76, 33, 0.16);
    padding: 8px;
    justify-content: center;
    align-items: center;
    }
    .center-date-cal{
    display: flex;
    justify-content: center;
    }
.border-outwhite{border: 1px solid #546922;display: flex;height: 72px;align-items: center;padding-right: 12px;}
.calan-cus{display: flex;width: 324px;height: 72px;gap: 16px;align-items: center;padding: 8px 12px; position: relative;}      
.label-width{width: 100%;display: flex;color: #fff;    position: relative;
    top: -9px;}       
    .select-rooms-per{display: flex;gap: 4px;}    
    .none{color: rgba(255, 255, 255, 0.40);font-size: 18px;line-height: 24px;}   
    .none + img{width: 18px;transform: rotate(90deg);}
.label-width span{font-family: var(--semibold);}
.label-width span:nth-child(2){padding-left: 58px;}       
.dat-flex{
        display: flex;width: 100%;flex-direction: column;
}
.bottom-relative-pos{
    position: relative;
    left: -50px;
    top: 109px;
}

.rooms-person{
    display: flex;
    width: 400px;
    z-index: 9;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    background:  #FFF;
    align-items: center;
    position: absolute;
    gap: 16px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.rooms-person.active{
    visibility: visible;
    opacity: 1;
}
#trigger-room-select{
    cursor: pointer;
}

.pax{
    display: flex;
height: 48px;
padding: 4px;border-radius: 24px;
background:  #F5F5F4;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
}
.pax button{
    background: #6D8828;display: flex;justify-content: center;align-items: center;border-radius: 50%;width: 40px;height: 40px;
}
.pax p{flex: 1;
    color: #1C1917;
    font-family: var(--medium);
 text-align: center;
    font-size: 16px;
    
    line-height: 20px; 
}
.clear-all{
    font-size: 16px;
    font-family: var(--medium);
    font-weight: 500;
    color: #57534E;
    background: none;
    line-height: 24px; 
}
.cta-group{
    display: flex;justify-content: space-between;padding-top: 16px;border-top: 1px solid #F5F5F4;width: 100%;
}
.apply-pax{
    font-size: 16px;
    font-family: var(--medium);
    font-weight: 500;
    background: none;
    line-height: 24px; 
    color: #6D8828;
}

.inner-room-ffl{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.input-checkbox{
    display: flex;
   
    flex: 1;
}
.room-selection-wrapper{display: flex;gap: 8px;}
.input-checkbox label{
    display: flex;font-size: 14px;color: #78716C;font-family: var(--semibold);
    gap: 8px;align-items: center;
    padding: 12px;border-radius: 8px;
    background: #F5F5F4;
}
.input-checkbox label input{opacity: 0;position: absolute;}
.input-checkbox label span{    display: flex;
    justify-content: center;
    align-items: center;transition: 0.1s;
    width: 20px;border:1px solid #ddd;border-radius: 50%;
    height: 20px;}
    .input-checkbox label input:checked ~ span{  border:2px solid #6D8828;}

    .input-checkbox label span::after{ width: 10px;height: 10px;background: #6D8828; border-radius: 50%;content: '';position: absolute;transition: 0.3s;transform: scale(0);}

    .input-checkbox label input:checked ~ span::after{
        transform: scale(1);
    }

    .form-llb{
        color: #44403C;

font-size: 18px;
font-style: normal;
    }

    .input-checkbox label.active{
        background-color: #EDF3D4;
    }




.tnc-row-flex{
    display: flex;
    gap:80px;
}
.trigger-wrapper{
   
    width: 260px;
    position: sticky;
    top: 120px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: calc(100vh - 120px);
    overflow: auto;
    scrollbar-color: #ddd #f5f5f5;
    scrollbar-width: thin;
}
.fouth-mobile{display: none;}


.tnc-trigger.active{
    background: #D28B0C url(../images/btn-Illustration.svg);
}
.tnc-trigger{
    display: inline-block;
    height: 56px;
    padding: 16px 10px 16px 20px;
    color: #FFF;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--medium);
font-size: 16px;
border: 1px solid #546922;
font-weight: 500;
line-height: 24px; 
transition: 0.3s all;
}

.tnc-trigger:hover{
    background: #D28B0C url(../images/btn-Illustration.svg);
}
.left-tab-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    flex: 1 0 0;
}
.blur-bg{
    background: #0000005e;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    display: none;
    backdrop-filter: blur(4px);
}
.menu-bu{position: relative;}
.drawer_BG{
    position: absolute;
    top: 80px;
    right:  0;
    width: 566px;
    height: 0px;
    visibility: hidden;
    z-index: 9; 
   opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    background: #3E4C21;
    transition: 0.3s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;   
    padding: 40px;
}
.menu-card-wrapper{
    display: flex;flex-wrap: wrap;
    gap: 12px;width: 100%;
}

.menu-item{display: flex;
    height: 140px;width: 100%;
    position: relative;
    overflow: hidden;
   
   
    background: #546922;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    opacity: 0;
    transform: translateX(-20px);
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-property: opacity, transform, background-position;
}
.drawer_BG.active .menu-item{
    opacity: 1;
    transform: translateX(0);
}
.drawer_BG.active .menu-item:first-child{transition-delay: 0.2s;}
.drawer_BG.active .menu-item:nth-child(2){transition-delay: 0.3s;}
.drawer_BG.active .menu-item:nth-child(3){transition-delay: 0.4s;}
.drawer_BG.active .menu-item:nth-child(4){transition-delay: 0.5s;}
.drawer_BG.active .menu-item:nth-child(5){transition-delay: 0.6s;}
.drawer_BG.active .menu-item:nth-child(6){transition-delay: 0.7s;}
.drawer_BG.active .menu-item:nth-child(7){transition-delay: 0.8s;}

    .menu-banner{
        width: 100%;
        object-fit: cover;
        transition: 0.4s;
        height: 100%;
    }

    .menu-banner ~ .menu-over{
        background: rgba(0, 0, 0, 0.40)!important;
      
    }

    .menu-item:hover .menu-banner{
            transform: scale(1.09);
    }

    .menu-item .menu-over{
        background: #546922 url(../images/menu-it-illu.svg);
        transition-duration: 0.3s;
        transition-timing-function: ease;
        transition-property: opacity, transform, background-position;
    }


    .menu-item:hover .menu-over{
        transform: scale(1.03);
      background-position: -10px -10px ;
    }

    .menu-item:hover {
        background: #546922;
    }
  

.drawer_BG.active {
    opacity: 1;
    visibility: visible;
    height: 676px;
}
.link-text{
    display: flex;
    flex-direction: column;
    color: #fff;
}
.link-text h4{font-size: 20px;
    font-style: normal;
    font-weight: 500;font-family: var(--semibold);}
.link-text span{font-size: 12px;}
.menu-over{
  
    position: absolute;
    top: 0;
    flex-direction: column;
    gap: 4px;
    left: 0;
    height: 100%;
    transition: 0.3s;
    width: 100%;
    display: flex;
    padding: 20px 12px;
    justify-content: flex-end;

}
.menu-over > img{width: 24px;}

.menu-item:nth-child(4n+1) {width: calc(100% - 176px);}

.menu-item:nth-child(4n+2) {width: 164px; }

.menu-item:nth-child(4n+3) {width: 164px;    }

.menu-item:nth-child(4n+4) {width: calc(100% - 176px);   }

.menu-item:last-child {width: 100%;    }

.menu-item:hover {
    transform: scale(1.02);
  }

.yellow-cta{
    display: flex;
    text-transform: lowercase;
padding: 16px 24px;
transition: 0.3s;
justify-content: center;
align-items: center;
gap: 8px;box-shadow: 0px 2px 4px 0px rgba(62, 76, 33, 0.10);
font-size: 16px;
font-family: var(--semibold);
color: #fff;
background: #D28B0C;
}
.flex-64{
    display: flex;
    gap: 64px;
    align-items: center;
}
.map-bg-ly{
 
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}
.map-bg-ly img{width: 100%;}
.farm-flex{
    display: flex;
    gap: 40px;
}
.farmimg-text   {
    position: relative;
    top: 40px;
    left: -30px;
}
.farmimg-1{
    width: 560px;
    position: relative;
    right: -40px;
height: 600px;
overflow: hidden;
}
.farmimg-1 img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.menu-bu.active{background: #fff;}
.farm-flex2{
    display: flex;
    gap: 80px;
    margin: 0 -120px;
}
.f-bird{
    width: 632px;
height: 755px;
position: relative;

}
.birds-r-flex{
    display: flex;
    flex-direction: column;
    gap: 54px;
    flex: 1;

}
.f-bird img{width: 100%;height: 100%;}
.s-bird{height: auto;   }
.s-bird img{width: 636px;
    height: 482px;}
.all-fm-flex{
    display: flex;flex-direction: column;
    gap: 38px;
}
.main-bird-flex{
    display: flex;
    gap: 51px;align-items: center;
    margin: 0 -120px 0 -80px;
}
#vegii{display: none;}
.h-552px{
    height: 552px;
    position: relative;
    top: 45px;
}
.h-552px img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.ww-796px{
    width: 766px;
    margin: 0 auto;
}
.map-illus  {
    position: absolute;
    width: 100%;
    height: 100%;

}
.video-res{
    width: 100%;
}
.video-res img{
width: 100%;
}
.gap__40px{
    flex-direction: column;
    display: flex;
    align-items: center;

    gap: 40px;
}
.menus-s{
    display: flex;
   
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    flex-shrink: 0;
}
.menus-s a{
    display: flex;
padding: 8px 16px;
align-items: center;
gap: 8px;

color: #FFF;
font-family: var(--h-medium);
font-size: 20px;
font-weight: 400;
line-height: normal;
text-transform: lowercase;

}
.content-div{
    display: flex;
    padding: 32px;
    flex-direction: column;

    gap: 32px;
    background: #445420;
    align-self: stretch;
}
#hide-yellow-m{display: none;}
.content-div h3{
    color:  #fff;
    font-family: var(--h-medium);
    font-size: 32px;
    line-height: 40px; 
}
.bg-image{top: 0;width: 100%;left: 0;
transition: 0.3s;}
.content-div ul {display: flex;flex-direction: column; padding-left: 20px;   list-style-type: unset;
}
.content-div ul li{font-size: 18px;line-height: 26px;color: #fff;}
.scrolled{
    background: #445420;
}
.scrolled .gray-cta{
    background: rgba(255, 255, 255, 0.80);
}
.images-slider-wrapper{
  float: left;
    width: 100%;
}
.slick-class-img{
    display: flex;
}
.three-slider{
    float: left;
    width: 100%;
}
.slider-img{
    
    overflow: hidden;
    display: flex;
}
.slider-img  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.room-details{
    display: flex;
align-items: flex-start;
align-self: stretch;
}
.img-room-contnet{
    display: flex;
    width: 50%;
    height: 880px;
}
.img-room-contnet img{
    width: 100%;
    max-height: 880px;
    object-fit: cover;
}
.room-img{
    
    width: 100%;
    overflow: hidden;
}
.room-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.room-feature{
    display: flex;
    position: relative;
    overflow: hidden;
    padding: 0px 80px 0px 80px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 50%;
    align-self: stretch;
    /* background: #D28B0C; */
     background: #D28B0C url(../images/illustration.svg); 
     transition-duration: 1.5s;
     transition-timing-function:ease;
     transition-property: opacity, transform, background-position;

}
.inner-room{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    z-index: 1;
    align-self: stretch;
}
.room-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.fixed-float{
    position: fixed;
    right: 28px;
    bottom: 28px;  
    z-index: 99;
    display: none;
}
.trigger-float{display: flex;
   
    height: 56px;
    width: 56px;
    justify-content: center;

    align-items: center;
background:  rgba(255, 255, 255, 0.80);
backdrop-filter: blur(8px);
    gap: 8px;
}
.inner-float{position: absolute;display: flex;
    flex-direction: column;
    top: -190px;right: 0;
    height: 156px;
    justify-content: flex-start;
    align-items: flex-end;
    
    align-self: stretch;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px); /* Start with a slight offset */
    transition: opacity 0.3s ease, transform 0.3s ease; 
   

}
.activefl{
   
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Slide up to its original position */
    visibility: visible;
}

    .inner-float a{display: flex;
        width: 160px;background: #D28B0C;
        backdrop-filter: blur(8px);
        padding: 8px 24px;color: #fff;font-size: 16px;
        font-style: normal;
        gap: 8px;
        font-weight: 500;
        margin-bottom: 12px;
        align-items: center;
          opacity: 0;
    transform: translateX(-20px); /* Start position for children (offscreen left) */
    transition: opacity 0.3s ease, transform 0.3s ease; 
    }
.bg-over-bb{
    background: #0000007e;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    display: none;
}
#ex-fl-mobile{display: none;}

    .inner-float.activefl a {
        opacity: 1;
        transform: translateX(0); /* Slide to their normal position */
        transition-delay: 0.1s; /* Delay to stagger the children animations */
    }
    
    .inner-float.activefl a:nth-child(1) {
        transition-delay: 0.2s; /* Delay for first child */
    }
    
    .inner-float.activefl a:nth-child(2) {
        transition-delay: 0.3s; /* Delay for second child */
    }
    
    .inner-float.activefl a:nth-child(3) {
        transition-delay: 0.4s; /* Delay for third child */
    }


.room-title h3{
    color: #FFF;
text-transform: lowercase;
font-size: 48px;

font-family:var(--h-medium);
line-height: 32px; 
}
.feature-wrapper{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.feature-list{
    display: flex;
align-items: flex-start;
gap: 12px;
align-self: stretch;
}
.feature-item{
    display: flex;
height: 100px;
max-width: 120px;
padding: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1;
border: 1px solid  #E2A810;
background:  #D28B0C;
}
.feature-item span{
    color:  #FFF;
text-align: center;
font-family: var(--medium);
font-size: 14px;

line-height: 18px; /* 180% */
}
.feature-item img{width: 40px;height: 40px;}
.yello-bg-container{
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
}

.yellow-box{
    background: #D28B0C;

    display: flex;
    flex-direction: column;
    gap: 40px;
   width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px;
}
.abs-over p:first-child{
    margin-bottom: 40px;
}
.abs-over p:nth-child(2){
   font-size: 16px;
}
.abs-over p:nth-child(3){
    font-size: 22px;
    line-height: 26px;
    text-transform: lowercase;
    font-family: var(--h-medium);
}

.icon-border{
    width: 64px;height: 64px;
}
.yellow-box-title{
    font-size: 32px;
    display: none;
color: #fff;
font-family: var(--h-medium);
margin: 0;
line-height: 40px; 
}
.pp-g{
    display: flex;
align-items: stretch;
gap: 40px;
}
#clayimg{display: none;}
.center-cont-y{
    display: flex;flex-direction: column;align-items: flex-start;
    width: 100%;
   
    padding: 40px;
    background: #445420;
    gap: 20px;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.ww532{
    width: 532px;    margin: 0 auto;
    text-align: end;
}
.ww682{
    width: 682px;
    margin: 0 auto;
}
.yellow-box > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.yellow-full{
    width: 100%;
}
.center-cont-y p{
     font-family: var(--medium);text-align: center;
}
.rooms-slider{
    width: 100%;
    float: left;
}


.rooms-slider .slick-dots{
    bottom: 20px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rooms-slider .slick-dots li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    transition: 0.3s;
    margin: 0 4px;
    background: rgba(255, 255, 255, 0.5);
}
.rooms-slider .slick-dots li.slick-active{
    background: rgba(255, 255, 255, 1);
    width: 16px;
    height: 16px;
}
.rooms-slider .slick-dots li::before{
    font-size: 0;
    content: "";
}
.rooms-slider .slick-dots li button{
    font-size: 0;
    content: 0;
    width: auto;height: auto;padding: 0;
}
.rooms-slider .slick-dots li button::before{
    font-size: 0;
    content: 0;
    width: auto;height: auto;
}
.rooms-slider .slick-dots li button:before{

}
.charm-desc{
    width: 480px;gap: 40px;align-items: center;
    text-align: center;display: flex;flex-direction: column;
}

.home-rw-parts{
    display: flex;
    align-items: flex-start;
    
}
.home-l-first{
    width: 612px;
    height: 601px;
    left: -120px;
    position: relative;

}
.home-left-row{
    display: flex;
    flex-direction: column;
    gap: 110px;
    width: 50%;
    margin-top: -227px;

}
.home-l-second{
    width: 840px;
    height: 636px;
    left: -120px;
    position: relative;
}
.home-l-three{
    width: 440px;
    height: 600px;
    left: -120px;
    position: relative;
}
.home-r-four{
    width: 846px;
    height: 680px;
    position: relative;
    left: -180px;
}
.home-r-three{
    width: 256px;
    position: relative;
    right: -20px;
    height: 520px;
    margin-top: 100px;
}
.nature-flex-tm{
    display: flex;
    gap: 90px;
    margin: 0 -120px 0 -60px;
}
.home-r-two{
    width: 440px;
    height: 646px;
    align-self: end;
    display: flex;
    margin-right: -120px;
}
.home-r-first{
    width: 640px;
    height: 1040px;
    right: -40px;
    position: relative;
}
footer .footer-cta-right{display: none;}
.home-r-first img{width: 100%;height: 100%;}
.home-l-first img{width: 100%;height: 100%;}
.home-l-second img{width: 100%;height: 100%;object-fit: cover;}
.home-r-two img{width: 100%;height: 100%;}
.home-r-four img{width: 100%;height: 100%;}
.home-l-three img{width: 100%;height: 100%;}

.home-right-row{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 90px;
    padding-top: 80px;
}
.flex-fdd{
    display: flex;
    position: relative;
    left: -164px;
    gap: 40px;
}
.ban2-80{
    display: flex;
    gap:80px;
    flex-direction: column;
}
.drp-selected{display: none!important;}
.drp-buttons{justify-content: space-between;}
.drp-buttons .cancelBtn{font-size: 16px!important;color: #57534E;}
.drp-buttons .applyBtn{color: #6D8828;background: none;font-size: 16px!important;border: none;}
.banne-1flex{
    display: flex;
    gap: 40px;
}
.inner-des-gap{
    display: flex;
    width: 460px;
    text-align: center;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}
.left-bor{
    border-left :1px solid #546922;
}
.right-ban2{
    width: 701px;
    height: 465px;
}
.right-ban2 img{width: 100%;}
.heading-sub{
    font-family: var(--h-medium);
    color: #fff;
    align-self: baseline;
    font-size: 24px;
    line-height: 32px; 
    text-align: center;
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    width: 304px;
    height: 160px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
   background: #D28B0C;
   position: relative;

}
.bg-heading-yellow{
    position: absolute;width: 100%;

}
.divider{
    display: flex;
    align-items:center;
    gap: 60px;
    padding: 60px  0;
    opacity: 0.7;
    display: none;
}
.part-dd{
    display: flex;
    align-items: center;
    flex: 1;
}
.line-d{
    background: #FAE98E;
    height: 2px;width: 100%;
    flex: 1;
}
.round-d{
        display: flex;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #FAE98E;
}
.mid-to{
    display: flex;
    align-items: center;
    gap: 2px;
}
.mid-to img{width: 20px;transition: 0.5s;}
.mid-to img:nth-child(3){width: 40px;}

.gall-flex{display: flex;gap: 20px;width: 100%;height: 600px;overflow: hidden;}
.slider-nav-flex{width: 240px;display: none;}
.slider-nav{display: flex;}

.img-container{
    width: 240px;
    height: 186px!important;
    border: 0!important;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.img-container img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.slider-for{
    width: 100%;
}


.no-bg-and-less-pd{
    background: none;
    padding: 40px;
}














.slider-wrapper-custome{
    display: flex;
    width: 100%;
}
.abs-over{
    position: absolute;
    left: 0;
    color: #fff;
    bottom: 0;
    display: flex;
    
    flex-direction: column;
    padding: 40px;
    width: 100%;
   
    background: #d28b0c url(../images/illustration.svg);
    justify-content: flex-end;
    background-size: cover;
    transition-duration: 0.5s !important;
    transition-timing-function: ease1 .5s !important;
    transition-property: opacity, transform, background-position !important;

    opacity: 0;

}
.relative-ov:hover .abs-over{
    opacity: 1;
    background-position: 20% 50%;
}
.relative-ov{
    position: relative;
    overflow: hidden;
    width: 25%;
}
.relative-ov img{
    width: 100%;
    height: 590px;object-fit: cover;
}
.gap-56{
    display: flex;
    flex-direction: column;
    gap: 56px;
}
.mx-width{
    gap: 0;
    
}
.npl-lg-4{
    padding-left: 120px;
}
.serene-flex{
    display: flex;
    gap: 80px;
    align-items: center;
}
.gap-40center{
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
}
.about-mobile{display: none;}
.text-44{font-size: 44px;color: #fff; font-family: var(--h-medium);font-weight: 600;}
.flex-travel{
    display: flex;
    gap: 4px;
    flex: 1;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
}

.form-room{
    padding: 32px;
    margin-top: 40px;
    background-color: #445420;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.form-room h3{
    font-size: 48px;
    font-family: var(--h-medium);
    text-transform: lowercase;
    color: #fff;
}
.input-style{
    width: 100%;
    display: flex;
    flex-direction: column;

}
.fileds{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
} 
input[type="date"]::-webkit-calendar-picker-indicator {
    
    
    position: absolute;right: 24px;}


.input-style input, .input-style select, .input-style textarea{
    display: flex;
padding: 16px 24px;
align-items: center;
position: relative;
gap: 8px;
color-scheme: dark;
color: #fff;
background: transparent;

border: 1px solid  #6D8828;
}
.input-style input::placeholder, .input-style textarea::placeholder{
    color: #fff;
    text-transform: lowercase;
}
.input-style textarea{height: 112px;}
select option{color: #fff;background: #445420;}
.filed-50{width: calc(50% - 12px);}
textarea, select{outline: none;}
select{   
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
        background-image: url(../images/arrow.svg)!important;
    background-position: 97%!important;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    
}

.align-right{align-self: flex-end;}

.content-g40{
    display: flex;

align-items: center;
gap: 40px;
align-self: stretch;
}
.first-contgap{
    display: flex;
    width: 480px;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    align-self: stretch;
}
.tabs-gap{display: flex;flex-direction: column;gap: 20px;}
.tabs_content{column-count: 2;column-gap: 40px;}

.tabs_content img{width: 543px;margin: 20px 0;}
.gal-tab-list{
    display: flex;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
.gal-tab-list li{
    display: flex;
    border: 1px solid #546922;
  

}

.gal-tab-list li a{
    font-size: 16px;
    min-width: 120px;
    display: flex;
    padding: 10px 20px 10px;
    color: #fff;
    font-family: var(--semibold);
line-height: 24px;
}
.gal-tab-list li a.active{
    background: #D28B0C url(../images/btn-Illustration.svg);
}
.mobile-heading{display: none;flex-direction: column;}


.for-home-head{padding: 0;}


.mobile-plan-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    align-self: stretch;
}
.ab-yello-c{
    width: 230px;
    height: 374px;
    position: absolute;
    right: -80px;
    top: 80px;
}

.ab-yello-cl{
    width: 230px;
    height: 374px;
    position: absolute;
    left: -140px;
    top: 1004px;
}
.ab-mobile-hero{display: none;}
.for-mobile-yellow{display: none;}
.for-mb-purpose{display: none;}
.mobile-about-flex{display: none;}

.badge-n{display: flex;position: absolute;
    bottom: 20px;right: 20px;
    padding: 4px 8px;
    align-items: center;
    background: #3E4C21;
    gap: 8px;}
    .badge-n img{width: 24px;height: 24px;position: static;}
    .badg-con{flex: 1;display: flex;flex-direction: column;color: #fff;}
    .badg-con p:first-child{font-size: 10px;
        font-style: normal;
        font-weight: 500;}
    .badg-con p:nth-child(2){font-size: 16px;
        font-style: normal;
        font-weight: 400;}

        .even-ssl{display: none;}
        .bottom-5-new{bottom: 80px;}






.slider-for .slick-dots{
    bottom: 20px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-for .slick-dots li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    transition: 0.3s;
    margin: 0 4px;
    background: rgba(255, 255, 255, 0.5);
}
.slider-for .slick-dots li.slick-active{
    background: rgba(255, 255, 255, 1);
    width: 16px;
    height: 16px;
}
.slider-for .slick-dots li::before{
    font-size: 0;
    content: "";
}
.slider-for .slick-dots li button{
    font-size: 0;
    content: 0;
    width: auto;height: auto;padding: 0;
}
.slider-for .slick-dots li button::before{
    font-size: 0;
    content: 0;
    width: auto;height: auto;
}


.amenities-cards{
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 40px;
    margin: 0 10px;
    background: #445420;
    align-items: center;
    text-align: center;
    color: #fff;
    width: 320px;
}
.amenities-cards img{
    width: 64px;
    height: 64px;
}
.amenities-cards h3{
    font-family: var(--medium);
font-size: 24px;
font-weight: 500;
line-height: 36px; /* 150% */
margin-top: 20px;
margin-bottom: 8px;
text-transform: lowercase;
}
.amenities-cards p{font-size: 16px;line-height: 24px;}
.amenities-wrapper{
    display: flex;
    justify-content:center;
    gap: 20px;
    width: 100%;
}



















@media screen and (min-width:992px) and (max-width:1100px){
.heading{font-size: 76px;line-height: normal; }
.about-top{width: 400px;}
.about-left{width: 551px;}

}


@media screen and (min-width:768px) and (max-width:1024px){
    .inner-gap{gap: 40px;}
    .padding{padding: 50px 0;}
  
    .divider{padding: 40px 0 20px 0;}
    .withoutbg-40{width: 100%;gap: 20px;}
    .for-home-head{padding: 0 120px;}
    .hide-yellow{display: none;}
    .home-l-first{width: 450px;height: auto;}
    .home-l-second{width: 440px; height: auto;}
    .home-right-row{padding: 0;gap: 40px;}
    #hide-yellow-m{display: flex;}
    .home-r-first{height: auto;width: 350px;}
    .home-r-four{height: auto;width: 370px;left:0 ;}
    .for-mobile-yellow{display: flex;}
    .home-left-row{gap: 40px;}
    .home-r-two{width: 380px;height: auto;}
    .home-left-row{margin: 0;}
    .content-section{padding: 40px;}
    .banne-1flex{        max-width: 720px;    margin: 0 auto;
        padding: 0 15px;
        width: 100%;    }
        
        .serene-flex{flex-direction: column;}
        .room-details{flex-direction: column;}
        .right-one{width: 400px;height: auto;left: -40px;}
        .right-one img{height: auto;width: 100%;position: static;}
        .about-left{gap: 60px;width: 50%;}
        .about-right{gap: 60px;width: 50%;}
        .one{height: auto;width: 400px;left: -40px;}
        .one img{height: auto;width: 100%;}
        .left-two{width: 350px;height: auto;left: -40px;}
        .left-two img{width: 100%;}
        .left-three{display: none;}
        .left-three img{width: 100%;height: auto;}
        .extr-ww{display: none;}
        .right-two{        height: auto;
            width: 300px;
            position: relative;
            right: -51px;}
            
        .right-two img{width: 100%; height: auto;}
        .about-right{margin: 0px;}
        .right-three{height: auto;width: 100%;right: -40px;left: auto;}
        .right-three img{width: 100%;}
        .about-top{padding: 40px;}
        .bottom-relative-pos{display: none;}
        .for-mb-purpose{display: flex;width: 350px;position: relative;margin-top: 30px;}
        .about-sdm{gap: 60px;}
        .img-room-contnet{height: auto;width: 100%;}
        .room-feature{padding: 50px;}
        .rev-cols{flex-direction: column-reverse;margin-top: 80px;}
        .tnc-row-flex{gap: 40px;}
        .ex-first-flex img{        width: 50%;max-height: 375px;object-fit: cover;}
        .sir-flxl{display: none;}
        .ex-sec-flex .content-section{width: 100%;}
        .br-onene{width: 400px;}
        .br-onene img{width: 100%;}
        .birds-r-flex .content-section{width: 100%;}
        .ex-2-flex-part1{gap: 40px;margin: 0;}
        .ex-2-flex{gap: 40px;}
        .ex-2-flex-part2{margin: 0;gap: 40px;}
        .tb-yl-con{flex: 1;}
        .tb-yl-con .content-section{width: 100%;}
        .ex-2-img-f{width: 300px;}
        .flex-64{gap: 40px;flex-direction: column;}
        .s-bird img{width: 100%;height: 100%;}
        .farmimg-text .content-section{width: 100%;}

        .farm-flex2{margin: 0 -20px;}

        .farmimg-1{width: 250px;right: 0;height: auto;}

        .farmimg-text{flex: 1;left: 0;top: 10px;}

        .tb-over-hidden{overflow: hidden;}

        .farm-flex{align-items: center;}

        .h-552px{height: auto;}

        .farm-flex2 div{flex: 1;}

        .farm-flex2 div img{width: 100%;}
        .f-bird{height: auto;width: 400px;}
        .ex-2-img-f img{width: 100%;}
        .br-two{flex: 1;}
        .br-two img{width: 100%;}
        .main-bird-flex{margin:0 -40px;align-items: center;}
        .ww-796px{width: 350px;}
        .s-bird{height: auto;}
        .badge-n img{    width: 24px;
            height: 24px;
            position: static;}
            .map-desc{padding: 0px;}
            .cont-grp-btn{padding: 80px 40px 40px;}
            .ww682{width: 50%;}
            .ww532{width: 50%;}
            .pp-g{flex-direction: column;}
            .video-res{display: flex;gap: 20px;align-items: center;}
            .video-res img{width: auto;}
            #clayimg{width: auto;display: flex;}
            .video-opener{flex: 1;}
            .clay-div{display: none;}
            .video-opener img{width: 100%;}
            .slider-for{width: 100%;}
            .slider-for img{height: 400px;}
            .gall-flex{height: 400px;}
            .gal-tab-list{        overflow: auto;
                padding: 0 15px;}
            .tabs_content img{width: 100%;}
            .gap-56 h1{width: 70%;margin: 0 auto;}

            .heading{font-size: 72px!important;line-height: 84px!important;}
            .ab-cont{right: -85px;}
            .door{left: -100px;}
            .withoutbg-40{padding: 40px 88px;}
            .abs-over{padding: 20px;opacity: 1;height:250px;justify-content: flex-start;}
            .conyy{    width: 500px !important;}
            .amenities-wrapper{gap: 20px;}
            .amenities-cards{width: 300px;height: auto;}
            .room-f-item{padding: 20px;}
            .w-md-auto{width: auto!important;}
            .border-outwhite{flex-wrap: wrap;justify-content: center;height: auto;padding: 0;}
            .check-avail-space{width: 100%;padding: 12px; display: flex;border-top: 1px solid #546922; justify-content: center;}
        .rooms-person{right: 0;}
        .room-f-wrap p{font-size: 22px;}
        .serene-flex{gap: 25px;}
        .flex-fldsf{margin-top: -40px;}
        .border-outwhite > .calan-cus:first-child{border-bottom: 1px solid #546922;}
        .calan-cus{width: 400px;}
        .border-outwhite{flex-direction: column;}
        .check-avail-space button{width: 100%;}
        .room-off{padding: 0 160px;}
}



@media screen and (min-width:240px) and (max-width:1024px){
    .about-cons{display: none;}
   .heading{ font-size: 56px;line-height: 64px;}
   .page-top{padding: 120px 0 0 0;}

   .about-top{width: 100%;}
   .f2{flex-direction: column;text-align: center;}
   .f-icon{width: 122px;flex-wrap: wrap;float: right;}
   .footer-cta-right{margin-top: 20px;}
   .f1{display: block;}
   .footer-main-flex{gap: 24px;}
   footer{padding: 40px 0 24px 0;}
   .f-icon li{width: 56px;height: 56px;justify-content: center;align-items: center;padding: 12px;}
   .header-right .gray-cta:first-child{display: none;}
   .logo{width: 38px;}
   .padd-20{padding: 20px 0;}
   .content-g40{flex-direction: column;}
   .getting-ar-flex {flex-direction: column;margin: 0;}
   .contact-img{height: auto;}
   .pd-top{padding-top: 120px;}
   .contact-parts{flex-direction: column;}
   .map_wrapper{width: 100%;}
   .contact-card{width: 100%;height: auto;}
   .first-contgap{width: 100%;}
   .big-ga-img{width: 100%;}
   .big-ga-img img{width: 100%;}
   .gs-s{justify-content: center;}
   .map-desc{height: auto;}
   .banne-1flex{flex-direction: column;}
   .home-left-row{margin: 0;}
   .mobile-yellow{display: flex;}
   .ab-yello-c, .ab-yello-cl{display: none;}
   .content-g40{flex-direction: column-reverse;}
   .content-g40 img{width: 100%;}
   .content-g40 div{width: 100%;}
   .bottom-5-new{bottom: 0px!important;}
   
}

@media screen and (min-width:240px) and (max-width:767px){
    .main-hedaer{padding: 30px 15px;}
    .main-hedaer.scrolled{padding: 20px 15px 20px 15px;}
    .room-f-item{padding: 30px;}
    .room-f-wrap p{font-size: 18px;line-height: 24px;}
    .room-f-wrap div img{height: 44px;width: 44px;}
    .room-f-wrap{gap: 16px;}
    .am-ss{gap: 16px;}
    .contact-hero{gap: 40px;}
    .even-ssl{display: flex;}
    .birds-r-flex{margin: 0;}
    .even-ssl img{height: 400px;object-fit: cover;}
    .home-rw-parts{padding: 0 15px;}
    .padding{padding: 60px 0;}
    .right-float{display: none;}
    .hide-md-slick{padding-top: 0;margin-top: -20px;}
    .home-l-first{width: 172px;height: 222px;left: 0;top: 20px;}
    .home-r-first{width: 199px;height: 290px;right: -15px;}
    .home-l-second{width: 180px;height: 220px;left: 0px;margin-top: 40px;}
    .home-r-two{width: 144px;height: 197px;margin-right:10px;}
    .home-right-row{padding: 0;gap: 20px;}
    .banne-1flex{gap: 0;}
    .mySwiper{width: 350px;}
    .home-left-row{gap: 20px;}
    .home-r-four{width: 216px;
        height: 237px;left: -28px;}
    .home-l-three{width: 130px;height: 207px;left: 0;}
    .pd-top{padding-top: 120px;}
    .map-em iframe{height: 340px;}
    .map-desc{padding: 40px 10px;gap: 20px;background: #445420;}
    .cont-grp-btn{flex-direction: column;padding: 0;gap: 20px;align-items: center;}
    .cont-grp-btn a{background: none;padding: 0;text-align: center;}
    .cont-grp-btn a span{border-bottom: 1px solid #D28B0C;}
    .map-desc h3{font-size: 32px;}
    .map-desc a.links{font-size: 16px;line-height: normal;}
    .contact-card{gap: 20px;padding: 40px 10px;}
    .contact-card a{font-size: 24px;}
    .contact-parts .heading{display: none;}
    .pp-g{padding: 0 15px;flex-direction: column;}
    .form-room{padding: 30px 20px;gap: 24px;}
    .pb-40{padding-bottom: 0px;}
    .form-room h3{font-size: 32px;}
    .fileds{gap: 16px;}
    .filed-50{width: 100%;}
    .divider{padding: 0 15px;gap: 20px;}
    .round-d{width: 8px;height: 8px;}
    .inner-gap{gap: 40px;}
    .desktop-heading{display: none;}
    .mobile-heading{display: flex;}
    .hero-section{height: 500px;position: relative;}
    .hero-title{font-size: 44px;line-height: 64px; /* 145.455% */
        letter-spacing: 3.52px;}
        .right-float a img{width: 24px;}
        .heading{line-height: 52px;font-size: 44px;}
    .ab-cont{width: 66px;height: 107px;bottom: auto;top: 130px;right: -15px;}
        .door{display: none;}
       .for-mb-purpose{display: flex;}
        .withoutbg-40{padding: 0 32px;width: 100%;gap: 24px;}
        .gray-cta{padding: 12px 16px;font-size: 14px;line-height: 20px;}
        .bodytext{font-size: 16px;line-height: 24px;}
        .hide-yellow{display: none;}
        .content-section{padding: 40px;gap: 24px;}
        .pb-mm{padding-top: 60px;}
        .f-icon{order: 3;}
        .footer-cta-right{order: 2;}
        .flex-head{padding: 0 15px;}
        .pd-d-160{padding-left:  60px;padding-right: 60px;}
        .max-container{padding: 0!important;}
        footer{padding: 40px 15px 24px 15px;}
        .swiper-slide-active .abs-over{opacity: 1; background: #d28b0c url(../images/illustration.svg);}
        .abs-over{height: auto;bottom: 0;top: auto;padding: 16px;}
        .abs-over > p{font-size: 16px;line-height: 19px;font-weight: 500;}
        .abs-over p:nth-child(2){font-size: 20px;}
            .content-section{width: auto;}
            .gs-s img{width: 100%;}
            .contact-hero{padding: 0 15px;}
            .contact-parts{padding: 0 15px;}
            .form-ar-pad{padding: 0 15px;}
            .mobile-heading{padding: 0 15px;}
            .arro-mob-padd{padding: 0 15px;}
            .first-contgap{gap: 40px;}
            .yellow-box{padding: 40px;gap: 20px;}
            .text-44{font-weight: 500;font-size: 50px;letter-spacing: 4px;text-align: center;     }
            .icon-border{width: 40px;height: 40px;}
            .yellow-box-title{font-size: 28px;line-height: 40px;}
            .center-cont-y{gap: 20px;flex-direction: column;padding: 40px 20px;}
            .center-cont-y p{line-height: 32px;}
            .flex-travel{}
            .rooms-person{width: 100%;}
            .input-checkbox label{padding: 8px;}
            .border-outwhite{flex-direction: column;height: auto;gap: 12px;padding: 0;}
            .big-ga-img{padding: 0 15px;height: auto;}
            .flex-fldsf{margin: 0;}
            .gs-s{display: none;}
            .npl-lg-4{padding: 0;}
            .mx-width{gap: 0;}
            .about-sdm{gap: 40px;}
            .about-top{padding: 40px;}
            .about-left{width: 50%;flex:none;}
            .about-right{width: 50%;flex: none;}
            .extr-ww{display: none;}
.about-row-flex{display: none;}
                .right-one{width: 189px;
                        height: auto;left: 0px;}
                .right-one img{height: auto;width: 100%;position: static;}
            .one{height: auto;width: 185px;left: -10px;}
            .one img{height: auto;width: 100%;}
            .left-two{width: 170px;height: auto;left: -10px;}
            .left-two img{width: 100%;}
            .left-three{display: none;}
            .left-three img{width: 100%;height: auto;}
            .extr-ww{display: none;}
            .right-two{     width: 172px;
                height: 222px;
                position: relative;
                right: -20px;}
            .right-two img{width: 100%; height: 100%;}
            .about-right{margin: 0px;}
            .right-three{height: auto;width: 170px;right: -10px;left: auto;}
            .right-three img{width: 100%;}
            .about-right{gap: 42px;}
            .rooms-slider .slick-dots li{width: 8px;height: 8px;margin: 0 3px;}
            .about-left{gap: 40px;}
            .for-mb-purpose{width: 150px;        align-self: center;            }
            .bottom-relative-pos{display: none;}
            .left-four{width: 295.274px;left: 50%; height: auto;}
            .left-four img{width: 100%;}
            .ab-mobile-hero{padding: 0 15px;width: 100%;display: flex;}
            .ab-mobile-hero img{width: 100%;}
            .for-mobile-yellow{display: flex;}
            #hide-yellow-m{display: flex;}
            .room-f-item{width: 262px!important;}
            .slick-an .slick-track{display: block; gap: 0;}
            .room-details{flex-direction: column;}
            .img-room-contnet{height: 500px;width: 100%;}
            .serene-flex{flex-direction: column;gap: 40px;}
            .room-title h3{font-size: 32px;line-height: 40px;}
            .room-title{gap: 20px;}
            .inner-room{gap: 20px;}
            .tpp-m{margin: 0;}
            .header-right .yellow-cta{display: none;}
            .for-h-ff{padding: 0 15px;}
            .img-room-contnet img{max-height: 500px;}
            .gall-flex{flex-direction: column;}
            .gal-tab-list li a{white-space: nowrap;}
            .slider-nav-flex{width: 100%;}
            .gal-tab-list{overflow: auto;padding:  0 15px;}
            .gall-flex{padding: 0 15px;height: auto;}
            .slider-for{width: 100%;}
            .room-feature{padding: 40px;}
            .rev-cols{flex-direction: column-reverse;margin-top: 60px;}
            .alignfor-child{width: 292px;margin: 0 auto;}
            .serene-flex div:first-child{padding: 0 15px;width: 100%;}
            .serene-flex div:first-child img{width: 100%;}
            .tnc-row-flex{flex-direction: column;gap: 24px;}
            .trigger-wrapper{        width: auto;margin: 0 -15px;
                display: inline-block;padding: 12px 8px 8px;top: 96px;
                overflow: scroll;background: #445420;
                height: auto;
                white-space: nowrap;}
                .relative-ov img{height: 360px;}
            .tnc-trigger{width: auto;display: inline-block;}
            .content-div ul li{font-size: 16px;line-height: 24px;}
            .content-div{padding: 20px;gap: 20px;}
            .tabs_content img{width: 100%;}
            .content-div h3{font-size: 24px;line-height: 28px;}
            .left-tab-content{gap: 20px;}
            .tabs_content{gap: 16px;}
            .img-container{height: 120px!important;margin: 0 12px 0 0;}
            .tabs_content img{margin: 8px 0px;}
            .font-style-mobile h1{font-size: 44px;letter-spacing: 0;}
            .ex-first-flex{display: none;}
            .border-outwhite > .calan-cus:first-child{border-bottom: 1px solid #546922;}
            .padding-heading{padding: 0 15px;}
.check-avail-space{width: 100%;padding: 0 8px;}
.check-avail-space > button{width: 100%;}
.yellow-cta{padding: 12px 16px;}
            .sir-flxl{display: none;}

            .p-mm{padding: 0;}

            .br-onene{

               flex: 1;

                height: 222px;

            }

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

            .ex-2-flex-part1{margin: 0;gap: 32px;align-items: center;}

            .ex-2-img-f{width: calc(50% - 20px);}

            .fouth-mobile{display: flex;width: calc(50% - 20px);}

            .ex-2-img-f{width: 100%;}

            .fouth-mobile img{width: 100%;}

            .ex-2-flex{gap: 30px;}

            .ex-2-flex-part2{gap: 0;margin: 0;flex-wrap: wrap;}

            .tb-yl-con{width: 100%;}

            .br-two{flex: 1;height: 285px;}

            .br-two img{width: 100%;height: 100%;}
            .cont-s{        width: 70px;
                height: 120px;
                bottom: 0;
                
                right: -15px;}

            .mobile-about-flex{display: flex;
                align-items: flex-start;
                gap: 40px;
                align-self: stretch;}
                .mobile-left {flex: 1;display: flex;flex-direction: column;gap: 32px; margin-top: 20px;}
                .mobile-right{flex: 1;display: flex;flex-direction: column;gap: 32px;}

                .mobile-left img{width: 100%;}
                .mobile-right img{width: 100%;}

                .mml-1{overflow: hidden;position: relative;}
                .mml-2{position: relative;overflow: hidden;margin: 12px;}
                .mml-3{position: relative; overflow: hidden;top: 20px;left: 12px;}

                .mmr-1{}
                .rooms-slider .slick-dots li.slick-active{
                    background: rgba(255, 255, 255, 1);
                    width: 12px;
                    height: 12px;
                }
                .rooms-slider .slick-dots{bottom: 34px;}
                .mmr-2{position: relative;padding: 12px;}
                .mmr-3{position: relative;top: -18px;right: 6px;}
                .badge-n{gap: 4px;bottom: 10px;right: 10px;}
                .badg-con p:first-child{font-size: 4px;line-height: normal;}
                .badg-con p:nth-child(2){font-size: 8px;line-height: normal;}
                .badge-n img{width: 16px;height: 16px;}
                .check-avail-space{padding-bottom: 12px;}
                .ww532{
                    width: 100%; 
                    text-align: end;
                }
                .ww682{
                    width: 100%;
                    text-align: end;
                    
                }
                .line-d{height: 1px;}
                .mid-to img{width: 10px;height: 10px;}
                .mid-to img:nth-child(3){width: 20px;height: 20px;}
                .tabs_content{padding: 0 15px;}
                .tabs-gap{margin-top: -60px;}
                .slider-for img{height: 240px;object-fit: cover;}
                .fixed-float{display: block;}
                .feature-list{gap: 8px;flex-wrap: wrap;}
                .feature-item{width: calc(33.33% - 8px);flex: none;height: 94px;}
                .farm-flex2{display: none;}
                .farmimg-1{display: none;}
                .main-bird-flex{margin: 0;}
                .s-bird, .f-bird{display: none;}
                .flex-64{gap: 40px;flex-direction: column-reverse;}
                .ww-796px{width: 100%;padding: 0 15px;}
                .clay-div{display: none;}
                .ex-2-img-f{display: none;}
                #ex-fl-mobile{ display: flex;gap: 33px;}
                .id-part-1{    padding-left: 12px;    flex: 1;
                    min-height: 233px;
                    position: relative;
                    top: -30px;}
                .id-part-2{flex: 1;height: 206px;}
                .id-part-1 img{width: 100%;height: 100%;object-fit: cover;}
                .id-part-2 img{width: 100%;height: 100%;object-fit: cover;}

                .video-res{display: flex;gap: 20px;align-items: center;}
                .video-res img{width: auto;}
                #clayimg{min-height: 187px;width: auto;max-height: 200px;display: flex;}
                    .video-opener{flex: 1;}
                    .video-opener img{width: 100%;}
                    .farmimg-text{top: 0;left: 0;}
                    .farm-flex{flex-direction: column;}
                    #vegii{display: flex;flex-wrap: wrap;gap: 30px;        align-items: flex-end;                    }

                    #vegii img:first-child {width: 45%;position: relative;right: -10px;}
                    #vegii img:nth-child(2) {width: 45%;height: 255px;}
                    #vegii img:last-child {width: 100%;padding: 0 15px;}

                    .link-text h4{font-size: 18px;}
                    .menu-over{padding: 16px 12px;}
                 
                    input[type="date"]::-webkit-calendar-picker-indicator {
    
    
                        position: absolute;right: 14px;}
                        .drawer_BG{width: 100%;position: fixed;top: 0;padding: 120px 20px 20px;align-items:flex-start;}
                        .drawer_BG.active{height: 100%;}
                        .gray-cta.menu-bu{z-index: 99;}
                        .main-hedaer{z-index: 9999;}


                        .menu-item:nth-child(4n+1) {width: calc(100% - 152px);}

                            .menu-item:nth-child(4n+2) {width: 140px; }

                            .menu-item:nth-child(4n+3) {width: 140px;    }

                            .menu-item:nth-child(4n+4) {width: calc(100% - 152px);   }
                            .menu-item:last-child{width: 100%;}
                            .amenities-cards img{width: 36px;height: 36px;}
                            .amenities-cards h3{font-size: 20px;line-height: 36px;margin: 12px 0 4px 0;}
                            .amenities-cards{  padding: 20px;  width: 262px;height: 204px;}
                            .for-long-w{width: 100%!important;text-align: center;}
                            .for-long-w h1{width: 100%!important;text-align: center;  text-align: center!important;  align-self: center;}
                            .w-md-auto{width: auto!important;}

                            .padding-for-mobile-x{padding: 0 15px;}




}       









.max-container{
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

@media (min-width: 576px) {
    .max-container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .max-container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .max-container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
        .max-container{
            max-width: 1156px;
        }
    }

.amenities-wrapper .swiper-wrapper {
  padding: 40px 0;
}

.amenities-cards {
  transition: 0.3s;
}

.amenities-cards:nth-child(even) {
  transform: translateY(40px) !important;
}

.center-cont-y:nth-child(even) {
  transform: translateY(40px) !important;
}

.room-f-wrap .slick-track .slick-slide:nth-child(even) {
  margin-top: 40px;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
  .amenities-cards:nth-child(even) {
    transform: translateY(20px) !important;
  }
  .amenities-wrapper .swiper-wrapper {
    padding: 20px 0;
  }

  .center-cont-y:nth-child(even) {
    transform: translateY(20px) !important;
  }

  .room-f-wrap .slick-track .slick-slide:nth-child(even) {
    margin-top: 20px;
  }
}

.thanks-msg{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-end;
}
.thanks-msg p{
    font-size: 20px;
    color: #fff;
}



@media screen and (min-width: 240px) and (max-width: 767px) {

.modal-backdrop{z-index: 9999;}
#exampleModal{z-index: 99999;}
.modal-content.form-room.modalpadding{padding: 20px!important;}
.input-style input, .input-style select, .input-style textarea{padding: 10px 18px;font-size: 14px;}
.input-style textarea{height: 80px;}
.img-flex-1 .img-flex-box img{height: 500px;}

}





.review_card_wrapper{
  width: 100%;
  display: flex;
  gap: 60px;
}

.review_card{
  width: 350px;
  display: flex;
margin: 0 30px;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  color: #FFF;
  background: #D28B0C url(../images/illustration.svg);
  background-size: contain;
  transition-duration: 1.5s !important;
  transition-timing-function: ease1 .5s !important;
  transition-property: opacity, transform, background-position !important;
}
.review_card div{
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.review_card h3{
  font-size: 24px;
  font-family: var(--h-medium);

    text-transform: capitalize;
}
.review_card p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical; 
  text-overflow: ellipsis;
}
.review_card p, h3{opacity: 0.90;}
.review_card a{font-family: var(--h-medium);font-size: 20px;color:#fff;}



.review_card_wrapper .slick-track .slick-slide:nth-child(even) {
  margin-top: 40px;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
  .review_card_wrapper{
    width: 100%;
    display: flex;
    gap: 20px;
  }
.review_card{
  width: 320px;
  margin: 0 8px;
  padding: 20px;
}

.review_card h3{font-size: 20px;}
.review_card a{font-family: var(--h-medium);font-size: 14px;color:#fff;}


}