@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 '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: "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; }
/* font-family: "Roboto Condensed", sans-serif; */
/* font-family: "Roboto", sans-serif; */

:root{
    --black: #121212;
    --brand: #f8a515;
    --body_txt_color: #5D666F;
    --white: #fff;
   }



@keyframes float-bob-x{
    0% {
        transform: translateX(-30px);
      }
      50% {
        transform: translateX(-10px);
      }
      100% {
        transform: translateX(-30px);
      }
}

@keyframes upDownTwo{
    0% {
        top: 50%;
    }
    33% {
        top: calc(100% + 200px);
        visibility: visible;
        opacity: 1;
      }
    34% {
        visibility: hidden;
        opacity: 0;
        top: calc(0% - 200px);
      }
    35% {
        visibility: hidden;
        opacity: 0;
      }
    36% {
        visibility: visible;
        opacity: 1;
      }
    66% {
        top: 0%;
      }
    100% {
        top: 50%;
      }
}


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


em{font-style: normal;}
.as_btn{position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; font-weight: 600; font-size: 1.5rem; color: var(--black); background-color: var(--brand); padding: 0 2.5rem; border-radius: .8rem; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em;  z-index: 1; margin-top: 2.5rem; height: 5rem; font-family: "Roboto Condensed", sans-serif;}
.as_btn::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(18, 18, 18,.10); z-index: -1;}
.btn_shape{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.as_btn::after { content: ""; position: absolute; bottom: -.3rem; left: 50%; width: 150%; height: 500%; border-radius: 45%; background-position: bottom top; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .3s; transition-property: all; transform-origin: top;  transform-style: preserve-3d; transform: scaleY(1.0) translateX(-50%); background-color: var(--brand); z-index: -1;}
.btn_shape::before { content: ""; position: absolute; top: 0; left: 0; right: -.3rem; bottom: 0; background-position: center top; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .3s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0.0); background-color: var(--black); z-index: -1;}
.as_btn:hover{color: var(--white); transition-delay: 400ms;}
.as_btn:hover::after{width: 0px; height: 0px; transform: scaleY(1.0) translateX(-50%);}
.as_btn:hover .btn_shape::before {transform: scaleY(1.0); transition-delay: 400ms;}
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h5{font-size: 2rem; line-height: 2.5rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
/* .other_ptb{padding: 6rem 0 3rem 0;} */
.sub_txt{display: inline-block; text-transform: uppercase; color: var(--brand); letter-spacing: .1rem; font-size: 1.4rem; line-height: 1.4rem; padding: .8rem 1rem; margin-bottom: .5rem; background: rgba(248, 165, 21,.08); border-radius: .5rem;}
h1 em, h2 em{display: block;}
.sub_txt i{margin-right: .4rem;}
h1,h2{text-transform: capitalize; color: var(--black); font-size: 3.5rem; line-height: 4rem; font-weight: 800;}
.bg_sec{position: relative; overflow: hidden;}


/*header*/
.header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(18, 18, 18, 0.50); padding: 1.5rem 0; backdrop-filter: blur(10px);}
.header_sec .container{max-width: 100%; padding: 0 0 0 1.5rem;}
.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: 10rem;} 
.menu_sec{padding-right: 53rem;} 
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.8rem;}
.menu_sec li a{display: inline-block; margin-right: 3.5rem; color: var(--white); position: relative;} 
.menu_sec li a::after{content: ""; height: .2rem; background-color: var(--brand); position: absolute; bottom: -.1rem; left: 0; right: 0; transition: transform 500ms ease; transform: scale(0, 1); transform-origin: left center; z-index: 1;}
.menu_sec li.active a::after, .menu_sec li a:hover::after{transform: scale(1, 1); transform-origin: right center;}
.menu_sec li:last-child a{margin-right: 0;}
.heder_rt_btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.heder_rt_btn .as_btn {
    border-radius: 0;
    height: 5.5rem;
    font-size: 1.8rem;
    margin-right: 1.2rem;
}
.heder_rt_btn .as_btn i{display: none;}
.heder_social_icon li{display: inline-block;}
.heder_social_icon li a{color: var(--white); position: relative; display: inline-block; margin-right: 4rem;}
.heder_social_icon li a::after {content: ""; position: absolute; top: 0; bottom: 0; right: -2rem; width: .1rem; background-color: rgba(255, 255, 255, .20);}
.heder_social_icon li:last-child a{margin-right: 0;}
.heder_social_icon li:last-child a::after{display: none;}
.heder_social_icon {
    position: absolute;
    right: 22.9rem;
    top: 50%;
    transform: translateY(-50%);
}

