@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.4rem 'Poppins', sans-serif; color: var(--text_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: "Roboto Condensed", sans-serif;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
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; }

:root{
    --black: #0e2a4e;
    --white: #fff;
    --background: #f5f6f7;
    /* --brand: #FF681A; */
    --text_color: #797979;
    --snd_brand: #37D4D9;
    /* --brand: #3caa9f; */
    --brand: #38b6ff;
}

@keyframes shine{
    100% {
        left: 125%;
    }
}

@keyframes beat{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.82);
        transform: scale(.82);
    }
}

@keyframes smooth-header{
    0% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes leftToRight{
    0%, 100% {
        left: 0px;
    }
    50% {
        left: 56px;
    }
}

@keyframes messageMove{
    0%, 100% {
        transform: translateX(0);
    }
    25%, 75% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(10px);
    }
}


em{font-style: normal;}
h1,h2{font-size: 3.5rem; line-height: 4.5rem; font-weight: 600; text-transform: capitalize; letter-spacing: .1rem;  color: var(--black);}
h3{font-size: 2.5rem; line-height: 3.5rem; font-weight: 600; text-transform: capitalize; letter-spacing: .1rem;  color: var(--black);} 
h4{font-size: 2rem; line-height: 3rem; font-weight: 600; text-transform: capitalize; letter-spacing: .1rem;  color: var(--black);}
h5,h6{text-transform: capitalize;}
.ptb{padding: 7rem 0;}
.mtt{margin-top: 8rem;}
.inner_ptb{padding: 4rem 0 7rem;}
.other_inner_ptb{padding: 6rem 0 7rem;}
.hidden_sec{overflow: hidden;}

.as_btn{position: relative; display: inline-block; padding: 0 3rem; overflow: hidden; text-transform: uppercase; border-radius: .4rem; transition: .5s; z-index: 0; background: var(--brand); letter-spacing: .1rem; line-height: 5rem; color: var(--white) !important; font-weight: 700; height: 5rem; margin-top: 3rem; text-align: center;}
.as_btn::before{position: absolute; left: 0; top: 0; bottom: 0; width: 3rem; content: ""; background: var(--snd_brand); transition: .5s; opacity: 0; border-top-right-radius: 3rem; border-bottom-right-radius: 3rem; z-index: -1; border-top-left-radius: 3rem;}
.as_btn:hover::before{width: 100%; border-radius: 0; opacity: 1;}

.heding{font-size: 1.5rem; line-height: 2.5rem; letter-spacing: .2rem; color: var(--brand); font-weight: 700; text-transform: uppercase; padding-left: 5.5rem; position: relative; display: inline-block; width: 100%;}
.heding::before{position: absolute; content: ''; height: .1rem; width: 5rem; background: var(--brand); left: 0; bottom: .7rem;}



/*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);}

/* pegination_sec */
.pegination_sec ul li{display: inline-block; margin-top: 5rem;}
.page_number{color: var(--brand); height: 4rem; width: 4rem; line-height: 3.2rem; font-size: 1.7rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: .5rem; font-weight: 700; background: var(--white);}
.pegination_sec ul li .current, .page_number:hover{background: var(--brand); color: var(--white); border-color: transparent;}







/*header*/
.header_sec{width: 100%;}

/* .header_sec{width: 100%; position: relative; background: var(--white);} */
/* .header_sec .container{max-width: 100%; padding: 0 10rem;} */
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0;}
/* .nav_top .navbar-brand{font-size: 2.5rem; color: var(--brand); font-weight: 800; letter-spacing: .2rem; text-transform: uppercase;} */
.nav_top .navbar-brand img{width: 12rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-weight: 400; font-size: 1.8rem;}
.menu_sec li a{display: inline-block; padding: 0 2.5rem 0 0; color: var(--black);}
.menu_sec li:last-child a{padding-right: 0;}
.header_lt_button{position: absolute; right: 0; top: -1rem;}   
.header_rt_call_img{background: var(--white); box-shadow: 0 .5rem 3rem 0 rgba(0, 0, 0, 0.1); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 1.5rem 0 0;}
.header_rt_call_img img{width: 3rem;}  
.header_rt_call{position: absolute; right: 23rem; top: -1rem;}
.call_time_txt{font-size: 1.2rem; color: var(--white); display: block; line-height: 1.2rem;}
.header_rt_call_txt em{color: var(--white); font-size: 1.8rem; font-weight: 600; font-family: 'Quicksand', sans-serif;}
/* .menu_sec{padding-right: 40rem;} */
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 999; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc; animation: smooth-header .65s linear;}
.header_sec.fixed .header_info{border: none;}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
.header_sec.fixed .menu_sec li a{color: var(--black);}
.header_sec.fixed .call_time_txt{color: var(--black);}
.header_sec.fixed .header_rt_call_txt em{color: var(--black);}
.header_sec.fixed .nav_top .navbar-brand{color: var(--brand);}
/* .header_sec{width: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: transparent;} */
.header_info{background: var(--white); padding: 3rem 9rem; position: relative;}
.header_sec.fixed .header_top{display: none;}
.header_sec.fixed .nav_top .navbar-brand span{font-size: 2rem; font-weight: 700; letter-spacing: .1rem; width: 7.5rem; height: 7.5rem;}
.header_sec.fixed .nav_top .navbar-brand{left: 50%; top: -2.6rem; background: transparent; width: 6rem; height: 9rem;}
.header_sec.fixed .nav_top .navbar-brand::before{display: none;}
.header_sec.fixed .nav_top .navbar-brand::after{display: none;}
.header_sec.fixed .nav_top .navbar-brand img {width: 8rem;}


/* .header_info{background: var(--white); padding: 3rem 2rem; position: relative; border-bottom-left-radius: .8rem; border-bottom-right-radius: .8rem; border: .1rem solid var(--background);} */
/* .header_info::before{position: absolute; content: '';
    left: 15px;
    right: 15px;
    bottom: -13px;
    background: rgb(255 255 255 / 15%);
    height: 13px;
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem;
  } */
