@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.8rem 'Roboto', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Kalnia", serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-placeholder{ opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }

    /* font-family: "Kalnia", serif; */
    /* font-family: "Roboto", sans-serif; */

:root{
    --black: #1e1e1e;
    --brand: #8e921c;
    --body_txt_color: #4f4f4f;
    --white: #fff; 
    --heding: #121212;  
   }


@keyframes textUp{
    0%{
        transform: translateY(0px)
        }
        

    50%{
        transform: translateY(50px)
    }

    100%{
        transform: translateY(100px)
    }
}

@keyframes fade1{
    0%{
        visibility: visible
    }    

    25%{
        visibility: hidden
    }    

    50%{
        visibility: hidden
    }    

    75%{
        visibility: hidden
    }           

    100%{
        visibility: visible
    }
    
}

@keyframes fade2{
    0%{
        visibility: hidden
    }    

    25%{
        visibility: hidden
    }   

    50%{
        visibility: visible
    } 

    75%{
        visibility: hidden
    }   

    100%{
        visibility: hidden
    }
    
}
  

@keyframes fade3{
    0%{
        visibility: hidden
     }    

    25%{
        visibility: hidden
    }   

    50%{
        visibility: hidden
    }   

    75%{
        visibility: visible
    }    

    100%{
        visibility: hidden
    }
    
}
 

@keyframes zoom-out{

    100%{
        width: 100%
    }
         
}


@keyframes leftright{
    0%, 20% {
        transform: translateX(0%);
        left: 0%;
    }
    80%, 100% {
        transform: translateX(-100%);
        left: 100%;
    }
}



    


   em{font-style: normal;}
   .hidden_sec{overflow: hidden;}
   .as_btn{position: relative;  display: inline-block; text-align: center; text-transform: capitalize; border-radius: 0px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; border-radius: 2.5rem; margin-top: 2.5rem;}  
   .btn_txt{position: relative; display: inline-flex; font-size: 1.6rem;  color: var(--white); font-weight: 500; padding: 0 2.5rem; background: var(--brand); outline: 1px solid transparent; outline-color: transparent; z-index: 1; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; gap: 1rem; align-items: center; height: 5rem; line-height: 5rem; border-radius: 2.5rem; width: 100%; justify-content: center; letter-spacing: .2rem;}
   .as_btn:hover .btn_txt{background: var(--black); outline-color: var(--white); outline-offset: -.4rem; color: var(--white);} 
   .rating li { display: inline-block; margin: .8rem .2rem 0 0;}
   .bold_icon::before, .liner_icon::before { font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107; }
   .bold_icon::before {content: "\f005";}
   .ptb{padding: 6rem 0;}
   .inner_ptb{padding: 3rem 0 6rem 0;}
   h4{font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; color: var(--heding);}
   h6{font-size: 1.8rem; line-height: 2.8rem; text-transform: capitalize; color: var(--heding);}
   .sub_txt{text-transform: uppercase; color: var(--brand); font-size: 1.4rem; line-height: 1.4rem; font-family: "Roboto", sans-serif; letter-spacing: .2rem; margin: 0 0 .2rem 0;}
   h1,h2{color: var(--heding); font-size: 4rem; line-height: 5rem; text-transform: capitalize;}
   .img_fluid{max-width: 100%;}


/*-------------------------------------------------------------------------------------------------top_button-------------------------------------------------------------------------------------------------------------------------------------*/

    .top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
    .top_btn i{font-size: 1.7rem; line-height: 4rem;}
    .top_btn.show{opacity: 0.7;}
    .top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}