.phone_txt{display: inline-block; padding-left: .5rem;}
.header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc; background: var(--white);}
.header_sec.fixed .menu_sec li a, .header_sec.fixed .heder_social_icon li a{color: var(--black);}
.header_sec.fixed .menu_sec li.active a, .header_sec.fixed .menu_sec li a:hover, .menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
.header_sec.fixed .heder_social_icon li a::after {background-color: #ccc;}



/*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 35rem 0;}
.bannersec .carousel-control-prev, .bannersec .carousel-control-next{position: absolute; right: 3rem; bottom: 2rem; top: inherit; width: 5rem; height: 5rem; border: .2rem solid rgba(255, 255, 255, .30); display: flex; align-items: center; justify-content: center; border-radius: .3rem; opacity: 1; border-radius: 100%; }
.bannersec .carousel-control-prev{margin-right: 6rem; left: inherit;}
.bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon{background: transparent; width: auto; height: auto; color: rgba(255, 255, 255, .50);}

/* .banner_frm_sec */
.banner_frm{position: absolute; display: inline-block; left: 0; bottom: -.1rem; background: var(--white); max-width: 160rem; border-radius: 0 4rem 0 0; border-bottom: .1rem solid #E7E7E7;}
.banner_frm .container{max-width: 100%; padding: 0;}
.banner_frm_content{padding: 2rem 3rem .5rem 0;}
.frm_label_txt{color: var(--black); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative; font-size: 1.4rem;}
.banner_content{position: relative;}
.banner_frm .input_fld input[type="date"]{background: var(--white); height: 4rem;}
.banner_frm .as_btn{height: 4.2rem; line-height: 3.9rem;}
.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;}
.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;}