.header_sec .container-fluid{padding: 0 0;}
.header_top{border-bottom: .1rem solid #eee; padding: 1rem 9rem;}
.header_top .d-flex{justify-content: space-between; align-items: center;}
.ph_flex{color: var(--black);}
.ph_flex:hover{color: var(--brand);}
.ph_flex .d-flex {align-items: center;}
.call_img img{margin-right: 1rem; color: var(--brand); width: 3.5rem;}
.call_txt{position: relative;}
.ph_flex em{display: block; font-size: 1.4rem; line-height: 1.4rem; padding-bottom: .2rem; color: var(--black);}
.nav_top .navbar-brand{position: absolute; left: 50%; top: -8rem; background: var(--white); transform: translateX(-50%);}
.nav_top .navbar-brand::before{content: url(../images/he_shape.png); position: absolute; left: -5rem; top: 55%; transform: translateY(-56%); background-color: var(--white);}
.nav_top .navbar-brand::after{content: url(../images/he_shape2.png); position: absolute; right: -4rem; top: 55%; transform: translateY(-54%); background-color: var(--white); z-index: -1;}
.nav_top .navbar-brand span{font-size: 2.5rem; color: var(--white); font-weight: 800; letter-spacing: .2rem; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border: .1rem solid var(--snd_brand); border-radius: 100%; width: 11rem; height: 11rem; position: relative; background: var(--snd_brand);}
/* .nav_top img{width: 12rem;} */



   
/*banner*/  
.bannersec{width: 100%; position: relative;}
.banner_box{padding: 35rem 0; position: relative;}
/* .banner_box::before{height: 100%; width: 100%; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.4); opacity: 0.4; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; content: "";} */
.banner_txt{position: relative; z-index: 2;}
.b_txt{position: relative; font-size: 2rem; letter-spacing: .1rem; font-weight: 600; color: var(--black); text-transform: capitalize; line-height: 3rem;}
.b_lt_bar{margin-right: 3rem; width: 6rem; display: inline-block; height: .2rem; background: var(--bg_color); vertical-align: middle; text-align: center;}
.b_rt_bar{margin-left: 3rem; width: 6rem; display: inline-block; height: .2rem; background: var(--bg_color); vertical-align: middle; text-align: center;} 
.banner_txt strong{width: 100%; display: inline-block; font-size: 5rem; line-height: 6rem; text-transform: uppercase; padding-top: 2rem; letter-spacing: .5rem; color: var(--white); font-family: 'Volkhov';}
.highlight_text{display: flex; max-width: fit-content; padding: .5rem 1.5rem .5rem .5rem; align-items: center; column-gap: .9rem; background: rgba(56, 182, 255, 0.7); border-radius: 3rem; color: var(--white); margin: 0 auto 2rem auto; text-transform: capitalize;}
.highlighted{color: var(--white); padding: .4rem 1rem; border-radius: 2.5rem; font-weight: 500; font-size: 1.3rem; line-height: 1.7rem; background: var(--snd_brand);}
/* .banner_box .container-fluid{padding: 0 9rem;} */
.banner_txt p{color: rgba(255, 255, 255, .9);}
/* .banner_box::after{height: 100%; width: 100%; right: -22rem; bottom: 0; position: absolute; background: url(../images/brush.png)no-repeat right center; opacity: 0.4; content: ""; transform: rotateZ(45deg);} */
.bannersec .carousel-control-prev, .bannersec .carousel-control-next{bottom: inherit; top: 50%; opacity: 1; right: 0; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); width: 9%;}
.bannersec .carousel-control-prev{right: 0; left: inherit; margin-top: 8rem;}
.bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon{width: 6rem; height: 6rem; border: .1rem solid var(--white); border-radius: 100%; background: transparent; display: flex; align-items: center; justify-content: center;}
.bannersec .carousel-control-prev-icon::before, .bannersec .carousel-control-next-icon::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--white); font-size: 3rem;}
.bannersec .carousel-control-next-icon::before{content: "\f061";}



/* .banner_frm_sec */
.banner_frm{margin-top: -11rem; position: relative;}
/* .banner_frm_content{box-shadow: 0 0 2rem .3rem rgba(0, 0, 0, 0.05); padding: 2rem 2rem .5rem 2rem; background: var(--white);  position: relative; z-index: 1; border-radius: .5rem;} */
/* .banner_frm_content{background: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); background-color: #f1f1f161; box-shadow: 0px 6px 100px rgba(21, 29, 53, 0.12); padding: 2rem 2rem .5rem 2rem; border-radius: .5rem;} */
.banner_frm_content{background: rgba(255,255,255,0.5); background: var(--white); box-shadow: 0px 6px 100px rgba(21, 29, 53, 0.12); padding: 2rem 2rem .5rem 2rem; border-radius: .5rem;}
/* .ban_frm_row{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -.5rem;}
.ban_frm_box{width: 16.66666667%; padding: 0 .5rem;} */
/* .banner_para{color: rgba(255,255,255,.7); text-align: left; position: relative; font-size: 1.8rem;} */
.frm_label_txt{color: var(--black); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative;}
.banner_content{position: relative;}

.banner_frm .input_fld input[type="date"]{background: var(--white);} 