/*--------------------------------------------------------------------------------------------------header----------------------------------------------------------------------------------------------------------------------------------------*/

    .header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 999; background-color: #113D487D; padding: 1.5rem 0;}
    .header_sec .container{max-width: 100%; padding: 0 3rem;}
    .nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
    /* .drop-nav{ position: absolute; top: 10px; right: 0px;}
    .nav_top .dropdown-menu li a{ font-size: 13px;} */
    .nav_top .navbar-brand img{width: 20rem;}
    .menu_sec li{ position: relative; text-transform: uppercase; font-size: 1.5rem; letter-spacing: .2rem; font-weight: 600;}    
    .menu_sec li a{color: var(--white); display: inline-block; padding: .8rem 2.5rem; color: var(--white);}
    /* .menu_sec li:last-child a{padding-right: 0;} */
    .book_btn.as_btn{position: absolute; right: 0; top: .1rem;}
    .top_ph_box{display: inline-block; gap: .5rem; position: absolute; right: 24rem; top: 1.3rem; color: var(--white) !important; align-items: center;}
    .top_cal_icon img{width: 2rem; filter: invert(1);}
    .menu_sec{border: .1rem solid #B6B6B61C; margin-right: 37rem; border-radius: 2.5rem;}
    .menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
    .header_sec.fixed{background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;} 
    .header_sec.fixed .menu_sec li a{color: var(--heding);}
    .header_sec.fixed .top_ph_box {color: var(--heding) !important;}
    .header_sec.fixed .top_cal_icon img {filter: invert(0);}
   
/*---------------------------------------------------------------------------------------------------banner---------------------------------------------------------------------------------------------------------------------------------------*/  
    
    .bannersec{ width: 100%; position: relative;}
    .bannersec .carousel-control-prev, .bannersec .carousel-control-next{width: 5rem; height: 5rem; background-color: hsla(0,0%,100%,.35); bottom: inherit; top: 50%; display: flex; align-items: center; justify-content: center; opacity: 1; left: 2rem; border-radius: 100%;}
    .bannersec .carousel-control-next-icon, .bannersec .carousel-control-prev-icon{width: auto; height: auto; background: transparent;}
    .bannersec .carousel-control-next{right: 2rem; left: inherit;}
    .bannersec .carousel-control-prev::before, .bannersec .carousel-control-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; font-size: 2rem; color: var(--white);}
    .bannersec .carousel-control-next::before{content: "\f061";}
    .banner_box img{height: 100vh; object-fit: cover;}
    .support_box .images img { width: 4.5rem; height: 4.5rem; border-radius: 50% !important; margin-right: -2rem; border: .3rem solid var(--white);}
    .bar_txt{position: absolute; left: 0; bottom: 20rem; width: 100%; text-align: center; z-index: 1;}
    .bar_txt_info{background-color: #ECECEC1A; border: .1rem solid #FFFFFF26; border-radius: 0 .5rem .5rem; max-width: 58rem; margin: 0 auto; padding: 0 1rem 1.5rem 1rem; -webkit-backdrop-filter: blur(1.8px); backdrop-filter: blur(1.8px);}
    .support_box{margin: -3.5rem 0 1.5rem 0;}
    .bar_txt_info p{font-weight: 500;}


/*--------------------------------------------------------------------------------------------------banner_frm_sec------------------------------------------------------------------------------------------------------------------------------*/

    .banner_frm{position: absolute; display: inline-block; left: 0; bottom: 4rem; text-align: center; width: 100%; }
    /* .banner_frm .container{max-width: 100%; padding: 0;} */
    .banner_frm_content{padding: 2rem 2.5rem .5rem 2.5rem; margin: 0 auto; box-shadow: 0px 30px 40px 0px #00000033; backdrop-filter: blur(5px); background: #0000004D; border-radius: .5rem;}
    .frm_label_txt{color: var(--white); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative; font-size: 1.4rem;}
    .banner_content{position: relative;}

    .banner_frm .as_btn{background: transparent;}
    /* .banner_frm .as_btn::after{background: var(--heading);} */
    .qty_container{display: flex; align-items: center; justify-content: center; position: relative;}
    .qty_container .qty-btn-minus, .qty_container .qty-btn-plus {border: none; border-left: .1rem solid #d4d4d4; padding: 0; font-size: 1rem; height: 4rem; width: 3.5rem;  transition: 0.3s; position:absolute; left:0; top:0; background: transparent; z-index: 1; color: var(--white);}
    .qty_container .qty-btn-minus:focus, .qty_container .qty-btn-plus:focus{box-shadow:none;}
    .qty_container .input-qty { text-align: center; padding: 0 1.5rem; border: .1rem solid #d4d4d4; position: relative; border-radius: 1rem;}
    .qty_container .qty-btn-minus { margin-right: -.1rem; border-left-color: transparent; border-right: .1rem solid #d4d4d4;}
    .qty_container .qty-btn-plus { margin-left: -.1rem;  left:inherit; right:0;}
    .qty_container .input-qty[type="text"]{background: var(--white); height: 4rem; }
    .ban_frm_lt_txt{padding: 0 1.5rem 0 3rem;}
    .banner_frm_content .input_fld input[type="text"]{background: var(--white); height: 4rem; font-size: 1.3rem; background-color: #FFFFFF1A; filter: brightness(0) invert(1);}

/*--------------------------------------------------------------------------------------------------date-----------------------------------------------------------------------------------------------------------------------------------------*/

    .ui-datepicker { background: var(--white); border-radius: 1.5rem;}
    .ui-datepicker-header { height: 5rem; line-height: 5rem; color: var(--white); background: #31639c; margin-bottom: 1rem;}
    .ui-datepicker-prev, .ui-datepicker-next { width: 2rem; height: 2rem; text-indent: 9999px; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 1.2rem;}
    .ui-datepicker-prev { float: left; margin-left: 1.2rem;}
    .ui-datepicker-prev:after {transform: rotate(45deg); margin: -4.3rem 0 0 .8rem;}
    .ui-datepicker-next { float: right; margin-right: 1.2rem;}
    .ui-datepicker-next:after {transform: rotate(-135deg); margin: -4.3rem 0 0 .6rem;}
    .ui-datepicker-prev:after, .ui-datepicker-next:after { content: ''; position: absolute; display: block; width: .8rem; height: .8rem; border-left: .2rem solid var(--white); border-bottom: .2rem solid var(--white);}
    .ui-datepicker-prev:hover, .ui-datepicker-next:hover,.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after { border-color: #333333;}
    .ui-datepicker-title {text-align: center; font-size:2.5rem;}
    .ui-datepicker-calendar {width: 100%; text-align: center;}
    .ui-datepicker-calendar thead tr th span { display: block; width: 4rem; color: #31639c; margin-bottom: .5rem; font-size: 1.8rem; }
    .ui-state-default {display: block; text-decoration: none; color: #333333; line-height: 4rem; font-size: 1.6rem;}
    .ui-state-default:hover {color: var(--white); background:#31639c; border-radius:5rem; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);}
    .ui-state-highlight {color: var(--white);background-color:#31639c; border-radius:5rem;}
    .ui-state-active {color: var(--white); background-color:#31639c; border-radius:5rem;}
    .ui-datepicker-unselectable .ui-state-default {color: #eee; border: .2rem solid transparent;}
    .icon {color: var(--white); font-size:1.5rem; position: absolute; right: 1.9rem; top: 4.3rem;}


/*---------------------------------------------------------------------------------------------------------amenities_sec-----------------------------------------------------------------------------------------------------------------------*/
    .amenities_icon img{width: 5rem; margin: 0 0 .8rem 0;}
    .amenities_box {margin-top: 4rem; }
    .amenities_sec .culm:nth-child(even) .amenities_box{margin-top: 6rem;}
    .amenities_sec .row{margin: 0 -1.5rem;}
    .amenities_sec .culm{padding: 0 1.5rem;}
    .amenities_icon{position: relative; z-index: 1;}
    .amenities_icon::after{position: absolute; left: -.5rem; top: -1.2rem; background: var(--brand); width: 3rem; height: 3rem; content: ""; z-index: -1; opacity: 0.5; border-radius: 100%;}
    .round_text { position: relative; text-align: center; margin: 5rem 0 0 0;}
    .round_text::before {position: absolute; left: 0; top: 50%; width: 100%; height: .1rem; background: #D8DDE1; content: ""; z-index: -1;  transform: translateY(-50%);}
    .round_text .text {border: .1rem solid #D8DDE1; border-radius: 99px; padding: 5px 30px; display: block;  width: fit-content; margin: 0 auto; background: var(--white); z-index: 1; position: relative;}
    .round_text .text a {color: var(--brand); font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; font-weight: 600; border-bottom: .1rem solid var(--brand); }

/*--------------------------------------------------------------------------------------------------------room_sec------------------------------------------------------------------------------------------------------------------------------*/

    .room_sec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.5);}
    .room_img .owl-nav{position: absolute; right: 2.5rem; bottom: 2.5rem; font-size: 0; display: flex; align-items: center; justify-content: center; gap: .5rem; z-index: 3;}
    .room_img .owl-prev, .room_img .owl-next{background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center;}
    .room_img .owl-prev::before, .room_img .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 2rem;}
    .room_img .owl-next::before{content: "\f105";}
    .rom_txt{box-shadow: 0px 64px 64px rgba(44, 63, 88, 0.05), 0px 0px 32px rgba(44, 63, 88, 0.05), 0px 16px 16px rgba(44, 63, 88, 0.03), 0px 8px 8px rgba(44, 63, 88, 0.03), 0px 4px 4px rgba(44, 63, 88, 0.03), 0px 2px 2px rgba(44, 63, 88, 0.04); background: var(--white); padding: 1.5rem;}
    .features_list li{display: inline-flex; margin: 0 .5rem 0 0; text-transform: capitalize; font-size: 1.5rem; align-items: center; color: var(--heding);}
    .features_list li:last-child{margin-right: 0;}
    .features_list li img{width: 2.1rem; margin-right: .4rem;}
    .room_img::before{position: absolute; left: 1rem; right: 1rem; bottom: 1rem; top: 1rem; border: .1rem solid var(--white); content: ""; z-index: 2;}
    .rom_txt h4 a{display: block; color: var(--heding); border-top: .1rem dashed #ccc; margin-top: 1rem; padding-top: .5rem;}
    .dtls_btn{display: flex; background: #f8f6f3; padding: .7rem 2rem; transition: .5s; line-height: 2.6rem; text-transform: uppercase; margin-top: 1.5rem; color: var(--heding); letter-spacing: .2rem; font-weight: 600; align-items: center; justify-content: space-between;}
    .dtls_btn:hover{background: var(--brand); color: var(--white);}
    .dtls_btn i{animation: leftright 3s infinite alternate ease-in-out;}
    .rom_box{margin-top: -20rem; position: relative; z-index: 1;}
    .room_sec_lt, .room_sec_rt{padding-bottom: 11rem;}
    .room_img  .owl-carousel {z-index: inherit;}
    

/*-------------------------------------------------------------------------------------------------------restaurant_sec------------------------------------------------------------------------------------------------------------------------*/

    .restaurant_lt_sml_img{position: absolute; left: 0; bottom: 0; width: 30rem; display: block; border-top: .5rem solid var(--white); border-right: .5rem solid var(--white);}
    .restaurant_rt{margin-left: 2rem;}
    .fod_list li{display: inline-block; position: relative; padding-left: 2.5rem; margin: 1.5rem 1.5rem 0 0;}
    .fod_list li::before{font-family: "Font Awesome 6 Pro"; content: "\e43b"; color: var(--brand); position: absolute; left: 0; top: 0;}
    .fod_list li:last-child{margin-right: 0;}
    .rest_lt_img{position: absolute; left: 2.2rem; top: -9.6rem; width: 25rem; display: inline-block; opacity: 0.5;}
    .rest_rt_img{position: absolute; right: 0; bottom: 0; width: 27rem; display: inline-block; opacity: 0.5;}
    .restaurant_lt , .restaurant_lt  img{height: 100%; object-fit: cover;}

/*-------------------------------------------------------------------------------------------------------call_sec--------------------------------------------------------------------------------------------------------------------------------*/
    .call_sec{position: relative; padding: 3rem 0;}
    .call_sec::before{background-color: #282828; opacity: 0.6; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}
    .call_sec h2 a{color: var(--white);}
    .lt_img{position: absolute; left: 0; top: 0; width: 9rem;}
    .call_txt_info{padding-left: 12rem;}

/*--------------------------------------------------------------------------------------------------------benefits_sec-------------------------------------------------------------------------------------------------------------------------*/
    
    .benefits_rt_icon img{width: 5rem;}
    .benefits_rt_iteam{align-items: center; gap: 3rem; padding: 26px 20px 43px 50px; border-left: 1px solid rgba(0, 0, 0, 0.1019607843); border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);}
    .benefits_mune{font-size: 60px; letter-spacing: -0.01em; min-width: 70px; transition: all 300ms ease; color: rgba(170, 132, 83, 0.2);}
    .benefits_rt_iteam:last-child{border-bottom: none; padding-bottom: 0;}
    .benefits_lt{margin-right: 2rem;}

/*--------------------------------------------------------------------------------gallery_sec---------------------------------------------------------------------------------------------------------------------------------------------------*/

    .gallery_sec .grid {--gap: 1px; display: flex; flex-wrap: wrap; position: relative; overflow: hidden; padding: var(--gap); background-color: var(--white); }
    .gallery_sec .grid:hover::before {opacity: 1;}
    .gallery_sec .grid-item {--bg-opacity: 1; display: flex; justify-content: center; align-items: center; flex-grow: 1; flex-basis: 282px; background-color: rgba(20,20,20,var(--bg-opacity)); backdrop-filter: blur(50px); background-clip: padding-box; border: calc(2 * var(--gap)) solid #0000; box-sizing: border-box; margin-top: calc(-1 * var(--gap)); margin-left: calc(-1 * var(--gap)); transition: border-color 500ms, background-color 300ms; z-index: 1; height: 25rem;}
    .gallery_sec .grid-item .portfolio_box, .gallery_sec .grid-item .portfolio_box img{height: 100%; object-fit: cover; width: 100%;}

    .portfolio_box{position: relative; display: block; overflow: hidden;}
    .overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
    .portfolio_box .overlay::after{content: ""; left: 0%; top: 0%; background: #00132F; width: 100%; height: 100%; position: absolute; display: block; transition: 0.5s; opacity: 0;}
    .portfolio_box .overlay::before{z-index: 99; font-family: "Font Awesome 6 Pro"; content: "\2b"; left: 50%; top: 50%; color: var(--white); font-size: 3.2rem; border: .3rem solid var(--white); border-radius: 100%; width: 4rem; height: 4rem; line-height: 5.5rem; transform: translate(-50%,-50%) scale(0); opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute;}
    .portfolio_box:hover .overlay::after{opacity: .4;}
    .portfolio_box:hover .overlay::before{transform: translate(-50%,-50%) scale(1); opacity: 1;}




/*** ==================================================================== Testimonial Section ==================================================================== ***/
   /* .spa_top_img .img_fluid {max-width: 3%;} */
    .feed_back_img img{width: 8rem !important; height: 8rem !important; border-radius: 100%; display: inline-block !important;}
    .feed_back_name strong{display: block; color: var(--brand); text-transform: capitalize; font-size: 2rem; line-height: 2.5rem; }
    .feed_back_name{display: block; margin-top: 1.5rem;}
    .feed_back_box{border: .1rem solid #cebeb1; padding: 5rem 2rem 2rem 2rem; margin-top: 3rem; position: relative; border-radius: 2rem;}
    .feed_back_img {position: absolute; left: 50%; top: -4.4rem; right: 0; width: 10rem; height: 10rem; transform: translateX(-50%);}
    .feed_back_img::before{position: absolute; content: ""; top: -.7rem; left: 50%; height: 9.4rem; width: 9.4rem; border: 1px solid #E1E1E1; transition: .5s; border-radius: 50%;  z-index: -1; transform: translateX(-50%);}
    .feed_back .owl-item{padding: 4rem .1rem .1rem .1rem;}
    .feed_back  .owl-nav{display: none;}
    .feed_back .owl-dots{display: flex; align-items: center; justify-content: center; margin-top: 2rem; }
    /* .feed_back .owl-dot::before{content: ""; color: #d1d1d1; margin: 0 .8rem; background: url(../images/star.png)no-repeat center center/cover; background-size: 100%; width: 4rem; height: 5rem; display: block; opacity: 0.5;} */
    .feed_back .owl-dot{width: 1.2rem; height: 1.2rem; background: #ccc; border-radius: 100%; transition: 0.3s ease-in-out; margin: 0 1rem;}
    .feed_back .owl-dot.active{width: 4.2rem;  background: var(--brand); border-radius: 2.5rem;}
    .quote_img{display: inline-block; position: absolute; top: 2.4rem; left: -2.5rem;}
    .quote_img img{width: 5rem !important; height: 5rem !important; object-fit: cover;}
    .rt_spe_img{position: absolute; right: 0; bottom: 0;}

/*-----------------------------------------------------------------------------map_sec---------------------------------------------------------------------------------*/
    .map_rt iframe{width: 100%; height: 35rem;}
    .map_lt{height: 100%; padding: 0 3rem; display: flex; flex-direction: column; justify-content: center;}
    .map_lt::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: "";}



/*--------------------------------------------------------------------------------------------------------form----------------------------------------------------------------------------------------------------------------------------------*/

    .input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
    .input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld input[type="date"]::placeholder{color: #999; opacity: 1;}
    .input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
    .input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
    .input_fld button{border: none; background: transparent;}
    .search_box .input_fld button a{color: #555 !important;}
    .input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
    .input_fld{margin-bottom: 1.5rem; position: relative;}
    .input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
    .ban_frm_box .input_fld{width: 100%;}


/*----------------------------------------------------------------------------------------------------footer_sec-------------------------------------------------------------------------------------------------------------------------------*/

    /* .fotr_sec{padding-top: 4rem; background-color: #121d27 !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important;} */
    .fotr_sec{padding-top: 4rem;}
    .fotr_sec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ft_bg_img_1.jpg)no-repeat center center/cover; content: ""; opacity: 0.3;}
    /* .fotr_sec{background: #15141b; padding: 80px 0 50px; background-image: url(../images/ft_bg_img_1.jpg); background-size: 100%; background-position: bottom; background-repeat: no-repeat;} */
    .ft_logo img{width: 20rem; margin: 0 0 2rem 0;}
    .ft_txt{padding-bottom: 3rem;}
    .ft_heading{text-transform: capitalize; color: var(--white); font-size: 2.5rem; font-family: "Kalnia", serif; line-height: 3.5rem; font-weight: 500; letter-spacing: .2rem; position: relative; z-index: 1;}
    .ft_heading::before{position: absolute; left: 0; bottom: .7rem; width: 72%; height: 0.2rem; background: var(--brand); border-radius: 2.5rem; content: ""; opacity: 0.3; z-index: -1;}
    .ft_con_list li{position: relative; margin-top: 1.5rem; padding-left: 3rem;}
    .ft_con_list li, .ft_con_list li a, .ft_txt p{color: #b7b3cb;}
    .ft_con_list li a:hover{color: var(--white);}
    .ft_con_icon{position: absolute; left: 0; top: .6rem; color: var(--brand);}
    .ft_menu_list li a{display: inline-block; position: relative; text-transform: capitalize; color: #b7b3cb !important; margin-top: 1.2rem; padding-left: 1.5rem;}
    .ft_menu_list li a::before{content: ""; font-size: 1.1rem; left: 0; position: absolute; width: .6rem; height: .1rem; background: var(--brand); top: 1.5rem; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
    .ft_menu_list li a:hover::before{width: 1.2rem;}
    .ft_menu_list li a:hover{padding-left: 2.2rem;}
    .ft_btm_flex{align-items: center; justify-content: space-between;}
    .ft_rt img{width: 2rem; margin: 0 .5rem;}
    .ft_btm_lt , .ft_rt, .ft_rt a{color: var(--white);}
    .ft_btm{border-top: .1rem solid rgba(255, 255, 255, 0.1); padding: 1.5rem 0;}
    .ft_top_rt{border-left: .1rem solid rgba(255, 255, 255, 0.1); padding-left: 7rem; height: 100%;}
    .ft_top_lt{padding-right: 2rem;}
    .ft_socil_icon li {display: inline-block;}
    .ft_socil_icon li a {width: 4rem; height: 4rem; background: #FBFBFB26; display: flex; align-items: center; justify-content: center; color: var(--white); margin: 3.5rem 1rem 0 0; border-radius: 100%; }
    .ft_socil_icon li a:hover{background: var(--brand); color: var(--white);}
    .ft_socil_icon li:last-child a{margin-right: 0;}
    .ft_txt .as_btn .btn_txt{height: 4.5rem; line-height: 4.5rem; padding: 0 5.5rem;}


/*--------------------------------------------------------------------------------about_page-------------------------------------------------------------------------------------------------*/

    .inner_banr .banner_box img{height: 40rem; object-fit: cover;}
    .iner_ban_txt_info{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
    .iner_ban_txt{background: rgba(0, 0, 0, 0.4); display: inline-block; padding: 1.5rem 3rem;}
    .inr_ab_lt, .inr_ab_lt img{height: 100%; object-fit: cover;}
    .inr_ab_rt{margin-left: 2rem;}
    .epice_box{background: var(--brand); padding: 3rem; text-align: center; display: inline-block; position: absolute; left: 1rem; bottom: 1rem;}
    .epice_box .counter_box span{font-size: 1.8rem; color: var(--white); text-transform: uppercase; letter-spacing: .2rem;}
    .epice_box .counter_box strong{font-size: 4rem; color: var(--white);}
    .epice_box .counter_box sup{font-size: 4rem; color: var(--white); top: 0;}
    .ab_inr_call::before{background-color: #2C3529; opacity: 0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}
    .reservations_rt_box{position: absolute; right: 0; top: -3.1rem; background: var(--white); padding: 1.5rem; width: 38rem;}
    .reservations_rt_box_img{display: block; text-align: center; width: 100%; margin: 1.5rem 0 0 0;}
    .reservations_rt_box_img img{height: 16rem; object-fit: cover;}
    .reservations_abd_numr{align-items: center; justify-content: space-between; margin-top: 1.5rem;}
    .reservations_txt{font-size: 1.6rem; color: var(--brand); text-transform: uppercase; letter-spacing: .2rem; font-weight: 600;}
    .reservations_abd_numr a{color: var(--black); font-weight: 600;}
    .why_choose_icon{position: absolute; left: 0; top: 0;}
    .ab_choose_list li{margin-top: 2rem; padding-left: 7rem; border-bottom: .1rem dashed #ccc; padding-bottom: 1.55rem;}
    .why_choose_icon img{width: 6rem;}
    .ab_choose_list li:last-child{padding-bottom: 0; border-bottom-color: transparent;}
    .ab_out_sec .container{max-width: 100%; padding: 0;}
    .ab_out_sec_img{display: block; position: relative; overflow: hidden;}
    .ab_out_sec_img::before{position: absolute; content: ""; width: 100%; height: 50%; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.8) 100%); z-index: 1;}
    .ab_out_txt{position: absolute; left: 2rem; bottom: 2rem; z-index: 2;}
    .ab_out_sec_img img{-webkit-transition: all 1s; -khtml-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
    .ab_out_sec_img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
    
    /* 05/06/2025 */
    .inr_ab_rt p { padding-top: 2rem; }

/*-------------------------------------------------------------------------------------room_page--------------------------------------------------------------------------------------------------------*/
    .iner_rrom_sec .rom_box{margin-top: 3rem;}

/*-------------------------------------------------------------------------------------amenities_page----------------------------------------------------------------------------------------------------*/

    .inr_amenities_sec .cilou{padding: 3rem; border: .1rem solid #E3E6EE; margin: 0px -1px -1px 0px;}


/*-----------------------------------------------------------------------------contact_page------------------------------------------------------------------------------------------------------------------*/
    
    .iner_con_rt .input_fld input[type="text"], .iner_con_rt .input_fld input[type="email"], .iner_con_rt .input_fld input[type="tel"], .iner_con_rt .input_fld input[type="password"], .iner_con_rt .input_fld textarea{ border: none; border-bottom: .1rem solid #ced4da; border-radius: 0; height: 6rem;}
    .iner_con_rt .input_fld textarea{height: 13rem;}
    /* .iner_con_lt p{line-height: 3rem;} */
    /* .con_list_box{margin-top: 2rem; padding: 2rem; position: relative;}
    .iner_con_lt{margin-right: 4rem;}
    .con_list_box_icon{position: absolute; left: 3.1rem; top: 2.8rem; width: 5rem; height: 5rem; background: var(--blue); display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 2rem;}
    .con_list_box_txt{display: block; padding-left: 8rem;}
    .con_list_box_txt small{font-size: 1.4rem; text-transform: uppercase; letter-spacing: .2rem; font-weight: 700; line-height: 1.4rem; color: var(--blue);}
    .con_list_box_txt p{line-height: 2.2rem; padding-top: .5rem;}
    .con_list_box.othr_con_list_box .con_list_box_icon{top: 1.9rem; width: 4rem; height: 4rem;}
    .con_list_box.othr_con_list_box  .con_list_box_txt{padding-left: 7rem;}
    .con_list_box_txt a, .con_list_box_txt p{color: var(--black);}
    .inr_con_map_sec iframe{width: 100%; height: 30rem;} */
    .inr_con_rt_panel{margin-left: 4rem;}
    .con_ad li{margin-top: 1.5rem; border-top: .1rem dashed #ccc; padding-top: 1.5rem;}
    .con_ad li .con_i{color: var(--brand); padding-left: 2.5rem;  text-transform: uppercase; font-size: 1.4rem; letter-spacing: .3rem; font-weight: 600; display: block;}
    .con_ad li .add{ color: var(--black); padding: .5rem 0 0 0; display: block;}
    .con_ad .con_i{position: relative;}
    .con_ad li .con_i i{color: var(--brand); position: absolute; top: .2rem; left: 0; font-size: 1.8rem;}
    .inr_con_rt_panel_info{background: var(--white); padding: 2rem; border: .1rem solid #DDE5F6;  margin: -28rem 0 0 2rem; position: relative;}
    .con_ad li a, .con_ad li{color: var(--heding);}
    .con_ad{display: inline-block; width: 100%; margin: 0 -.8rem;}
    .con_ad li{width: 33.333%; float: left; padding: 1.5rem .8rem 0 .8rem;}
    .con_ad li:first-child{width: 100%; display: block;}
     /*.con_ad li a{display: block; text-align: center;}*/
    
    
    
    
    

/*------------------------------------------------------------------------------gallery_page---------------------------------------------------------------------------------------------------------*/
    .iner_gallery_sec .container{max-width: 100%; padding: 3rem;}

/*------------------------------------------------------------------------------error_page-----------------------------------------------------------------------------------------------------------*/
   

    .error_sec.error {color: #20293F; text-align: center; animation: fadein 1.2s ease-in; height: 100%; display: flex; flex-direction: column; justify-content: center;}
    .error_sec.error .error_sec_info > .code {font-size: 10.5em; text-shadow:  0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902) ; margin: 0;}
    .error_sec.error .error_sec_info > .desc {text-shadow: 0px 3px 5px rgba(0,0,0,0.5), 0px 6px 20px rgba(0,0,0,0.3); font-weight: 400; margin-top: 5rem;}

    @keyframes fadein {
        0% {
            margin-top: -50px;
            opacity: 0;
        }
        50% {
            opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }


/*--------------------------------------------------------------------------------------------policy_page--------------------------------------------------------------------------------------------------------*/

    .faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
    .faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
    .faq_content .accordion-button:not(.collapsed){background: transparent;}
    .faq_content .accordion-button {padding: 2rem 1.25rem;}
    .faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
    .faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
    .faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
    .faq_content .accordion-body { padding: 2rem 1.5rem;}
    .faq_rt.faq_content .accordion-item{border: none;}
    .faq_rt.faq_content .accordion-button{border-bottom: .1rem solid rgba(0,0,0,.125);}
    .faq_rt.faq_content .accordion-button:not(.collapsed){box-shadow: none;}







    .ptb.iner_gay_sec{padding: 3rem;}
    .ft_btm_socl_icon{display: flex; align-items: center; gap: 8rem; }
    .ft_socil_icon li a {margin: 2.5rem 2rem 0 0;}
    .ft_con_list{display: inline-block; width: 100%;}
    .ft_con_list li:nth-child(2), .ft_con_list li:nth-child(3){display: inline-block; margin-right: 5rem;}
    
    
    
    
    
    .room_fe_info li img {  width: 3rem;  padding-right: .6rem;}
    .room_fe_info li {padding-left: 0; width: auto;  margin: 1rem .5rem 0 0;  border: .1rem solid #E2E5E7;  padding: .6rem; border-radius: .6rem; display: inline-flex; color: var(--black); font-weight: 500; font-size: 1.4rem; align-items: center;}



/* ============== inner_return policy_css ==================================================== */
.inner_return_sec .return_box .return_item h2 { color: var(--black); padding-bottom: 1.5rem; }
.inner_return_sec .return_box .return_item ul li { position: relative; font-size: 1.6rem; font-weight: 400; color: var(--black); padding-left: 3rem; margin-bottom: 1rem; }
.inner_return_sec .return_box .return_item ul li::before { content: "\f762"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--brand); }


/* ============== inner_refund_policy _css ==================================================== */
.inner_refund_sec .inner_heading { margin-bottom: 2.5rem; }
.inner_refund_sec .refund_box .refund_item { margin-top: 2rem; }
.inner_refund_sec .refund_box .refund_item h3 { font-size: 2.5rem; color: var(--black); line-height: 1.4; }
.inner_refund_sec .refund_box .refund_item ul li { position: relative; font-size: 1.6rem; font-weight: 400; color: var(--black); padding-left: 3rem; margin-bottom: 1rem; }
.inner_refund_sec .refund_box .refund_item ul li::before { content: "\f762"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--brand); }


/* ============== inner_terms and condition_css ==================================================== */
.inner_terms_sec .terms_box .terms_item { margin-top: 2rem; }
.inner_terms_sec .terms_box .terms_item h2 { font-size: 3rem; color: var(--black); line-height: 1.4; }
.inner_terms_sec .terms_box .terms_item p { font-size: 1.6rem; color: var(--body_txt_color); line-height: 1.5; }


/* ============== inner_privacy_policy _css ==================================================== */
.inner_Privacy_sec .inner_heading { margin-bottom: 2.5rem; }
.inner_Privacy_sec .privacy_box .privacy_item { margin-top: 2rem; }
.inner_Privacy_sec .privacy_box .privacy_item h2 { font-size: 2.5rem; color: var(--black); line-height: 1.4; }
.inner_Privacy_sec .privacy_box .privacy_item em { font-size: 1.6rem; color: var(--body_txt_color); line-height: 1.5; padding-bottom: 2rem; display: block; }
.inner_Privacy_sec .privacy_box .privacy_item ul li { position: relative; font-size: 1.6rem; font-weight: 400; color: var(--black); padding-left: 3rem; margin-bottom: 1rem; }
.inner_Privacy_sec .privacy_box .privacy_item ul li::before { content: "\f762"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--brand); }










@media (min-width: 992px) and (max-width: 9000px) 
    {
    .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
        -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
        background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

    .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

    }

/*--------------------------------------------------------------------responsive-----------------------------------------------------------------------------------*/

    @media only screen and (max-width: 1699px){
        .menu_sec li a {padding: .8rem 1.5rem;}
        .top_ph_box {right: 23rem;}
    }

    @media only screen and (max-width: 1499px){
        .header_sec .container {padding: 0 1.5rem;}
        /* .menu_sec li a { padding: .8rem 1rem;} */
        .menu_sec li {font-size: 1.4rem;}
        .menu_sec {margin-right: 41rem;}


        .gallery_sec .grid-item {flex-basis: 27.1rem;}
    }

    @media only screen and (max-width: 1399px){

         .gallery_sec .grid-item {
            flex-basis: 23.1rem;
        }
    }
   

    @media only screen and (max-width: 1299px){
        .top_ph_box {font-size: 0;}
        .menu_sec {margin-right: 23rem;}
        .top_cal_icon img {width: 3rem;}
    }

    @media only screen and (max-width: 1199px){
        .banner_box img {height: 55rem;}
        .banner_frm{position: initial; left: inherit; bottom: inherit; margin-top: 3rem;}
        .banner_frm_content{background: var(--white); box-shadow: 0 7px 20px rgba(0, 0, 0, .15);}
        .frm_label_txt {color: var(--black);}
        .bar_txt {bottom: 38rem;}
        .banner_frm_content .input_fld input[type="text"] {filter: none;}
        .book_btn.as_btn {right: 4.5rem;}
        .top_ph_box {right: 27rem; top: 1rem;}
        .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
        .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--white); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
        .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
        .header_sec.fixed .nav_top .navbar-toggler .icon-bar{background: var(--black);}
        h1, h2 {font-size: 3.5rem; line-height: 4.5rem;}
        .amenities_txt h6{font-size: 1.5rem; line-height: 2.5rem;}
        .room_sec_rt  .btn_txt {padding: 0 2.2rem;}
        .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 22.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--brand);}
        .nav_top .navbar-collapse.show {left: 0;}
        .menu_sec {margin-right: 0; border: none;}
        .menu_sec li a{display: block; padding: 1.5rem; border-bottom: .1rem dashed #ccc; color: var(--black);}
        
    /*contact_page*/
        .con_ad li{width: 100%; }
        .inr_con_rt_panel_info {margin: -33rem 0 0 2rem;}


    /*-----------------------------------------------------------------------3-6-25------------------------------------------------------*/
        
        .gallery_sec .grid-item {flex-basis: 19.1rem;}
    
    }

    @media only screen and (max-width: 991px){
        
        .banner_box img {height: 45rem;} 
        .rom_box {margin-top: 3rem; }
        .room_sec_lt, .room_sec_rt {padding-bottom: 0;}
        .room_boxes.ptb{padding: 2rem 0 5rem 0;}
        .restaurant_lt, .restaurant_lt img {height: auto;}
        .restaurant_rt {margin: 2rem 0 0 0;}
        .benefits_lt {margin: 0 0 2rem 0;}
        .gallery_sec .grid-item{height: 20rem;}
        .map_lt {height: auto; padding: 5rem 3rem;}
        .map_rt iframe {height: 23rem;}
        .ft_top_rt {border-left-color: transparent; padding-left: 0;}
        .ft_top_lt {padding-right: 0;}
        .ptb{padding: 5rem 0;}
        .inner_ptb{padding: 2rem 0 5rem 0;}

    /*---------------------------------------------------------------------------about_page----------------------------------------------------------------------------*/
        .inr_ab_lt, .inr_ab_lt img {height: auto; object-fit: cover;}
        .inr_ab_rt {margin: 3rem 0 0 0;}
        .inner_banr .banner_box img {height: 35rem;}
        .reservations_rt_box { position: inherit; right: inherit; top: inherit; background: var(--white); padding: 1.5rem; width: 100%;}

    /*-----------------------------------------------------------------------------contact_page------------------------------------------------------------------------------------------------------------------*/  

        .inr_con_rt_panel {margin: 3rem 0 0 0;}
        .inr_con_rt_panel_info {margin: 0 0 0 0;}

    /*-----------------------------------------------------------------------3-6-25------------------------------------------------------*/
        .gallery_sec .grid-item {flex-basis: 15.1rem;}
    }

    @media only screen and (max-width: 767px){
        
        .container{max-width: 100%; padding: 0 1.5rem;}
        .bar_txt {bottom: 43rem;}
        .bannersec .carousel-control-prev, .bannersec .carousel-control-next {width: 4rem; height: 4rem;}
        h1, h2 {font-size: 3rem; line-height: 4rem;}
        .amenities_sec .culm:nth-child(2n) .amenities_box, .amenities_box {margin-top: 3rem;}
        .d-flex.ft_btm_flex{flex-direction: column; text-align: center;}
        .call_txt_info h2 a{display: block;}
        .lt_img { left: 1.7rem; top: .8rem;}
        .ptb{padding: 4rem 0;}
        .inner_ptb{padding: 1rem 0 4rem 0;}

    /*---------------------------------------------------------------------------about_page----------------------------------------------------------*/

        .iner_ban_txt_info { position: absolute; left: 0; bottom: 0; transform: inherit; width: 100%; text-align: center;}
        .iner_ban_txt {margin: 0 auto;}
         .inner_banr .banner_box img {height: 28rem;}

    /*---------------------------------------------------------------------------gallery_page-------------------------------------------------------*/

        /* .iner_gallery_sec .container{max-width: 100%; padding: 1.5rem;} */
        .ptb.iner_gay_sec{padding: 1.5rem;}
        
    }


    @media only screen and (max-width: 575px){

        .book_btn .btn_txt{font-size: 0; padding: 0; letter-spacing: 0; display: flex; align-items: center; justify-content: center; gap: 0; height: 100%; line-height: 0;}
        .book_btn .btn_txt i{font-size: 1.5rem;}
        .book_btn.as_btn{padding: 0; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}
        .nav_top .navbar-brand img {width: 15rem;}
        .book_btn.as_btn {top: 0;}
        .top_ph_box {right: 9rem; top: .6rem;}
        /* .banner_box img {height: 30rem;} */
        .bar_txt_info {max-width: 26rem;}
        .bar_txt {bottom: 60rem;}
        .bannersec .carousel-control-prev, .bannersec .carousel-control-next{top: 20%;}
        .bannersec .carousel-control-next { right: inherit; left: 6.5rem;}
        .support_box { margin: -2.5rem 0 0.5rem 0;}
        .frm_label_txt{text-align: left;}
        .banner_frm .as_btn{margin-top: .5rem;}
        h1, h2 {font-size: 2.2rem; line-height: 3.2rem;}
        .amenities_txt h6 {font-size: 1.3rem; line-height: 2rem;}
        .round_text::before{display: none;}
        .round_text .text {border-radius: 99px; padding: .5rem 2.5rem 1.5rem 2.55rem;}
        .round_text .text a{display: block; margin-top: .8rem;}
        .round_text {margin: 3rem 0 0 0;}
        .room_boxes.ptb {padding: 2rem 0 4rem 0;}
        .restaurant_lt_sml_img {width: 15rem;}
        .lt_img{position: inherit; left: inherit; top: inherit;}
        .lt_img img{width: 8rem;}
        .call_txt_info {padding-left: 0;}
        .call_txt_info h2{font-size: 2.2rem; line-height: 3.2rem;}
        .benefits_lt .as_btn .btn_txt{font-size: 1.4rem; padding: 0 1.5rem;}
        .benefits_rt_iteam {padding: 2.5rem 2rem 2.4rem 1.5rem;}
        .benefits_rt_iteam{flex-direction: column; gap: 2rem; text-align: center;}
        .benefits_rt_txt{display: block; margin-top: -1rem;}
        .gallery_sec .grid-item {height: 15rem;}
        .map_lt{padding: 3rem 1.5rem;}
        .ft_top_lt h4{font-size: 2.2rem; line-height: 3.2rem;}
        .inner_ptb{padding: 2rem 0 4rem 0;}


    /*---------------------------------------------------------------------------about_page----------------------------------------------------------*/
        .inner_banr .banner_box img {height: 23rem;}
        .epice_box {padding: 2rem;}
        .inr_ab_rt .sub_txt  {line-height: 1.6rem;}
        .why_choose_icon {position: inherit; left: inherit; top: inherit;}
        .ab_choose_list li {padding-left: 0;}
        .why_choose_txt h4{font-size: 2rem; line-height: 3rem;}
        .ab_out_txt h4{font-size: 2rem; line-height: 3rem;}
        .ab_out_txt {left: 1rem; bottom: 1rem;}

    /*--------------------------------------------------------------------------error_page------------------------------------------------------------*/
        .error_sec.error .error_sec_info > .code {font-size: 8.5em;}
        
        
    /*--------------------------------------------------------------------------3-6-25-----------------------------------------------------------------*/
        .ft_btm_lt{font-size: 1.3rem;}
         .bannersec .carousel-control-prev, .bannersec .carousel-control-next{width: 3.5rem; height: 3.5rem;}

    /*-----------------------------------------------------------------------3-6-25------------------------------------------------------*/

        .ft_socil_icon li a {width: 3.5rem; height: 3.5rem;}
        .ft_txt .ft_btm_socl_icon  .as_btn .btn_txt {padding: 0 1.5rem; height: 3.5rem; line-height: 2.2rem;}
        .ft_logo img {width: 26rem;}

        .iner_gay_sec.gallery_sec .grid-item {flex-basis: 14.1rem;}
        .ft_btm_socl_icon {gap: 3rem;}
        .ft_socil_icon li a {margin: 2.5rem 1rem 0 0;}


        .rom_box, .feed_back_box{margin-top: 2rem;}
        .inr_amenities_sec .cilou {padding: 2rem;}
        
    }

    @media only screen and (max-width: 480px){
    
    

    }