/* 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;}
.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;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}


/* about_sec */
.about_sec{position: relative;}
.shape{position: absolute; right: -25.3rem; top: -2.5rem; -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.shape img{width: 100rem;}
.ab_lt, .ab_rt{position: relative;}
.ab_lt{margin-right: 1.5rem; position: absolute; left: 0; top: 5.8rem; width: 43%; height: 39rem;}
.ab_lt img{height: 100%; object-fit: cover;}
.txt_list li{color: var(--black); position: relative; margin-top: 1.5rem; padding-left: 2rem;}
.txt_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f560"; color: var(--brand); position: absolute; left: 0; top: 0;}
.ab_btn_list li{display: inline-flex; align-items: center; margin-right: 2rem;}
.call_btn_icon i{color: var(--brand); font-size: 3rem; margin-right: 1rem;}
.call_btn_txt em{display: block; font-size: 1.4rem; line-height: 1.4rem;}
.call_btn{display: inline-flex; align-items: center;}
.call_btn_txt{font-size: 2rem; color: var(--black); font-weight: 600;}
.ab_btn_list li:last-child{margin-right: 0;}


/* footer_sec */
.footer_sec{position: relative; z-index: 1;}
span.ft_logo img {
    width: 20rem;
    object-fit: cover;
}
.footer_sec::before{background-color: #001c29de; position: absolute; left: 0; top: 0; width: 100%; height: 100%; inset-inline-start: 0; inset-block-start: 0; content: ""; z-index: -1;}
.footer_top{padding-top: 5rem;}
.ft_txt{padding-bottom: 3rem;}
.animation-line {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; margin: 0px; list-style-type: none; overflow: hidden; padding: 0 6.5rem;}
.animation-line__item { position: relative; width: 1.2px; height: 100%; display: inline-block; background-color: #e1fe6e0c; mix-blend-mode: difference;}
.animation-line__item::before { position: absolute;
    content: "";
    width: 100%;
    height: 240px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(248, 165, 21, 0.1)), color-stop(15%, rgba(248, 165, 21, 0.2)), color-stop(27%, rgba(248, 165, 21, 0.5)), color-stop(52%, rgba(248, 165, 21, 0.8)), color-stop(74%, rgba(248, 165, 21, 0.5)), color-stop(88%, rgba(248, 165, 21, 0.2)), to(rgba(248, 165, 21, 0)));
    background: linear-gradient(0deg, rgba(248, 165, 21, 0.1) 0%, rgba(248, 165, 21, 0.2) 15%, rgba(248, 165, 21, 0.5) 27%, rgba(248, 165, 21, 0.8) 52%, rgba(248, 165, 21, 0.5) 74%, rgba(248, 165, 21, 0.2) 88%, rgba(248, 165, 21, 0) 100%); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: upDown 24s linear infinite; animation: upDown 24s linear infinite; z-index: 1;
  }
.animation-line__item:nth-child(2)::before { -webkit-animation: upDownTwo 24s linear infinite; animation: upDownTwo 24s linear infinite;}
.animation-line__item:nth-child(3)::before {-webkit-animation: upDownThree 22s linear infinite; animation: upDownThree 22s linear infinite;}
.animation-line__item:nth-child(4)::before { -webkit-animation: upDownTwo 22s linear infinite; animation: upDownTwo 22s linear infinite; animation-delay: 0s; -webkit-animation-delay: 4s; animation-delay: 4s;}
.footer_top, .footer_btm{position: relative; z-index: 2;}
.ft_heading{text-transform: capitalize; color: var(--white); font-size: 2.5rem; line-height: 3rem; position: relative; display: block; padding-bottom: 1rem; margin-bottom: 1.5rem;}
.ft_heading::before, .ft_heading::after{content: ""; height: .2rem; width: 6rem; background: var(--brand); position: absolute; bottom: 0; left: 0;}
.ft_heading::after{left: 6.5rem; width: 1rem;}
.ft_logo img{width: 27rem; margin-bottom: 2rem;}
.ft_txt p, .ft_page_list li a, .ft_con_list li, .ft_con_list li a, .footer_btm p{color: #F5F6F7;}
.ft_page_list li a{text-transform: capitalize; display: inline-block; margin-top: 1.2rem; position: relative; padding-left: 1.5rem;}
.ft_page_list li:first-child a{margin-top: 0;}
.ft_page_list li a::before{position: absolute; width: .8rem; height: .8rem; border-radius: 100%; left: 0; top: .7rem; content: ""; background: var(--brand);}
.ft_page_list li a:hover{color: var(--brand);}
.ft_con_list li { position: relative; margin-top: 1.8rem;padding-left: 2.8rem;}
.ft_con_list li i {position: absolute; left: 0; top: .5rem; color: var(--brand);}
.footer_btm{border-top: .1rem solid rgba(255, 255, 255, .20); padding: 1.5rem 0; align-items: center; justify-content: space-between;}
.footer_btm a img {width: 10rem;}
.ft_gallery_list{display: flex; flex-wrap: wrap; margin: 0 -.5rem;}
.ft_gallery_list li{display: inline-block; padding: 0 .5rem; width: 25%;}
.ft_gallery_list li img{height: 6rem; object-fit: cover;}
.ft_gallery_list li .portfolio_box{margin-top: 1rem;}
.ft_gallery_list li .portfolio_link {width: 2.5rem; height: 2.5rem; font-size: 1.4rem; right: 1rem; top: 1rem;}
.footer_top .cullm:nth-child(2) .ft_txt{padding-left: 6.5rem;}
.footer_top .cullm:nth-child(3) .ft_txt{padding:  0 3.5rem;}
.ft_socil_icon li {display: inline-block;}
.ft_socil_icon li a{width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; color: #F5F6F7; margin: 1.5rem 1rem 0 0; border: .1rem solid #F5F6F7; font-size: 1.5rem; border-radius: .3rem;}
.ft_socil_icon li a:hover{background: var(--white); color: var(--brand);}
.ft_socil_icon li:last-child a{margin-right: 0;}
.ft_txt .as_btn{margin-top: 2rem;}

/* portfolio_page */
.portfolio_box{position: relative; margin-top: 2rem; overflow: hidden;}
.portfolio_content{position: absolute; width: 100%; height: 100%; top: 0; right: 0;}
.portfolio_link{width: 4rem; height: 4rem; background: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: 2rem; transition: 0.5s; border-radius: 100%; opacity: 0; visibility: hidden; font-size: 2.5rem; color: var(--brand); z-index: 9;}
.portfolio_link::before{content: ""; position: absolute; left: -.5rem; right: -.5rem; top: -.5rem; bottom: -.5rem; border: .2rem dotted var(--white); border-radius: 100%;}
.portfolio_info{position: absolute; bottom: 2rem; left: 2rem; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9;}
.portfolio_content:hover::before{opacity: 0.9; visibility: visible;}
.portfolio_content:hover .portfolio_link{opacity: 1; visibility: visible; color: var(--brand);}
.portfolio_content:hover .portfolio_info{opacity: 1; visibility: visible; bottom: 4.5rem;}
.portfolio_box::before{content: ""; position: absolute; right: -21%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 32rem; height: 100rem; background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-right: -6rem; z-index: 1; pointer-events: none;}
.portfolio_box::after{content: ""; position: absolute; right: 32%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 25rem; height: 95rem; background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-right: -9rem; pointer-events: none;}
.portfolio_box:hover::before{opacity: 0.55; margin-right: 0;}
.portfolio_box:hover::after{opacity: 0.35; margin-right: 0;}
.our_portfolio{position: relative;}
.portfolio_box img{border-radius: .3rem;}

/* amenities_sec */
.amenities_sec .row.amenities_boxes{margin: 0; border-width: 0 0 .1rem .1rem; border-style: solid; border-color: #0000000F;}
.amenities_sec .row.amenities_boxes:first-child{border-top: .1rem solid #0000000F;}
.amenities_sec .cuml{padding: 0; border-right: .1rem solid #0000000F;}
.amenities_box{padding: 3rem; position: relative; background:  url(../images/patten_img_1.webp) var(--white);}
.amenities_icon{text-align: right;}
.amenities_icon img{width: 6rem; margin-top: 1rem; transition: all linear .3s;}
.amenities_box:hover .amenities_icon img{transform: scale(1.1);}
.amitines_number{position: absolute; bottom: 3.5rem; left: 3rem; font-weight: 800; font-size: 4.5rem; color: var(--brand); opacity: .5;}
.all_btn{border: .1rem dashed rgba(0, 0, 0, 0.4); border-radius: 4.5rem; padding: 1.5rem 4.5rem; position: relative; text-transform: capitalize; margin: 3rem auto 0 auto; display: flex; align-items: center; justify-content: center; max-width: 67rem;}
.other_as_btn{color: var(--black); display: inline-block; padding: 0 1rem; text-transform: uppercase; letter-spacing: .2rem; font-weight: 600; font-size: 1.5rem; text-shadow: 0px 3px 0px #ffdd40, 0px 14px 10px rgba(0, 0, 0, 0.15), 0px 5px 2px rgba(0, 0, 0, 0.1), 0px 24px 30px rgba(0, 0, 0, 0.1);}
.other_as_btn:hover{color: var(--brand);}


/* call_sec */
.call_sec{position: relative; padding: 6rem 0 9rem 0; background-attachment: fixed !important;}
.call_sec::before{background-color: #0E102A; content: ""; height: 100%; left: 0; opacity: 0.9; position: absolute; right: 0; top: 0; content: "";}
.call_lt, .call_rt{position: relative;}
.call_rt .as_btn{margin-top: 0;}

/* counter_sec */
.counter_info{background:  url(../images/patten_img_1.webp) var(--white); padding: 3rem 1.5rem; border-radius: .5rem; overflow: hidden; position: relative; box-shadow: 0 0 4rem rgba(0, 0, 0, 0.05); margin-top: -5rem;}
.counter_box strong{font-size: 6rem; color: var(--brand); font-weight: 800; display: inline-block;}
.counter_box img{width: 5rem;}
.counter_box span{display: block; text-transform: uppercase; font-weight: 500; margin-top: .8rem; color: var(--black); background: #f6f6f6; padding: 1rem; text-align: center; margin-top: 1.5rem; font-size: 1.4rem; letter-spacing: .2rem;}
.count_txt{margin-left: 2rem;}

/* room_sec */
.room_box{margin-top: 3rem; border: .1rem solid #E7E7E7; border-radius: .5rem; overflow: hidden;}
.room_img{position: relative;}
.slider_btn .owl-nav { display: flex !important; position: absolute; left: 1rem; bottom: 1rem; font-size: 0;}
.slider_btn .owl-prev, .slider_btn .owl-next { background: var(--brand); width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center;}
.slider_btn .owl-prev::before, .slider_btn .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.6rem; color: var(--black);}
.slider_btn .owl-next::before {content: "\f105";}
.room_top{border-bottom: .1rem solid #E7E7E7;}
.room_txt { min-height: 31rem;}
.room-pg-txt {min-height: 41rem;}
.room_top h4 a{color: var(--black); display: block; border-right: .1rem solid #E7E7E7; padding: 1rem 1.5rem; width: 100%;}
.rating li{display: inline-block !important; margin: .8rem .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}
.room_top_rt {padding: 1rem 0;}
.room_top_rt .rating li {margin: 0 .2rem 0 0 !important;}
.room_para{padding: 1rem 1.5rem 1.4rem 1.5rem;}
.rom_facilities_list{background: #F4F3F0; padding: 0 .5rem .5rem .5rem; margin-top: 1rem; border-radius: .2rem;}
.rom_facilities_list li { display: inline-block; text-transform: capitalize; color: var(--black); position: relative;  margin: .8rem .5rem 0 .5rem;  padding-left: 1.8rem; font-size: 1.4rem;}
.rom_facilities_list li::before {font-family: "Font Awesome 6 Pro"; content: "\f560"; color: var(--brand); position: absolute; left: 0; top: 0;}
.room_btn{border-top: .1rem solid #E7E7E7; padding: 1rem 1.5rem; text-align: center;}
.room_img  img{border-radius: 0;}
.rom_para_btn{margin-top: 3rem;}
.rom_para_btn a {color: var(--brand); display: inline-block; padding: .2rem;}


/* restaurant_sec */
.restaurant_mid{width: 100%;}
.restaurant_rt{background-color: #03203F; padding: 3rem 1.5rem;}
.restaurant_sec .container{max-width: 100%; padding: 0;}
.restaurant_sec .row{margin: 0;}
.restaurant_sec .cuml{padding: 0;}
.restaurant_lt{padding: 5rem 3rem;}
.restaurant_lt{background: url(../images/bg_img_1.jpg)no-repeat left center/cover;}
.restaurant_lt, .restaurant_mid , .restaurant_rt{height: 100%;}
.tea_icon{width: 9.7rem; height: 9.7rem; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin: 0 auto 2rem auto; border-radius: .2rem;}
.tea_icon img{width: 8rem;}
.restaurant_rt{display: flex; align-items: center; justify-content: center; flex-direction: column;}

/* feed_back_sec */
.feed_back_box{background-color: var(--white); border-top: 1.2rem solid var(--brand); border-radius: 1rem; margin-top: 8rem; padding: 3rem; position: relative; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);}
.person_img{height: 13.2rem; left: 0; margin-bottom: 0; padding: 1.2rem; position: absolute; top: -6.6rem; width: 13.2rem;}
.person_img::before{background-color: var(--brand); border-radius: 120px 120px 0 0;  content: ""; height: 50%; left: 0; position: absolute; top: 0; width: 100%;}
.person_img img {border: .5rem solid var(--white); border-radius: 50%; -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1); height: 100%; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 100%; object-fit: cover;}
.feed_back_top {justify-content: end;}
.person_txt strong{color: var(--black); font-size: 2.5rem; text-transform: capitalize; display: block; font-family: "Roboto Condensed", sans-serif; padding-bottom: .4rem;}
.person_txt span{text-transform: uppercase; font-size: 1.4rem; line-height: 1.4rem; color: var(--brand); font-weight: 600;}
.feed_back_sec .row{margin: 0 -1.5rem;}
.feed_back_sec .cumml{padding: 0 1.5rem;}
.qution_img{position: absolute; left: 50%; top: 3rem; -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);}
.qution_img img{width: 8rem; opacity: .2;}

/* map_sec  */
.map_box{position: relative;}
.map_box iframe{width: 100%; height: 30rem; margin-top: -6.3rem;}
.map_form_switcher{display: flex;   -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 4rem; align-items: center; justify-content: end; position: relative; margin-right: 2rem;}
.switcher_bg{ background: var(--white); padding: 1.5rem 3.6rem; border-radius: inherit;}
.switcher_text{font-size: 2rem; font-weight: 600;}
.switcher_toggle{display: inline-block; margin: 0 1.5rem; color: var(--brand); font-size: 3rem;}
.map_sec{position: relative;}
.map_img img{height: 30rem; object-fit: cover;}
.map_sec .container{max-width: 100%; padding: 0;}
.switcher_text a, .switcher_text{color: var(--black);}

/* gallery_sec */
.gallery_rt{border: 9px solid var(--white); box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);}
.gallery_rt .portfolio_box img{height: 49.4rem; object-fit: cover;}
.galler_lt_img{border: .9rem solid var(--white); box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2); border-radius: .2rem;}
.galler_lt_img img{height: 22.1rem; object-fit: cover;}
.gallery_lt{margin-right: -4.5rem; position: relative; z-index: 1;}
.gallery_lt p {
    text-wrap: balance;
}

/* amenities_page */
/* .inner_amenities_sec.amenities_sec .row.amenities_boxes {margin: 2.5rem 0 0 0;} */
.iner_para{margin-bottom: 2rem;}
.amenities_info .row.amenities_boxes:first-child {border-top: .1rem solid #0000000F;}
.inner_banmer .banner_box{padding: 30rem 0 0 0;}
.inner_banner_txt{background-color: rgba(0, 8, 52, 0.6); padding: 2rem 3.5rem;  text-align: center; border-left: .3rem solid var(--brand); border-radius: .5rem .5rem 0 0; border-top: .3rem solid var(--brand); display: inline-block;}


/* room_page */
.inner_room_sec .room_top_lt h4{padding: 1rem 1.5rem; border-right: .1rem solid #E7E7E7;}
.room_fe_info li img {  width: 2.5rem;  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-block; color: var(--black); font-weight: 500; font-size: 1.4rem;}
.room_box {
    display: flex;
    flex-direction: column;
    height: 100%;

}

.room_txt {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.room_para {
    flex-grow: 1; /* takes available space */
}

.room_btn {
    margin-top: auto; /* pushes button to bottom */
}

/* 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.9rem; line-height: 2.9rem; color: var(--black); padding-right: 2rem;}
.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(--brand); box-shadow: 0 0 0 .2rem var(--brand);}
.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; position: relative;}
.faq_box .accordion-body h4{font-size: 1.8rem; line-height: 2.8rem;}
/* .faq_sec{position: relative;}
.faq_shape{position: absolute; right: 0; bottom: 0;}
.faq_shape2{position: absolute; left: 0; top: 0;} */

/* contact_page */
.contact_form{background-color: #F6F6F6; padding: 3rem; border-top: .3rem solid var(--brand); border-radius: .5rem; border-right: .3rem solid var(--brand);}
.inner_con_list li { position: relative; margin-top: 2rem; border-bottom: .1rem solid #E9E9E9; padding-bottom: 1.5rem; padding-left: 6rem;}
.inner_con_icon { width: 4.5rem; height: 4.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: .1rem solid #ECECEC; color: var(--brand); position: absolute; left: 0;  top: 0;}
.inner_con_txt b {display: block; text-transform: capitalize; color: var(--black);}
.inner_con_lt{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05); padding: 3rem; background: var(--white); border-radius: .5rem;}
.inner_con_list li , .inner_con_list li a{color: var(--body_txt_color);}
.inner_con_list li a:hover{color: var(--brand);}
.inner_con_list li:last-child{border-bottom: none; padding-bottom: 0;}
.inner_map_sec iframe{width: 100%; height: 30rem;}

/* gallery_page */
.inner_gallery .portfolio_box img{height: 30rem; object-fit: cover;}
.gallery_sec .row:nth-child(2n) {flex-direction: row-reverse;}
.inner_gallery .portfolio_box{margin-top: 3rem;}


/* about_page */
.inner_ab_lt{margin-right: 2rem;}
.inner_ab_btm_img{display: block; margin-top: 2rem; border-radius: .5rem; overflow: hidden;}
.inner_ab_rt_img{display: block; border-radius: .5rem; overflow: hidden;}
.inner_ab_rt, .inner_ab_rt_img, .inner_ab_rt_img img{height: 100%; object-fit: cover;}
.inner_call_sec{position: relative; background-attachment: fixed !important;}
.inner_call_sec::before{background: #121212;  opacity: .30; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}
.inner_call_sec_txt{position: relative; z-index: 1;}
.chhoose_box{padding: 2rem; margin-top: 3rem; border-radius: .8rem; border: .2rem solid #f6f6f6; position: relative; z-index: 1; overflow: hidden;}
.chhoose_box::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: .8rem; background-color: #f7f7f7; transform: scaleX(0.7) rotateX(20deg); opacity: 0; transition: all 0.4s linear; z-index: -1;}
.chose_rt_img{position: absolute; top: 0; right: 0; opacity: .3; z-index: -1;}
.chose_rt_img img{width: auto;}
.chhoose_box:hover::before{transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1;}
.chhoose_top{align-items: center;}
.chhoose_top img{width: 4.5rem; margin-right: 2rem;}
.inner_call_sec_txt h4 a{color: var(--brand);}




/* 404-er-page */

.er-4-0-4-sec {
    padding: 15rem 0 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

.er-text-1 span {
    font-weight: 500;
    color: var(--brand);
}

/* 404-er-page */






@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: 1899px){
  .heder_social_icon {right: 20.9rem;}
  .menu_sec {padding-right: 58rem;}
  .bannersec .carousel-control-prev, .bannersec .carousel-control-next{bottom: inherit; top: 50%;}
  .ab_lt {width: 42%;}
}

@media only screen and (max-width: 1699px){
  .menu_sec li a{margin-right: 2rem;}
  .heder_social_icon li a {margin-right: 3rem;}
  .heder_social_icon {right: 19.9rem;}
  .menu_sec {padding-right: 54rem;}
  .ab_lt {width: 41%;}
  .banner_frm {max-width: 148rem;}
}

@media only screen and (max-width: 1499px){
  .banner_box {padding: 31rem 0;}
  /* .banner_frm .as_btn{font-size: 1.5rem;} */
  .banner_frm {max-width: 132rem;}
  .footer_top .cullm:nth-child(2) .ft_txt {padding-left: 4.5rem;}
  .phone_txt{display: none;}
  .menu_sec {padding-right: 38rem;}
  .menu_sec li {font-size: 1.6rem;}
  .ab_lt {height: 43rem;}
  .menu_sec li a {margin-right: 2.5rem;}
}

@media only screen and (max-width: 1299px){
  .nav_top .navbar-brand img {width: 10rem;}
  .heder_rt_btn .as_btn {height: 7.1rem; font-size: 1.6rem;}
.heder_social_icon {
    right: 17.9rem;
    top: 50%;
    transform: translateY(-50%);
}
  .menu_sec li a { margin-right: 2rem;}
  .heder_social_icon li a {margin-right: 2.5rem;}
  .heder_social_icon li a::after {right: -1.5rem;}
  .menu_sec { padding-right: 35rem;}
  .banner_box {padding: 29rem 0;}
  .banner_frm .as_btn{padding: 0 1.5rem;}
  .ban_frm_lt_txt h4{font-size: 2.2rem; line-height: 2.8rem;}
  .ban_frm_lt_txt {padding: 0 1.5rem 0 2rem;}
}

@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(--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;}
.heder_rt_btn {
    right: 4.2rem;
    top: 50%;
    transform: translateY(-50%);
}
  .heder_social_icon {right: 22.9rem;}
  .header_sec .container {padding: 0 1.5rem;}
  .heder_rt_btn .as_btn {height: 5rem; border-radius: .8rem;}
  .header_sec.fixed .nav_top .navbar-toggler .icon-bar{background: var(--black);}
  .nav_top .navbar-collapse.show{left: 0;}
  .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: var(--white); 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 {padding-right: 0;}
  .menu_sec li a {display: block; padding: 1.5rem; border-bottom: .1rem dashed #ccc ; color: #000;}
  .banner_frm{position: inherit; left: inherit; bottom: inherit; margin: 3rem 1.5rem 0 1.5rem; background: #f1f1f1; border-radius: .5rem;}
  .ban_frm_lt_txt {padding: 3rem 1.5rem 0 2rem; text-align: center;}
  .banner_frm_content {padding: 2rem 3rem .5rem 3rem;}
  .banner_frm .as_btn {padding: 0 1.5rem; margin-top: 1.5rem;}
  .banner_box {padding: 25rem 0;}
  .bannersec .carousel-control-prev, .bannersec .carousel-control-next {bottom: 2rem; top: inherit;}
  .ab_lt {height: 46rem;}
  .gallery_lt {margin-right: -3.5rem;}

  /* contact_page */
  .contact_form h2{font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 2rem;}

}

@media only screen and (max-width: 991px){
.ab_lt{position: inherit; left: inherit; top: inherit; width: 100%; height: auto; margin: 0 0 2rem 0;}  
.ab_lt img{height: auto; border-radius: .5rem;}
.shape {right: 0;}
.counter_box{margin-top: 2rem;}
.counter_info {padding: 1rem 1.5rem 3rem 1.5rem;}
h1, h2 {font-size: 3rem; line-height: 3.5rem;}
.gallery_lt {margin: 0 0 2rem 0;}
.animation-line {padding: 0 1.5rem;}
.footer_top .cullm:nth-child(3) .ft_txt {padding: 0 0 3rem 0;}
.ft_logo img {width: 23rem;}
.footer_top .cullm:nth-child(2) .ft_txt {padding-left: 6.5rem;}
.amenities_sec .row.amenities_boxes{border: none !important;}
.amenities_box{margin-top: 3rem; border: .1rem solid #0000000F;}
.amenities_sec .cuml {padding: 0 1rem; border-right: none;}
.amenities_sec  .row.amenities_boxes{margin: 0 -1rem;}
.about_sec.ptb{padding: 5rem 0 2rem 0;}
.gallery_rt .portfolio_box img, .galler_lt_img img {height: auto;}
.ptb{padding: 5rem 0;}
.inner_ptb{padding: 2rem 0 5rem 0;}

/* amenities_page */
.iner_para {margin-bottom: 0;}

/* contact_page */
.inner_con_lt{margin-bottom: 2rem;}
.inner_banner_txt {padding: 2rem 2.5rem;}

}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .heder_rt_btn .as_btn i {display: block;}
    .heder_rt_btn .as_btn em{display: none;}
    .heder_rt_btn .as_btn{width: 4rem; height: 4rem; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 100%;} 
    .heder_rt_btn {top: 0;}
    .heder_social_icon {right: 9.9rem;}
    .header_sec{padding: 1rem 0;}
    .banner_box {padding: 20rem 0;}
    .all_btn{flex-direction: column;}
    .footer_top .cullm:nth-child(2) .ft_txt {padding-left: 0;}
    .call_rt {margin-top: 1.5rem;}
    .restaurant_lt{padding: 4rem 1.5rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}

    /* amenities_page */
    .inner_banmer .banner_box {padding: 25rem 0 0 0;}

    /* about_page */
    .inner_ab_lt {margin: 0 0 2rem 0;}
    .inner_ab_rt, .inner_ab_rt_img, .inner_ab_rt_img img{height: auto;}
    .inner_call_sec_txt h4 a {display: block;}
}


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

  .heder_social_icon ul li{display: none;}
  /* .heder_social_icon ul li:last-child{display: block; font-size: 1.8rem;} */
  

  
  .bannersec .carousel-control-prev, .bannersec .carousel-control-next { right: 1.5rem; bottom: 1.5rem; width: 4rem; height: 4rem;}
  .bannersec .carousel-control-prev {margin-right: 5rem;}
  .banner_box {padding: 18rem 0;}
  h1, h2 {font-size: 2.5rem; line-height: 3rem;}
  .ab_btn_list li{display: block; margin-right: 0;}
  .call_btn{display: block; margin-top: 2rem; justify-content: center; display: flex;}
  .ab_btn_list .as_btn{width: 100%;}
  .amenities_box {margin-top: 2rem;}
  .counter_box img {width: 4rem;}
  .counter_box strong {font-size: 4rem;}
  .count_txt {margin-left: 1rem;}
  .counter_box span { padding: .5rem; font-size: 1rem; letter-spacing: .1rem;}
  .all_btn {border-radius: 1.5rem; padding: 1.5rem 1.5rem; text-align: center;}
  .footer_btm.d-flex{flex-direction: column;}
  .footer_btm {text-align: center;}
  .ft_link_txt{padding-top: .5rem;}
  .inner_ptb{padding: 2rem 0 4rem 0;}

  /* amenities_page */
  .inner_banmer .banner_box {padding: 20rem 0 0 0;}
  .inner_banner_txt {padding: 1rem 2.5rem;}

  /* policy_page */
  .faq_box{padding: 2rem;}

  /* contact_page */
  .contact_form{padding: 2rem;}
  .contact_form h2 {font-size: 2.5rem; line-height: 3rem;}
  .inner_map_sec iframe {height: 25rem;}

  /* gallery_page */
  .inner_gallery .portfolio_box img {height: 18rem;}
  .portfolio_link { width: 3rem; height: 3rem; font-size: 1.5rem;}
  .inner_gallery .portfolio_box{margin-top: 2rem;}

  /* accrodion */
  .faq_box .accordion-button h4 {
    font-size: 1.7rem;
    line-height: 2.5rem;
}

.accordion-body p {
    font-size: 1.5rem;
}
    
}

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

}