/* 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;}
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 1.5rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}
.quantity_box{width: 100%; display: inline-block; border: .1rem solid #b6b5b5; overflow: hidden; border-radius: 1rem;}
.quantity_box .quantity{ position: relative; margin: auto;}
.quantity_box .quantity-nav {line-height: 5rem;}
.quantity_box .quantity-button {background: var(--white); color: #464646;  width: 3.3rem; height: 5rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0;}
.quantity_box .quantity-up {left: 0; border-right: .1rem solid #b6b5b5;}
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before{content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.5rem;}
.quantity_box .quantity-down {right: 0; border-left: .1rem solid #b6b5b5;}
.quantity_box .quantity-down::before{content: "\f068";}
.quantity input[type="number"]{outline: none;  color: #464646; height: 4rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem;}


/* hotel_info */
/* .hotel_info{background: var(--white); position: relative; z-index: 2;} */
.hotel_info_img img{width: 7rem; padding: 1rem 0 0 1rem;}
.hotel_info_box{position: relative;}
.hotel_info_box{margin-top: 2rem;}
.hotel_info_img{position: relative; width: 15rem;  margin: 0 auto .5rem auto; display: flex; align-items: center; justify-content: center; position: relative;}
.hotel_info_img::before{position: absolute; content: ''; left: 100%; top: 50%; width: 95%; height: .2rem; margin-top: -.1rem; background: var(--background);}
.hotel_info_img::after{position: absolute; content: ''; left: 155%; top: 55%; width: 100%; height: .2rem; margin-top: -.1rem; background: var(--background);}
.hotel_info .collum:last-child .hotel_info_img::before{display: none;}
.hotel_info .collum:last-child .hotel_info_img::after{display: none;}
/* .hotel_info_box h3{margin-top: 2rem;} */
.hotel_info_box p{padding: 0 1rem;}
.hotel_info .heding::before{left: 35%;}
.hotel_info .heding{padding-left: 0;}
/* .hotel_info_img{position: relative;} */
.hotel_info{position: relative;}
.hotel_info_shape{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.img_bg_shape{position: relative; z-index: 1;}
.img_bg_shape::before{width: 6rem; height: 6rem; background: #209eff;  position: absolute; left: 0; top: 0; content: ""; z-index: -1; opacity: .1; border-radius: 100%;}
.doc_img_bg_shape::before{background: #17cdb9;}
.wifi_img_bg_shape::before{background: #ff9446;}







/* about_sec */
.ab_txt{position: relative; padding: 13rem 4rem; background: #f1f3f6; margin-right: -2rem; z-index: 5; margin-top: 8rem;}
.ab_txt::before{position: absolute; content: ''; top: -1rem; right: -1rem; bottom: -1rem; left: -1rem; background: rgba(255,255,255,0.28); z-index: -1;}
.ab_img{position: relative; overflow: hidden; display: inline-block; margin-left: -13rem;}
.ab_img::before{position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(-25deg); opacity: 0;}
.ab_img:hover::before{-webkit-animation: shine 1s; animation: shine 1s; opacity: 1;}
.ab_img img{border-radius: .5rem;}
.ab_btn{position: absolute; right: 1rem; bottom: 1rem;}




/* room_sec */
/* .room_box{width: 100%; position: relative; border-radius: .8rem; margin-top: 3rem; transition: .3s ease-out; box-shadow: 0 .5rem 2rem 0 rgba(19.99999999999997, 12.000000000000002, 83.99999999999999, 0.07);} */
.room_img_box{position: relative; overflow: hidden; border-radius: .6rem;}
/* .room_txt_box{padding: 1rem 1.5rem; position: absolute; bottom: 0; left: 0; z-index: 4; width: 100%;} */
.room_txt_box h3 a{color: var(--black);}
.room_txt_box h3{font-size: 2.2rem; line-height: 3.2rem; font-weight: 600; text-transform: capitalize; margin-top: 3rem; border-top: .1rem dashed #ccc; padding-top: 2rem;}
.room_img_box .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center;}
.room_img_box .owl-prev::before, .room_img_box .owl-next::before{font: normal 1.8rem/3rem FontAwesome; line-height: 3rem;  color: var(--white) !important; content: "\f104"; background: var(--brand); border-radius: .2rem; width: 4rem; height: 4rem; display: inline-flex; justify-content: center; align-items: center;}
.room_img_box .owl-next:before{content: "\f105";}
.room_img_box .owl-carousel .owl-nav .owl-prev{position: absolute; right: 5.3rem; top: 2rem;}
.room_img_box .owl-carousel .owl-nav .owl-next{position: absolute; right: 1rem; top: 2rem;}
.room_img{position: relative;}
/* .room_sec .row{text-align: left;} */
.room_icon{display: flex; flex-wrap: wrap; margin: 0 -.5rem; justify-content: center;}
.room_icon li{display: inline-block; padding: 0 .5rem; text-align: center; text-transform: capitalize; color: var(--black); font-size: 1.5rem; width: 50%;}
.room_icon li span{display: block; padding: .4rem .5rem; border-radius: .2rem; margin-top: .5rem; background: rgba(56, 182, 255,0.1);}
.room_icon li:last-child{margin-right: 0;}
/* .room_icon li img{width: 2.5rem;} */
.room_icon li b{color: var(--brand); margin-right: .5rem;}
.room_icon li i{padding-right: .2rem;}
/* .room_icon{margin-top: 1rem;} */
/* .room_sec_btn{position: relative; margin-top: 4rem;}
.room_click{padding: .5rem 2rem; display: inline-block; background-color: var(--white) !important;}
.room_sec_btn::after{content: ''; position: absolute; left: 0; top: 50%; height: .1rem; width: 100%; background: rgba(178,178,178,0.5); z-index: -1;}
.room_sec_btn .as_btn{font-size: 1.4rem; padding: 0 1rem; margin-top: 0; border: transparent;} */
/* .room_sec .heding::before{left: 39%;}
.room_sec .heding{padding-left: 0;} */
/* .room_sec h2{color: var(--white);} */
/* .room_img img{height: 40rem; object-fit: cover; position: relative;} */
/* .room_img{position: relative;} */
/* .room_img::before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1;} */
/* .room_sec{background: var(--white);} */
/* .room_box:hover .room_txt_box h3 a{color: var(--brand);} */
.room_box .as_btn{background: transparent; border: .1rem solid rgb(193 193 193 / 20%); color: var(--brand) !important;}
.room_box .as_btn:hover{background: transparent; border: .1rem solid rgb(193 193 193 / 20%); color: var(--white) !important;}

.room_txt_box{padding: 1.5rem 0;}
.room_box{width: 100%; position: relative; border-radius: .8rem; margin-top: 3rem; transition: .3s ease-out; background: var(--white); box-shadow: 0 0 3rem -.1rem rgba(0,0,0,.08); padding: 1.5rem 1.5rem;}

/* .room_icon{
    margin-top: -20px;
    position: relative;
    z-index: 9;
    margin-bottom: 30px; gap: 25px;
    justify-content: center;
    background: #1c171d;
    box-shadow: 0 0 30px -1px rgba(0,0,0,.08);
    border-radius: 36px;
    display: flex;
    align-items: center;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
  } */
/* .room_icon{position: relative; background: var(--brand); border-radius: 1rem; text-align: center; padding: .6rem 0; z-index: 3;  margin: 0 auto auto;} */
.room_img.portfolio_box img{height: auto;}






/* counter_sec */
.counter_box{width: 100%; text-align: center;}
.counter_box strong{color: var(--brand); font-weight: 800; font-size: 5rem; line-height: 6rem;}
.counter_box span{text-transform: capitalize; font-size: 2rem; display: block; padding-top: 1rem; line-height: 3rem;}
.counter_box{margin-top: 3rem;}
.counter_box sup{color: var(--brand); top: -2.5rem; font-size: 2.5rem;}
.count_lt{margin-right: 2rem; position: relative;}
/* .counter_sec{margin-top: 2rem;} */
/* .count_lt h2{color: var(--white);} */
.count_lt p{color: rgba(255, 255, 255, 0.6);}
.of_shape{width: 22rem; height: 22rem; border-radius: 100%; display: flex; justify-content: center; text-align: center; align-items: center; margin-top: 1rem;}
.of_shape h4 span{width: 100%; display: inline-block; font-size: 5rem; line-height: 6rem; color: var(--white);}
.of_shape h4{font-size: 1.7rem; line-height: 2.7rem; color: var(--white);}

.room_sec_btn{position: relative; margin-top: 5rem;}
.room_sec_btn::after{content: ''; position: absolute; right: 0; top: 50%; height: .1rem; width: 40%; border: .1rem dashed var(--brand); z-index: -1;}
.room_sec_btn::before{content: ''; position: absolute; left: 0; top: 50%; height: .1rem; width: 40%; border: .1rem dashed var(--brand); z-index: -1;}

/* .room_sec_btn_txt{padding: 0 2rem; display: inline-block; background-color: var(--white); font-size: 1.7rem; text-transform: capitalize;} */
.room_sec_btn_txt .as_btn{padding: 0 2rem; z-index: 0; background: transparent; color: var(--brand) !important; margin-top: 0;}
.room_sec_btn_txt .as_btn:hover::before{display: none;}
.room_sec_btn_txt .as_btn:hover{color: var(--snd_brand) !important;}





/* home_call */
.home_cl_box{padding: 1rem; border-radius: .6rem;}
.home_cl_txt{border-radius: 15px; text-align: center; padding: 16rem 2rem 2rem 2rem; position: relative; z-index: 2; overflow: hidden;}
.home_cl_txt::after{position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(360deg, var(--brand) 0%, rgba(0,0,0,0.1729400291871489) 80%); z-index: -1; border-radius: 0 0 .6rem .6rem;}
.home_cl_img{width: 4.5rem; height: 4.5rem; background: var(--white); box-shadow: 0 1rem 6rem 0 rgba(0,0,0,.1); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto .5rem auto;}
.home_cl_img img{width: 3rem;}
.home_cl_txt ul li a{color: var(--white); font-size: 1.8rem; font-weight: 800;}
.home_cl_txt span{width: 100%; display: inline-block; text-transform: uppercase; color: var(--black); font-weight: 600; margin-top: 1.5rem;}
.home_cl_tx_snd h4{padding-bottom: 1rem;}
.home_call .row{align-items: center;}
.home_cl_tx_snd{padding-left: 2.5rem;}
.home_cl_shape{text-align: center; animation: messageMove 3s linear 0s infinite;}
.home_cl_tx_snd .as_btn{text-transform: none;}



/* room_amenities */
.room_amenities{background: var(--white);}
.room_am_box{padding: 4rem 3rem; background: var(--white); box-shadow: 0 1rem 6rem 0 rgba(0,0,0,.1); margin-top: 3rem; border-radius: .5rem;}
.room_am_img{position: relative; margin-bottom: .5rem;}
.room_am_img img{position: relative; z-index: 1; width: 6rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* .room_am_img::after{content: ''; position: absolute; width: 14rem; height: 6rem; left: -3rem; top: 0; background-image: linear-gradient(to right,#faf5ef,#fff);} */
.room_am_box:hover .room_am_img img{-webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite;}
.room_am_img::after{content: ""; position: absolute; left: -2rem; top: -2rem; width: 5.4rem; height: 5.4rem; border-radius: 100%; background: var(--brand); opacity: .1;}




/* feed_back_sec */
.persom_img img{width: 5rem !important; height: 5rem; border-radius: 100%; margin-right: 1.5rem; object-fit: cover;}
.person_dtls{border-top: .1rem dashed #ccc; padding-top: 1.5rem; margin-top: 2rem; align-items: center;}
.fed_back_box{background: var(--white); padding: 3rem 2rem; border-radius: .5rem; margin-top: 3rem; border: .1rem solid #eee; position: relative; transition: .35s;}
.fed_back_box:hover{border-color: var(--brand);}
.fed_back_box h3{margin-bottom: 2rem;}
.persom_txt h6{font-size: 1.6rem;}
.quote{position: absolute; top: -2rem; left: -2rem; width: 5rem; height: 5rem;}
.feed_back .item{text-align: left; padding-left: 2rem;}
.feed_back_sec .heding{padding-left: 0;}
.feed_back_sec .heding::before{left: 40%;}
.feed_back_sec .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; top: -4rem; right: 2rem; display: none;}
.feed_back_sec .owl-prev:before, .feed_back_sec .owl-next:before{font: normal 1.8rem/3rem FontAwesome; color: var(--brand); content: "\f104"; line-height: 2.6rem;}
.feed_back_sec .owl-next:before{content: "\f105";}
.feed_back_sec .owl-dots{display: none;}
.feed_back_sec .owl-prev{border: .1rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: 5rem; border-radius: 100%; margin: .4rem; position: absolute; font-size: 0; left: 0; bottom: -6rem; background: var(--white);}
.feed_back_sec .owl-next{border: .1rem solid var(--brand); width: 3rem; height: 3rem; background: none; border-radius: 5rem; border-radius: 100%; position: absolute; right: 0; bottom: -6rem; background: var(--white); font-size: 0;}
.feed_back_ft{position: relative; margin: 3rem 3rem 0;}
.feed_back_ft::after{content: ''; position: absolute; left: 0; top: 50%; height: .1rem; width: 100%; border: .1rem dashed var(--brand); z-index: -1;}
.feed_back_ft_txt{padding: 0 2rem; display: inline-block; background-color: var(--white); font-size: 1.7rem; text-transform: capitalize;}
.feed_back_sec{position: relative;}
.feed_back_shape{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}



/*footer_sec*/
.footer_sec{background: #1c171d;}
.footer_top{padding: 4rem 0; overflow: hidden;}
.ft_heding{width: 100%; display: inline-block; color: var(--brand); margin-bottom: 3rem; padding-bottom: 1rem; position: relative; font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; letter-spacing: .1rem; font-family: 'Volkhov';}
.ft_heding::before{width: 6rem; height: .2rem; background-color: var(--brand); left: 0; bottom: 0; content: ""; position: absolute;}
.ft_heding::after{width: .5rem; height: .5rem; outline: .4rem solid var(--brand); border-radius: 100%; background-color: var(--white); left: 0; bottom: -.1rem; animation: leftToRight infinite 5s linear; content: ""; position: absolute;}
.footer_top .collum:nth-child(2) .ft_box{ max-width: 30rem; margin: 0 auto; border: .1rem solid rgba(52,48,53,.5); border-radius: 0 0 20rem 20rem; padding: 4rem 2rem 6rem; position: relative; margin-top: 5rem; text-align: center;}
.dot1{width: 2rem; height: 2rem; border-radius: 100%; border: .1rem solid var(--brand); background: #343035; display: inline-block; position: absolute; left: 2rem; top: -1rem;}
.dot2{width: 2rem; height: 2rem; border-radius: 100%; border: .1rem solid var(--brand); background: #343035; display: inline-block; position: absolute; right: 2rem; top: -1rem;}
.dot1::before{content: url(../images/ft__shape.png); position: absolute; bottom: 1rem; left: -.4rem;}
.dot2::before{content: url(../images/ft__shape.png); position: absolute; bottom: 1rem; left: 0;}
.ft_box{padding-top: 3rem; position: relative;}
.ft_logo{font-size: 2.5rem; color: var(--white); font-weight: 800; letter-spacing: .2rem; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border: .1rem solid var(--brand); border-radius: 100%; width: 11rem; height: 11rem; position: relative; background: var(--brand); margin: 0 auto;}
.ft_border{width: .6rem; height: .6rem; background: var(--brand); transform: rotate(-45deg); display: inline-block; position: relative;}
.ft_border::before{content: ""; width: 8rem; height: .1rem; background-color: var(--brand); position: absolute; left: -7.5rem; top: -3.5rem; transform: rotate(45deg);}
.ft_border::after{content: ""; width: 8rem; height: .1rem; background-color: var(--brand); position: absolute;  right: -7.5rem; top: 4rem; transform: rotate(45deg);}
.footer_top .collum:nth-child(2) .ft_box h3{color: rgba(255, 255, 255, .7); padding: 2rem 0;}
.footer_top .collum:last-child .ft_box{padding-left: 3rem;}
.ft_info li{position: relative; padding-left: 5rem; margin-bottom: 3rem;}
.ft_info li a, .ft_info li span{color: rgba(255, 255, 255, .8);}
.ft_info li a:hover{color: var(--white);}
.ft_info li img{position: absolute; left: 0; top: .3rem; color: var(--white); width: 3rem;}
.ft_middle{border-top: .1rem solid rgba(52,48,53,.5); padding: 2rem 0; text-align: center;}
.ft_middle_box ul li{display: inline-block; margin-right: 2rem; text-transform: capitalize; letter-spacing: .1rem;}
.ft_middle_box ul li:last-child{margin-right: 0;}
.ft_middle_box ul li a{color: rgba(255, 255, 255, .7);}
.ft_middle_box ul li a:hover{color: var(--white);}
.ft_icon{margin-top: 2rem;}
.ft_icon li{display: inline-block; margin-right: 1rem;}
.ft_icon li:last-child{margin-right: 0;}
.ft_icon li a{width: 3rem; height: 3rem; border-radius: 100%; border: .1rem solid rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5); display: inline-flex; align-items: center; justify-content: center;}
.ft_icon li a:hover{border: .1rem solid rgba(255, 255, 255, .9); color: rgba(255, 255, 255, .9);}

.footer_bootom{padding: 1rem 0; position: relative; border-top: .1rem solid rgba(52,48,53,.5);}
.footer_bootom .d-flex{justify-content: space-between;}
.footer_bootom a{color: var(--yellow); text-transform: capitalize;}
.footer_bootom p{color: var(--white);}
.footer_bootom p a:hover{color: var(--white);}
.footer_bootom a img{width: 10rem;}











/* inner_banner */
/* .inner_banner .banner_img{display: none;} */
.inner_banner .banner_box::after{display: none;}
.inner_banner .banner_box{padding: 15rem 0;}
/* .inner_banner .banner_txt h1{text-transform: uppercase; letter-spacing: .4rem; -webkit-text-stroke: .1rem var(--white); -webkit-text-fill-color: rgba(255, 255, 255, 0.5);} */





/* portfolio_page */
.portfolio_box{position: relative; margin-top: 1rem; overflow: hidden;}
.portfolio_box img{height: auto !important; object-fit: cover; border-radius: .8rem;}
/* .portfolio_img img{height: 60rem !important; object-fit: cover;} */
/* .our_portfolio .row:nth-child(2n){flex-direction: row-reverse;} */
.portfolio_content{position: absolute; width: auto; bottom: 0; left: 0;}
.portfolio_info{position: absolute; bottom: 2rem; left: 2rem; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9;}
/* .portfolio_subtitle{font-size: 1.4rem; color: var(--white); margin-bottom: .7rem; letter-spacing: .1rem; text-transform: uppercase;}
.portfolio_subtitle span{color: var(--white);} */
/* .portfolio_title{color: var(--white); font-size: 3rem;}
.portfolio_title a{color: var(--white);} */
.portfolio_content:hover::before{opacity: 0.9; visibility: visible;}
.portfolio_content:hover .portfolio_info{opacity: 1; visibility: visible; bottom: 4.5rem;}
/* .portfolio_subtitle span img{width: 2rem !important; height: auto !important; margin-right: 1rem;} */
.portfolio_link{position: relative; color: var(--white) !important; width: 5rem; height: 5rem; border-radius: 100%; display: inline-flex; background-color: var(--brand); opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); align-items: center; justify-content: center; left: 2rem; bottom: 2rem; z-index: 1; transform: translateY(-50%) rotate(135deg); font-size: 3rem;}
.portfolio_box:hover .portfolio_link{opacity: 1; transition: all 500ms ease 500ms; -webkit-transition: all 500ms ease 500ms; -ms-transition: all 500ms ease 500ms; -o-transition: all 500ms ease 500ms; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.portfolio_box::before{content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; opacity: 0; background: rgb(14 24 36 / 70%); -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); border-radius: .8rem 0 0 .8rem;}
.portfolio_box::after{content: ''; position: absolute; right: 0; top: 0; width: 50%; height: 100%; opacity: 0; background: rgb(13 23 35 / 70%); -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); border-radius: 0 .8rem .8rem 0;}
.portfolio_box:hover::before{opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); border-radius: .8rem 0 0 .8rem;}
.portfolio_box:hover::after{opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); border-radius: 0 .8rem .8rem 0;}
.our_portfolio{position: relative; overflow: hidden; background-image: linear-gradient(rgba(60,170,159,.1),rgba(60,170,159,.1)),url(../images/bg_7.png); width: 100%; background-repeat: no-repeat; background-size: cover;}




/* contact_page */
.map_sec iframe{width: 100%; height: 40rem;}
/* .contact_form{padding: 3rem 3rem; border-radius: .6rem;} */
.contact_form{background-image: linear-gradient(rgba(60,170,159,.1),rgba(60,170,159,.1)),url(../images/bg_7.png); width: 100%; background-size: cover; background-repeat: no-repeat; padding: 3rem 3rem; border-radius: .6rem;}
.contact_txt{padding: 3rem 0 0 3rem;}
/* .contact_txt h2{color: var(--white);} */
.contact_box li{position: relative; display: flex; align-items: center; margin-top: 2.5rem;}
.contact_box li .contact_icon{height: 6rem; width: 6rem; background: var(--background); display: flex; align-items: center; justify-content: center; margin-right: 2rem; border-radius: .4rem; color: var(--brand); font-size: 2.5rem;}
.contact_box .contact_info b{width: 100%; display: inline-block; margin-bottom: .4rem; color: var(--black);}
.contact_box .contact_info a{color: var(--black); font-size: 1.7rem;}




/* about_page */
.inner_ab{background: var(--white);}
.inner_ab_box_fst{padding-right: 2rem;}
.inner_ab_box img{border-radius: .5rem;}
/* .ab_room{position: relative !important; background: #eae7e7; overflow: hidden !important; } */
.ab_room{position: relative; overflow: hidden; background-image: linear-gradient(rgba(60,170,159,.1),rgba(60,170,159,.1)),url(../images/bg_6.png); width: 100%; background-repeat: no-repeat; background-size: cover;}

.ab_room_img{position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.ab_room .row{align-items: center;}
.ab_room_icon{margin-top: 1.5rem;}
.ab_room_icon li{display: inline-flex; margin-right: 2rem; text-transform: capitalize; align-items: center;}
.ab_room_icon li:last-child{margin-right: 0;}
.ab_room_icon li img{width: 3rem; margin-right: 1rem;}
.ab_room_info span{font-size: 10rem; color: var(--brand); font-weight: 700; width: 100%; display: inline-block; margin-right: 3rem;}
.ab_room_info{padding: 4rem 4rem; border-bottom: .1rem solid #d2c8c8;}
.ab_room_info:last-child{border-bottom: none;}
.ab_room_txt{border: .1rem solid #d2c8c8; border-left: 0; margin-left: -.6rem; position: relative;}
.ab_room_box_snd{position: relative;}
.curve_text{text-transform: uppercase; position: absolute; bottom: 20rem; transform: rotate( -90deg) translateX(0) translateY(0); transform-origin: bottom right; width: max-content; letter-spacing: .2rem; color: var(--brand); font-weight: 600; right: -4rem;}
.curve_text a{color: var(--brand);}
.curve_text a:hover{color: var(--black);}
.curve_text::before{position: absolute; content: ''; top: 1.1rem; right: -4.5rem; width: 4rem; height: .1rem; background: var(--brand);}
.curve_text:hover:before{background: var(--black);}





/* 404_page */
.error_page_info strong{font-size: 22rem; font-weight: 600; line-height: 23rem; color: var(--brand); position: relative; z-index: 1; margin-bottom: 1.5rem; text-shadow: .7rem .5rem 0 rgba(255, 255, 255, 0.3); letter-spacing: .1rem; width: 100%; display: inline-block;}
/* .error_page_info{background: rgba(255, 255, 255, 0.6); margin: 0 18rem; padding: 1rem 0 5rem; border-radius: .6rem; position: relative;} */
/* .error_page_info p{color: var(--white);}
.error_page_info h4{color: var(--white);} */



/* policy_page */
.faq_box h3{color: var(--black);}
.faq_box .accordion-button{background: #f9f9f9; padding: 1.5rem; border-radius: .5rem !important; overflow: hidden;}
.faq_box .accordion-item{border-color: transparent; margin-top: 1rem; text-align: left;}
.faq_box .accordion-button:not(.collapsed) {box-shadow: none; color: var(--brand); background: var(--brand);}
.faq_box .accordion-button:not(.collapsed) h4{color: var(--white);}
.faq_box .accordion-body{padding: 1.5rem;}
.faq_box .accordion-button h4{font-size: 1.7rem; line-height: 2.7rem; color: var(--black); padding-right: 1rem;}
.faq_box .accordion-button:not(.collapsed)::after, .faq_box .accordion-button::after {background-image: none; content: "\f067"; font: normal 14px/1 FontAwesome; color: var(--brand); position: absolute; right: 2rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.faq_box .accordion-button:not(.collapsed)::after{content: "\f068"; color: var(--white);}
.faq_box .accordion-button:focus{border-color: var(--green); box-shadow: 0 0 0 .2rem var(--green);}
.faq_box{background: var(--white); box-shadow: 0 0 4rem 0 rgba(0,0,0,.1); padding: 3rem 3rem; border-radius: .8rem; text-align: left;}
.faq_box .accordion-body h4{font-size: 1.8rem; line-height: 2.8rem;}


/* room_page */
.inner_rooms .room_icon li {width: 33.333%;}
.rom_amti img{width: 2.5rem; margin-right: .5rem;}
.rom_txt{text-transform: capitalize; font-size: 1.4rem; color: var(--black); font-weight: 600;}
.amni_flex{align-items: center; background: var(--white); padding: .5rem .8rem; box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2);  border-radius: .5rem;}
.rm_ami_list{margin-top: 1rem;}
.rm_ami_list li{margin: 1rem 1rem 0 0; display: inline-block;}


.inner_banner_txt{background: rgba(255,255,255,0.8); max-width: 30rem; margin: 0 auto; padding: 1rem 0; border-radius: 6.5rem;}
.inner_banner_txt h1{color: var(--black);}
.ft_logo img{width: 12rem;}

/* error_page */
.crro_box{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%;}


/* gallery_page */
.inner_gallery .portfolio_content{position: absolute; width: auto; bottom: inherit; left: inherit; top: 0; height: 100%; right: 0;}
.inner_gallery .portfolio_link{left: inherit; right: 2rem; top: 2rem;  bottom: inherit;}
.inner_gallery .row{margin: 0 -.5rem;}
.inner_gallery .collum{padding: 0 .5rem;}

.inner_ab_box .as_btn {margin-top: 2.5rem;}

.banner_frm .input_fld input[type="date"]{height: 4rem;}
.banner_frm .as_btn{height: 4rem; line-height: 4rem;} 
.feed_back .owl-item{padding:.5rem;}














@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: 1799px) {
    .banner_box {padding: 33rem 0;}
}
@media only screen and (max-width: 1699px) {
    .banner_box {padding: 29rem 0;}
}
@media only screen and (max-width: 1499px) {
    .banner_box {padding: 25rem 0;}
    .bannersec .carousel-control-prev, .bannersec .carousel-control-next {top: 42%;}

}
@media only screen and (max-width: 1400px){
    .header_sec .container{padding: 0 2rem;}
    /* .banner_frm_content{margin-top: 0;} */
    .banner_img{width: 50%;}
    /* .banner_txt{padding-left: 2rem;} */
    /* .banner_txt strong{font-size: 4rem; line-height: 5rem; padding-top: 1.5rem;} */
    .banner_box::after{height: 46rem;}
    /* .banner_box{padding: 20rem 0 10rem 0;} */
    .hotel_info .heding::before{left: 33%;}
    .ab_img{margin-left: -7rem;}
    .ab_txt{padding: 8rem 2rem; margin-top: 6rem;}
    .room_sec .heding::before{left: 38%;}
    /* .bannersec .carousel-control-next{right: -3rem !important;}
    .bannersec .carousel-control-prev{right: 3rem !important;} */
    .header_top{padding: 1rem 4rem;}
    .header_info{padding: 3rem 4rem;}
    /* .banner_box{padding: 35rem 0;} */
    .feed_back_sec .heding::before{left: 39%;}


    /* contact_page */
    .contact_form{padding: 3rem 2rem;} 
    .contact_sec h2{font-size: 3rem; line-height: 4rem;} 
    
    /*----------------------------------------------------------------------------------7-5-24--------------------------------------------------*/
    .bannersec .carousel-control-prev {margin-top: 5rem;}
    .bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon {width: 4rem; height: 4rem;}
    .bannersec .carousel-control-prev-icon::before, .bannersec .carousel-control-next-icon::before {font-size: 2rem;}


}

@media only screen and (max-width: 1399px){
    .banner_box {padding: 19rem 0;}
    .banner_frm .as_btn {padding: 0 2rem;}
    .nav_top .navbar-brand img {width: 10rem;}
    .nav_top .navbar-brand::before, .nav_top .navbar-brand::after  {top: 61%;}
    .nav_top .navbar-brand {top: -7rem;}
    .header_info {padding: 2rem 4rem;}
    .menu_sec li {font-size: 1.6rem;}
    .header_lt_button {top: -1.2rem;}
    
    
    
}

@media only screen and (max-width: 1200px){
    .banner_txt strong{font-size: 3.8rem; line-height: 4.8rem; padding-top: 1rem;}
    /* .room_sec .heding::before{left: 35%;} */
    /* .container{max-width: 100%; padding: 0 3rem;} */
    /* .ab_img{margin-left: -4rem;} */
    .menu_sec{padding-right: 15rem;}
    /* .bannersec .carousel-control-next{right: -2.5rem !important;} */


    /* about_page */
    .ab_room_info{padding: 3rem 2rem;}
    .curve_text{right: -3rem;}
    .ab_room_info span{font-size: 9rem; margin-right: 2rem;}
    .ab_room_icon{margin-top: 1rem;}


}

@media only screen and (max-width: 1199px){
    .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(--black); 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;}

    .nav_top .navbar-collapse.show{left: 0;}
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: #fff; z-index: 999999; width: 20.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; border-right: .5rem solid var(--brand);}
    
    .menu_sec li {font-weight: 400; font-size: 1.5rem;}


    /* .header_lt_button{top: -0.5rem;} */
    .menu_sec li a{padding: 1.5rem; width: 100%; border-bottom: .1rem dashed #ccc;}
    .menu_sec{padding-right: 0;}

    .banner_img{width: 45%;}
    /* .banner_txt{padding-left: 1.5rem;} */
    .banner_txt strong{font-size: 3.1rem; line-height: 4.1rem;}
    /* .banner_box::after{width: 53rem; height: 40rem;} */
    /* .banner_box::before{top: -23rem; right: 53rem; width: 50rem;} */
    .banner_box{padding: 25rem 0 12rem 0;}
    .hotel_info .heding::before{left: 30%;}
    .hotel_info_box p{padding: 0;}
    h1, h2{font-size: 3rem; line-height: 4rem;}
    .ab_txt{padding: 3rem 1.2rem 8rem 1.2rem; margin-top: 5rem;}
    .room_txt_box h3{font-size: 2rem; line-height: 2.5rem;}
    .footer_top .collum:nth-child(2) .ft_top_txt{padding-left: 2rem;}
    .footer_top .collum:nth-child(2) .ft_middle{padding-left: 2rem;}
    .fed_back_box{padding: 3rem 2rem;}
    /* .hotel_info_img{width: 12rem; height: 12rem;} */
    .room_sec .heding::before{left: 36%;}
    .header_top{padding: 1rem 3rem;}
    .header_info{padding: 1rem 3rem;}
    /* .nav_top .navbar-brand{top: -7rem; left: 45%;} */
    .nav_top .navbar-brand{position: inherit; left: inherit; top: inherit; transform: inherit;}    
    .nav_top .navbar-brand::before{display: none;}
    .nav_top .navbar-brand::after{display: none;}
    .header_lt_button{right: 4rem; top: 1.6rem;}
    .nav_top .navbar-brand span{font-size: 2rem; width: 8rem; height: 8rem;}
    .header_sec.fixed .nav_top .navbar-brand{ position: inherit; left: 0; top: 0;}
    .room_icon{width: 100%;}
    .room_box{padding: 1rem 1rem;}
    /* .room_txt_box{padding: 0 .5rem .5rem;} */
    .room_sec_btn::before{width: 37%;}
    .room_sec_btn::after{width: 37%;}
    .banner_frm_content{padding: 2.5rem 2rem 1rem 2rem;}
    .counter_box strong{font-size: 4rem; line-height: 5rem;}
    .home_cl_tx_snd{padding-left: 1rem;}
    .home_cl_shape img{width: 17rem;}


    /* about_page */
    .ab_room_info span{font-size: 8rem; margin-right: 1rem;}
    .ab_room_info{padding: 3rem 1.9rem;}
    .curve_text{bottom: -4rem; transform: inherit; transform-origin: inherit; right: 5rem;}



    /* contact_page */
    .contact_form{padding: 2.5rem 1.5rem;}
    .contact_txt{padding: 2.5rem 0 0 1rem;}
    .map_sec iframe{height: 35rem;}

    .ptb{padding: 6rem 0;}
    .inner_ptb{padding: 3rem 0 6rem;}
    .other_inner_ptb{padding: 5rem 0 6rem;}

    .inner_banner .banner_box {padding: 11rem 0;}

    .banner_frm {margin-top: 3rem; position: relative;}
    .highlight_text{display: none;}
    .frm_label_txt {color: var(--black);}
    .nav_top .navbar-brand img { width: 7rem;}
    .header_lt_button {top: 1rem;}
    .mtt {margin-top: 0;}
    
   
}

@media only screen and (max-width: 991px){    
    /* .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(--black); 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;}

    .nav_top .navbar-collapse.show{left: 0;}
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: #fff; z-index: 999999; width: 20.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; border-right: .5rem solid var(--brand);}
     */


    .banner_img{width: 100%; position: relative; top: auto; right: auto; padding: 9rem 0; margin-top: 2rem; border-radius: .5rem;}
    /* .banner_box{padding: 15rem 0 2rem 0;} */
    .banner_img::before{display: none;}
    .ban_frm_box{width: 50%;}
    .ban_frm_box:last-child{width: 100%;}
    .container{max-width: 100%; padding: 0 1.5rem;}
    .header_sec .container{padding: 0 1.5rem;}
    /* .hotel_info_img{width: 10rem; height: 10rem;} */
    .hotel_info_box h3{margin-top: 1.7rem; font-size: 2.2rem;}
    /* .banner_box::before{top: -33rem; right: -16rem; width: 100%;}
    .banner_box::after{width: 100%; height: 100%; opacity: .6;} */
    .ab_txt{margin-top: 0; margin-right: 0;}
    .ab_img{margin-left: 0; padding-top: 2rem;}
    .hotel_info .heding::before{left: 25%;}
    .room_sec .heding::before{left: 32%;}
    .counter_box span{font-size: 1.9rem;}
    .room_am_box{padding: 3rem 1.3rem; margin-top: 2.5rem;}
    .room_am_img img{width: 5rem;}
    .room_am_img::after{left: -1rem;}
    .room_am_box h3{font-size: 2rem; line-height: 3rem;}
    .fed_back_box h3{padding-left: 4rem; margin-bottom: 2rem; font-size: 2rem; line-height: 3rem;}
    .fed_back_box h3 .quote{font-size: 7rem; top: 1rem;}
    .persom_img img{width: 4.5rem !important; height: 4.5rem;}
    .fed_back_box{padding: 2.5rem 1.5rem;}
    .ft_top_call li{margin-top: 1.5rem; font-size: 1.7rem;}
    .footer_top .collum:nth-child(2) .ft_top_txt{padding-left: 1rem;}
    .footer_top .collum:nth-child(2) .ft_middle{padding-left: 1rem;}
    .footer_middle_location li{align-items: flex-start; justify-content: flex-start; flex-direction: column; padding-bottom: 1rem;}
    .footer_middle_location li img{margin-right: 0; margin-bottom: 1rem;}
    .footer_top .portfolio_box img{height: 15rem;}
    /* .portfolio_link{left: 30%; top: 33%;} */
    .counter_box strong{font-size: 4rem; line-height: 5rem;}
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem;}
    .other_inner_ptb{padding: 4rem 0 5rem;}
    /* .bannersec .carousel-control-next{right: 0 !important;}
    .bannersec .carousel-control-prev{right: 6rem !important;} */
    .banner_frm_content{margin-top: 0; margin: 2rem 0;}
    .home_cl_tx_snd{padding-left: 0; padding-top: 1.5rem;}
    .order-2{order: 2 !important;}
    .footer_top .collum:nth-child(2) .ft_box{margin-top: 3rem;}
    .banner_box::after{display: none;}
    .banner_box{padding: 25rem 0 10rem 0;}


    /* about_page */
    .inner_ab_box_fst{padding-right: 0; padding-bottom: 1rem;}
    .ab_room_img{width: 33%;}
    .ab_room_box_snd{margin-left: -.7rem;}
    /* .curve_text{bottom: -4rem; transform: inherit; transform-origin: inherit; right: 5rem;} */
    .ab_room_icon li img{width: 2rem;}


    /* inner_banner */
    .inner_banner .banner_box{padding: 8rem 0;}

    /* contact_page */
    .contact_txt{padding: 2.5rem 0 0 0;}

    /* policy_page */
    .faq_box{padding: 2rem 2rem;}
    .faq_box .accordion-body{padding: 1rem;}

    /*-----------------------------------------------------------------6-5-24-------------------------------------------------*/
    .bannersec .carousel-control-next{right: 1rem !important;}
    .bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon{width: 4rem; height: 4rem;}
    .bannersec .carousel-control-next, .bannersec .carousel-control-prev{bottom: 5rem; top: inherit; left: inherit; z-index: 4;}
    .bannersec .carousel-control-prev{left: inherit; right: 1rem !important; bottom: 0rem; z-index: 4;}



}

@media only screen and (max-width: 767px){    
    /* .container{max-width: 100%; padding: 0 1.5rem;} */
    .banner_txt strong{font-size: 3rem; line-height: 4rem;}
    .banner_frm_content{padding: 2rem 2rem 1rem 2rem;}
    .hotel_info .heding::before{left: 15%;}
    .hotel_info_img::before{display: none;}
    .hotel_info_img::after{display: none;}
    /* .hotel_info_img{width: 8rem; height: 8rem; font-size: 3rem;} */
    .hotel_info_box h3{margin-top: 1.5rem; font-size: 2rem;}
    h1, h2{font-size: 2.5rem; line-height: 3.5rem;}
    .ab_img{padding-top: 1.5rem;}
    .room_sec .heding::before{left: 25%;}
    .counter_box strong{font-size: 3rem; line-height: 4rem;}
    .room_am_box{margin-top: 2rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem;}
    .other_inner_ptb{padding: 3rem 0 4rem;}
    .fed_back_box h3 .quote{font-size: 6rem; top: -2.5rem;}
    .fed_back_box h3{padding-left: 0; margin-bottom: 1.5rem; font-size: 1.9rem;}
    .persom_img img{width: 4rem !important; height: 4rem;}
    .footer_top .collum:nth-child(2) .ft_top_txt{padding-left: 0;}
    .ft_top_txt{margin-top: 1.5rem;}
    .footer_top .heding{font-size: 1.7rem; line-height: 2.7rem; margin-bottom: 2rem;}
    .footer_top .collum:nth-child(2) .ft_middle{padding-left: 0;}
    .ft_middle{margin-top: 3rem;}
    .footer_middle_location li{padding-bottom: .8rem;}
    .fed_back_box{padding: 2rem 1rem;}
    .person_dtls{padding-top: 1rem; margin-top: 1.5rem;}
    .ft_top_call li{margin-top: 1rem;}
    .header_info{padding: 1rem 1.5rem;}  
    .header_top{padding: 1rem 1.5rem;} 
    .call_img img{margin-right: 1rem; width: 3.5rem;}
    .home_cl_tx_snd .d-flex{flex-direction: column-reverse; justify-content: center; text-align: center;}
    .home_cl_tx_snd .d-flex .ms-3{margin-left: 0rem !important;}
    .home_cl_shape{margin-bottom: 1rem;}
    .footer_top .collum:last-child .ft_box{padding-left: 0;}
    .header_sec.fixed .nav_top .navbar-brand{height: 8rem;}



    /* inner_banner */
    /* .inner_banner .banner_box{padding: 15rem 0 5rem 0;} */
    .ab_room_img{display: none;}
    .ab_room_box_snd{margin-left: 0;}
    .ab_room_txt{border: .1rem solid #d2c8c8; border-left: .1rem solid #d2c8c8; margin-left: 0; border-radius: .6rem;}
    /* .ab_room_txt:last-child .ab_room_info{border-bottom: none;} */
    .ab_room_info:last-child{border-bottom: none;}


    /* contact_page */
    .map_sec iframe{height: 30rem;}

    /* room_page */
    .inner_rooms .room_icon li {width: 50%;}


    
}

@media only screen and (max-width: 575px){
    .ptb{padding: 4rem 0;}
    /* .header_lt_button{display: none;} */
    /* .header_info{padding: 2rem 1rem;}  */
    /* .banner_txt{padding-left: 1rem;}  */
    .header_lt_button .as_btn span{display: none;}
    .header_lt_button .as_btn{width: 4.5rem; height: 4.5rem; padding: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
    .header_lt_button {right: 4rem;}
    .banner_txt strong{font-size: 2.5rem; line-height: 3.5rem; -webkit-text-stroke: .04rem var(--white); letter-spacing: .1rem;}
    .banner_box{padding: 20rem 0 5rem 0;} 
    .banner_img{padding: 6rem 0; margin-top: 1.5rem;}
    .ban_frm_box{width: 100%;}
    .heding{font-size: 1.4rem; line-height: 2.4rem; letter-spacing: .1rem; font-weight: 600;}
    .hotel_info .heding::before{left: 0;}
    .heding::before{width: 3rem;}
    .heding{padding-left: 4rem;}
    /* .hotel_info_img{width: 6rem; height: 6rem; font-size: 2.5rem;} */
    .hotel_info_box{margin-top: 2rem;}
    .hotel_info_box h3{margin-top: 1rem; font-size: 1.8rem;}
    h1, h2{font-size: 2.3rem; line-height: 3.3rem;}
    .ab_txt{padding: 2rem 1rem 8rem 1rem;}
    .room_sec .heding::before{left: 14%;}
    .counter_box span{font-size: 1.5rem;}
    .counter_box sup{top: -2rem; font-size: 2rem;}
    .room_am_box{padding: 2.5rem 1rem;}
    .footer_top .portfolio_box{margin-top: .5rem;}
    .footer_bootom .d-flex{justify-content: center; flex-direction: column; align-items: center;}
    .banner_frm_content{padding: 2rem 1.5rem .5rem 1.5rem;}
    h3{font-size: 2rem; line-height: 3rem;}
    .call_txt{display: none;}
    .header_top .d-flex{justify-content: center;}
    /* .call_img img{margin-right: 0; width: 3rem; margin: 0 .5rem;} */
    .highlight_text{padding: .4rem 1rem .4rem .4rem; column-gap: .5rem;}
    .highlighted{padding: .4rem .6rem;}
    .highlight_text{font-size: 1.4rem;}
    .room_sec_btn::before{width: 10%;}
    .room_sec_btn::after{width: 10%;}
    .home_cl_shape img{width: 15rem;}
    .room_am_img::after{left: -.4rem;}
    .feed_back .item{padding-left: 1rem;}
    .ft_logo{font-size: 2rem; width: 10rem; height: 10rem;}
    .ft_heding{margin-bottom: 2rem; font-size: 2rem; line-height: 3rem;}
    .ft_info li{padding-left: 4.5rem; margin-bottom: 2rem;}
    .footer_top{padding: 3rem 0;}
    .ft_middle{margin-top: 1rem;}
    .ft_middle_box ul li{margin-right: 1rem; font-size: 1.6rem;}
    .feed_back_ft_txt{padding: 0 1rem; font-size: 1.6rem;}
    .inner_ptb{padding: 2rem 0 4rem;}


    /* inner_banner */
    /* .inner_banner .banner_box{padding: 23rem 0 6rem 0;} */

    /* about_page */
    .ab_room_info{padding: 2.5rem .8rem; flex-direction: column; align-items: flex-start !important;}
    .ab_room_info span{font-size: 5rem; margin-right: 0; margin-bottom: 1rem;}
    .ab_room_info .ms-3{margin-left: 0rem !important;}
    .ab_room_icon li{margin-right: .5rem; font-size: 1.4rem;}
    .ab_room_icon li img{margin-right: .7rem;}
    .curve_text{bottom: -3.4rem; right: inherit; left: 0;}

    /* contact_page */
    .contact_sec h2{font-size: 2.3rem; line-height: 3.3rem;}


    /* policy_page */
    .faq_box{padding: 1rem 1rem;}
    .faq_box .accordion-button{padding: 1rem;}


    /* 404_page */
    .error_page_info strong{font-size: 12rem; line-height: 13rem; margin-bottom: 1rem;}

    /*----------------------------------------------------------------------------------------6-5-24---------------------------------------------------------*/
    .header_top .ft_icon.d-none{display: inline-block !important;}
    .header_top .ft_icon li a {border-color: var(--brand); color: var(--brand); border-width: .2rem;}
    .call_img img {width: 3rem;}
    .bannersec .carousel-control-next{bottom: 4rem;}
    .bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon{width: 3rem; height: 3rem;}
    .bannersec .carousel-control-prev-icon::before, .bannersec .carousel-control-next-icon::before {font-size: 2rem;}

    /* room_page */
    .room_icon li b {margin-right: 0; font-size: 1.3rem; display: block; line-height: 1.3rem;}
    .room_icon li span {padding: .5rem 1rem;}
    /* .room_txt_box { padding: 1.5rem 1rem;} */

    .room_box {margin-top: 2rem;}
    .inner_banner_txt {max-width: 18rem;}
    .inner_banner .banner_box {padding: 5rem 0;}
    .home_cl_tx_snd .as_btn { font-size: 1.4rem; padding: 0 1rem; margin-top: 1.5rem;}
    .home_cl_tx_snd .as_btn i{display: none;}
    .header_sec.fixed .header_lt_button {top: 1.7rem;}

    /* gallery_page */
    .portfolio_link{font-size: 2rem; width: 3.5rem; height: 3.5rem;}
    .inner_gallery .portfolio_link {right: 1rem; top: 1rem; font-size: 2rem; width: 3rem; height: 3rem;}

    /*--------------------------------------------------------------------------8-5-24---------------------------------------------*/
    .room_img_box .owl-carousel .owl-nav .owl-prev {right: 5rem;}
    .room_img_box .owl-prev::before, .room_img_box .owl-next::before {width: 3.5rem; height: 3.5rem;}
}

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

}