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

:root{
    --black: #000;
    --brand: #da3c3c;
    /* --yellow:#ffa84b; */
    --body_txt_color: rgb(28 28 28 / 80%);
    --white: #fff;
    --bg_color: #f1f3f6;
   }


em{font-style: normal;}
.as_btn{display: inline-flex; padding: 0 2rem 0 3rem; text-transform: capitalize; background: var(--brand); border-radius: 2.5rem; text-align: center; color: var(--white); line-height: 5rem; height: 5rem; font-weight: 600; position: relative; margin-top: 2.5rem;  align-items: center; z-index: 1; overflow: hidden; justify-content: center;}
.btn_icon{width: 3rem; height: 3rem; background: var(--white); color: var(--brand); display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-left: 1.5rem;}
.as_btn::before{content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%;  top: 110%; left: 50%; background: var(--black); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;  -ms-border-radius: 50%;  border-radius: 50%; z-index: -1;}
.as_btn:hover::before{top: -40%;}
.as_btn:hover{color: var(--white);}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
.other_ptb{padding: 4rem 0 6rem 0;}
.sub_heading{display: block; text-transform: uppercase; font-size: 1.4rem; line-height: 1.4rem; color: var(--brand); font-weight: 600; letter-spacing: .1rem; position: relative; padding-bottom: 1.2rem; margin-bottom: .5rem;}
.sub_heading::before{position: absolute; content: '';  left: 0px; bottom: 5px; width: 70px; height: 1px; background: var(--brand);}
.sub_heading::after{position: absolute; content: ''; left: 0px; bottom: 0px; width: 40px; height: 1px; background: var(--brand);}
h1,h2{font-size: 3rem; line-height: 3.5rem; text-transform: capitalize; color: var(--black); font-weight: 800;}
.mid_sub_heading::before, .mid_sub_heading::after{left: 50%; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
h3{font-size: 2.8rem; line-height: 3.3rem; text-transform: capitalize; color: var(--black); font-weight: 800;}
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 800;}
.para_txt{max-width: 80rem; margin: auto; text-align: center;}
h6{font-size: 1.8rem; line-height: 2.2rem; text-transform: capitalize; color: var(--black); font-weight: 800;}

.other_as_btn {  display: block;  text-transform: uppercase;  color: var(--black); padding-top: .8rem; margin-top: 1.6rem; font-size: 1.4rem; font-weight: 500; border-top: .1rem dashed #ccc;}
.other_as_btn:hover{color: var(--brand);}
.button_icon { display: inline-block; margin-right: .5rem;}
.hidden_sec{overflow: hidden;}





/*header*/
.header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: var(--white);}
.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;} */
.menu_sec{padding-right: 42rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.8rem; font-weight: 500;}
.menu_sec li a{display: inline-block; padding-right: 2.5rem; color: var(--black);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
.heder_top{padding: .5rem 0;}  
.heder_top_flex{align-items: center; justify-content: space-between;}  
.heder_top ul li{display: inline-block;}  
.heder_top ul li a{color: var(--black); display: inline-block;}
.heder_top_rt ul li a{padding-right: 1.2rem;}
.heder_top_rt ul li:last-child a{padding-right: 0;}
.nav_top .navbar-brand img{width: 6rem;}
.nav_top .navbar-brand{border-right: .1rem solid #ccc; padding: 1rem 1.5rem 1rem 0;}
.heder_menu{border-top: .1rem solid #ccc; border-bottom: .1rem solid #ccc; margin: .5rem 0;}
.heder_menu .container{max-width: 100%; padding: 0 5rem;}
.heder_rt_what_app_icon{position: absolute; right: 22.8rem; top: 0; border-left: .1rem solid #ccc; border-right: .1rem solid #ccc; padding: 1.2rem 1.5rem;}
.header_rt_ph_icon{width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; background: rgb(218 60 60 / 20%); border: .1rem solid #EAEAEA; border-radius: 100%; position: absolute; left: 0; top: 0;}
.header_rt_ph_icon img{width: 3rem;}
.heder_flex_ph{position: relative; padding-left: 6rem; display: inline-block;}
.header_rt_ph_txt{color: var(--black);}
.header_rt_ph_txt em{display: block;}
.heder_rt_bunt{position: absolute; right: 0; top: 1.4rem;}
.header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .heder_top{display: none;}

   
 /*banner*/  
.bannersec{ width: 100%;}
.banner_box{padding: 35.9rem 0;}
.bannersec .carousel-control-next, .bannersec .carousel-control-prev{bottom: inherit; top: 50%; left: 3rem; width: 5rem; height: 5rem; border-radius: 100%; background: rgba(255, 255, 255, 0.2); opacity: 1;}
.bannersec .carousel-control-next{left: inherit; right: 3rem;}
.bannersec .carousel-control-prev-icon,  .bannersec .carousel-control-next-icon{background: transparent;}
.bannersec .carousel-control-prev-icon::before,  .bannersec .carousel-control-next-icon::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 2rem; color: var(--white);}
.bannersec .carousel-control-next-icon::before{content: "\f105";}


/* .banner_frm_sec */
.banner_frm{margin-top: -21rem; position: relative; display: inline-block; width: 100%;}
/* .banner_frm .container{max-width: 100%; padding: 0 2rem;} */
.banner_frm_content{background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(6px);  padding: 2rem 2rem .5rem 2rem; border-radius: 2.5rem; max-width: 100%; margin: 0 auto;}
.frm_label_txt{color: var(--white); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative; font-size: 1.4rem;}
.banner_content{position: relative;}
.banner_frm .input_fld input[type="date"]{background: var(--white); height: 4rem;}
.banner_frm .as_btn{height: 4.2rem; line-height: 3.9rem; font-size: 1.4rem; padding: 0 2rem 0 2rem;}
.banner_frm .btn_icon { width: 2.8rem; height: 2.8rem;}
.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;}


/* 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: var(--white);}
.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%;}
.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.5rem; cursor: pointer; font-size: 1.4rem;}


/* about_sec */
.ab_lt, .ab_rt{margin-top: 3rem; position: relative;}
.image_block{position: absolute; left: 4.7rem; text-align: right; background-color: var(--white); border: 1.2rem solid var(--white); bottom: 0.2rem; padding-bottom: 5rem; filter: drop-shadow(0px 3px 28.5px rgba(0, 0, 0, 0.09)); max-width: 20rem; border-radius: .5rem;}
.text_three{position: absolute; left: 6.3rem; text-align: center; font-size: 1.4rem; line-height: 1.7rem; color: #777777; font-weight: 600; bottom: 1.4rem;}
.text_three span { font-size: 1.7rem; line-height: 1.7rem; color: #333333; font-weight: 700;}
.ab_rt{padding-left: 2rem;}
.text_list li{text-transform: capitalize; color: var(--black); position: relative; margin-top: 1.5rem; padding-left: 2.2rem;}
.text_list li::before{position: absolute; left: 0; top: .4rem; width: 1.5rem; height: 1.5rem; background: url(../images/checked.png)no-repeat left top; background-size: 100%; content: "";}
.other_txt_list{display: inline-block; width: 100%;}
.other_txt_list li{width: 50%; float: left;}
.img_hover_1 img{height: 15rem; object-fit: cover; border-radius: .5rem;}
.ab_lt img{border-radius: .5rem;}

/* amines_sec */
.amines_sec{background: var(--bg_color);}
.amines_box{border-right: .1rem dashed var(--brand); padding: 3rem; border-bottom: .1rem dashed var(--brand); display: flex;}
.amines_sec .row .cummll:last-child .amines_box{border-right-color: transparent; padding-right: 0;}
.amines_sec .row .cummll:first-child .amines_box{border-left-color: transparent;}
.amines_sec .row:last-child .amines_box{border-bottom-color: transparent; padding-bottom: 0;}
.amines_heading{font-size: 2rem; text-transform: capitalize; font-family: "Cabin Condensed", sans-serif; color: var(--black); line-height: 2rem;}
.amines_icon img{width: 6rem; margin-right: 2.5rem;}

/* counter_sec */
.counter_box{width: 100%;  border-radius: 1rem; display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.counter_box strong{color: var(--white); font-weight: 800; font-size: 5rem; line-height: 6rem;}
.counter_box span{text-transform: capitalize; font-size: 2rem; display: block; padding: 0; color: var(--white); font-weight: 500; line-height: 2rem;}
.counter_box sup{color: var(--white); top: -2.5rem; font-size: 2.5rem;}
.count_lt{margin-right: 2rem; position: relative;}
.count_rt{background: var(--brand); padding: 0 3rem 3rem 3rem; border-radius: .5rem;}
.count_icon{width: 8rem; height: 8rem; background: var(--white); border-radius: 100%; margin-right: 1.5rem; display: flex; align-items: center; justify-content: center;}
.count_icon img{width: 5rem;}

/* room_sec */
.room_box{margin-top: 3rem; position: relative;}
.room_txt{position: relative; background: var(--white); padding: 2rem; margin-right: -7.5rem; z-index: 2; margin-top: 2.5rem; border-radius: .5rem;}
.slider_btn .owl-nav{display: flex; align-items: center; font-size: 0; position: absolute; right: 1rem; bottom: 1rem;}
.slider_btn .owl-prev, .slider_btn .owl-next{background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem;}
.slider_btn .owl-prev::before, .slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.8rem;}
.slider_btn .owl-next::before{content: "\f105";}
.slider_btn .owl-next{margin-left: .5rem;}
.room_list li{display: inline-block; margin: 1rem 1rem 0 0; text-transform: capitalize;}
.room_list li:last-child{margin-right: 0;}
.room_list li span{display: inline-block; border-radius: 1.6rem; font-size: 1.4rem; color: var(--black);}
.room_list li span b{color: var(--brand);}
.room_img img{height: 28rem; object-fit: cover;}
.room_txt h4 a{color: var(--black);}
.room_box_rt{margin-left: 2rem;}
.room_box .portfolio_box::before{background: rgba(255, 255, 255, .3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none;} 
.room_box .portfolio_box:hover::before{height: 100%; opacity: 0; -webkit-transition: all .4s linear; transition: all .4s linear;}

/* feed_back_sec */
.feed_bacl_lt_lt{width: 8rem; height: 8rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--brand); margin-top: 2rem;}
.feed_bacl_lt_lt img{width: 5rem;}
.feed_bacl_lt_rt{margin-top: 2rem;}
.feed_back_lt{margin-right: 2rem;}
.person_txt strong{font-family: "Cabin Condensed", sans-serif; font-size: 1.8rem; text-transform: capitalize; color: var(--black);}
.person_img img{width: 5rem !important; margin-right: 1.5rem;}
.person_info{display: flex; align-items: center; margin-top: 1.5rem;}
.feed_bacl_lt_rt .owl-nav{display: none;}
.feed_bacl_lt_rt .owl-dots{display: flex; align-items: center; justify-content: end;}
.feed_bacl_lt_rt .owl-dots .owl-dot{transition: 0.3s all ease; background: #CDD5D9; width: 2.5rem; height: .8rem; margin: 0 .5rem;}
.feed_bacl_lt_rt .owl-dots .owl-dot.active{background: var(--brand); width: 4rem;}
.feed_back_rt{border-radius: .5rem; overflow: hidden;}

/* lobby_sec */
.lobby_sec .container{max-width: 100%; padding: 0;}
.lobby_lt img{height: 100%; object-fit: cover;}
.lobby_rt{padding: 5rem 3rem;}
.lobby_lt_img{display: block; margin-top: 1.5rem; border-radius: .5rem; overflow: hidden;}
.lobby_lt_img img{height: 20rem; object-fit: cover;}
.lobby_lt_lt, .lobby_rt_rt{margin-top: 2rem;}

/* gallery_sec */
.gallery_sec .container{--space: 2rem; display: grid; align-content: center; overflow: hidden; gap: var(--space); width: 100%; font-size: 1.5rem;  line-height: 1.5;}
.marquee { width: 100%; margin:auto; --duration: 60s; display: flex; overflow: hidden; user-select: none; gap: 2rem;}
.marquee__group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: 2rem; min-width: 100%; animation: scroll var(--duration) linear infinite;}
.marquee__group img {max-width: clamp(35rem, 5rem + 28vmin, 43rem); aspect-ratio: 1;object-fit: cover; border-radius: 1rem;}
.marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(calc(-100%));
    }
  }
.gallery_grup{padding: 3rem 0;}
.gallery_grup .portfolio_box img{transition: .3s all;}
.gallery_grup .portfolio_box:hover img{opacity: 1; transform: scale(1.1);}
  


/* footer_sec */
.ft_btm{background: #11141a; padding: 1.5rem 0;}
.ft_btm .d-flex{align-items: center; justify-content: space-between;}
.ft_btm a img {width: 10rem;}
.ft_btm p, .ft_txt p, .ft_con_txt{color: #b6b9c2;}
.ft_logo_img img{width: 10rem;}
.ft_top{background: #191d26; padding: 4rem 0 3rem 0;}
.ft_top_lt, .ft_top_rt{padding-bottom: 3rem;}
.ft_txt{padding-top: 3rem;}
.con_ft_list li{display: inline-block; padding: 1.5rem 1.5rem 0 0;}
.con_ft_list li:last-child{padding-right: 0;}
.ft_con_icon img{width: 3rem;}
.ft_con_txt em{display: block; color: var(--white);}
.ft_con_icon{background: var(--white); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: auto; position: absolute; left: 0; top: 0;}
.con_ft_list li a, .ft_add_flex{display: inline-flex; align-items: center; position: relative; padding-left: 6.5rem;}
.ft_map_box{margin-top: 2rem;}
.ft_map_box iframe{width: 100%; height: 20rem;}
.ft_sicial_icon li {display: inline-block;}
.ft_sicial_icon li a { width: 4rem; height: 4rem; border: .1rem solid #FFFFFF1C;  display: flex; align-items: center; justify-content: center;  margin-right: 1.5rem;  color: var(--white);   border-radius: 100%;}
.ft_sicial_icon li:last-child a {margin-right: 0;}
.ft_sicial_icon li a:hover{background: var(--brand); color: var(--white);}
.ft_heading { color: var(--white); font-size: 2.2rem; line-height: 2.8rem; text-transform: capitalize; display: block; position: relative; margin-bottom: 2rem; font-family: "Cabin Condensed", sans-serif;}
.ft_socil_box{margin-top: 3rem;}
.socil_txt{margin-right: 1.5rem;}
.ft_gallery_list{display: flex; flex-wrap: wrap; margin: 0 -.5rem; justify-content: center;}
.ft_gallery_list li{display: inline-block; padding: 0 .5rem; width: 25%;}
.ft_gallery_list li img{height: 7rem; 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;}
.ft_gallety_boxes{margin-top: 2rem;}
.ft_menu_list{border-top: .1rem solid #384052; border-bottom: .1rem solid #384052; display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center;}
.ft_menu_list li{display: inline-block; text-transform: capitalize; width: 25%; margin: 0 -1rem; border-right: .1rem solid #384052; }
.ft_menu_list li a{display: block; padding: 1.5rem 1rem; color: #b6b9c2; width: 100%; text-align: center;}
.ft_menu_list li:last-child {border-right-color:transparent;}
.ft_menu_list li a:hover{color: var(--brand);}
.ft_top_lt{padding-right: 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;}


/* call_sec */
.call_content{border: .1rem solid #EDEDED; padding: 1.9rem 5rem; border-radius: 20rem;}
.call_icon{color: var(--brand); font-size: 1.6rem; font-weight: 600; border: .1rem solid #EDEDED; width: 5.4rem; height: 5.4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.call_box{align-items: center; justify-content: space-between; margin-right: 1.5rem;}
.call_content .cumml:last-child .call_box{margin-right: 0;}
.call_rt_icon, .call_txt a, .call_txt{color: var(--black);}
.call_txt a{font-weight: 600; font-size: 1.8rem;}

/* caontact_main */
.caontact_main_flex{align-items: center; border: .1rem solid #ccc; border-radius: 2.5rem; justify-content: space-between; padding: 2rem 4rem;}
.caontact_main_txt{margin-right: 1.5rem;}



/* contact_page */
.inner_banner .banner_box{padding: 25rem 0 5rem 0; position: relative; z-index: 1;}
.inner_banner .banner_box::before{background: rgba(12, 26, 54, 0.6); width: 100%; height: 100%; position: absolute;  top: 0; left: 0; z-index: -1; content: "";}
.inner_banner_box{background: rgba(255, 255, 255, 0.1); border: .1rem solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(5px); border-radius: .7rem; padding: 1.5rem 3rem; max-width: 25rem; text-align: center;}
.inner_banner_box h1{color: var(--white); letter-spacing: .2rem;}
.inner_contact_lt{background: #F3F4F6; padding: 3rem; border-radius: .5rem;}
.contact_rt{margin-left: 2rem;}
.con_ft_sicial_icon{margin-top: 2rem;}
.con_ft_sicial_icon li:first-child{display: block; margin-right: 0;}
.con_ft_sicial_icon .ft_heading{color: var(--black); display: block; padding-bottom: .8rem;}
.con_ft_sicial_icon li a{color: var(--body_txt_color); border-color: var(--body_txt_color);}
.inner_con_rt_img{display: block; border-radius: .5rem; overflow: hidden; margin-top: 2rem;}
.support_box .d-flex .images img {width: 4.5rem; height: 4.5rem; border-radius: 50% !important; margin-right: -2rem; border: .4rem solid var(--white);}
.support_text{margin-left: 3rem; font-weight: 600; font-size: 1.6rem; text-transform: capitalize;}
.support_box{background: #F3F4F6; padding: 1.5rem; border-left: .3rem solid var(--brand); position: relative; margin: -2rem 0 0 2rem; border-radius: .5rem; max-width: 28rem;}
.inner_map_sec iframe{width: 100%; height: 40rem;}
.hotel_con_box{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.map_from{background: var(--white); border-top: .2rem solid var(--brand); padding: 2rem;}
/* .inner_con_map_img img{width: 100%; height: 8rem; object-fit: cover;} */
.map_contact_list li{margin-top: 2rem; position: relative; padding-left: 2.5rem;}
.map_contact_list li em{position: absolute; left: 0; top: .5rem; color: var(--brand);}
.map_contact_list li, .map_contact_list li a{color: var(--black); font-weight: 500;}
.inner_con_map_img{border-radius: .5rem; overflow: hidden; display: block; margin-right: 2rem;}
.inner_con_map_img img{height: 100%; object-fit: cover;}


/* gallry_page */
.inner_gallery .gallery_grup{padding: 3rem 0 0 0;}



/* 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-button:not(.collapsed) h4{color: var(--white);} */
.faq_box .accordion-body{padding: 1.5rem;}
.faq_box .accordion-button h4{font-size: 2rem; 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;}


/* inner_feed_back_sec */
.inner_feed_back_box{border: .1rem solid #f1f2f4; padding: 3rem; margin-top: 3rem; position: relative; border-radius: .5rem;}
/* .qutin_icon{border-top: .1rem solid #DDDDDD9C;} */
.qutin_icon svg{width: 6rem; height: auto;}
.qutin_icon svg path{fill: #DDDDDD;}
.rating li {display: inline-block !important; margin: 0 .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: none !important;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem / 1 FontAwesome; content: "\f006";color: #FFC107;}
.bold_icon::before {content: "\f005";}
.inner_feed_back_btm{display: flex; align-items: center; justify-content: space-between; border-top: .1rem solid #DDDDDD9C; padding-top: 1rem; margin-top: 2rem;}


/* room_page */
.inner_room_box{background: #F7F7F7; padding: 1rem; border-radius: .5rem;}
.r_amiti_img img{width: 2.5rem; margin-right: .5rem;}
.r_amiti_txt{color: var(--black); text-transform: capitalize;}
.r_amitin_list li { margin: 1rem 1rem 0 0; display: inline-block;}
.r_amitin_list li .d-flex{align-items: center; background: var(--white);  padding: .5rem .8rem;  box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2);  border-radius: .5rem;}
.inner_room_txt{padding-top: 1.5rem;}
.inner_room_txt .other_as_btn {margin-top: 2.6rem;}
.inner_room_box .room_img img {height: auto !important;}

/* 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: block; text-align: center;}
.error_page_info{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; text-align: center;}

/* about_page */
.inner_ab_img_2 img{height: 20rem; object-fit: cover; border-radius: .5rem;} 
.inner_ab_box{background: var(--brand); max-width: 29.3rem; width: 100%; height: 17.8rem; position: relative;  display: flex; flex-direction: column; justify-content: end; padding: 4rem 3rem; border-radius: 1.5rem; z-index: 1;  overflow: hidden; z-index: 1; margin-top: 1.5rem;}
.shape{position: absolute; top: 0; right: 0; z-index: -1;}
.ab_count_box{flex-direction: column; align-items: start;}
.ab_count_box.counter_box sup {right: -5.9rem; top: -5.5rem;}
.inner_ab_img_1 img{border-radius: .5rem;}
.inner_ab_lt{margin-right: 2rem;}
.inner_ab_list li{display: inline-block; margin: 2.5rem 3.5rem 0 0;}

/* vimi_sec */
.vimi_box{background-color: var(--white); box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05); border-radius: 1rem; padding: 0 3rem 3rem 3rem; margin-top: 3rem;}
.vimi_icon{height: 6.5rem; width: 6.5rem; position: relative; margin-bottom: 2.5rem; background: #f8b3b3; border-radius: 0 0 1rem 1rem; display: flex; align-items: center; justify-content: center;}
.vimi_icon img{width: 4rem;}

.offer_sec{position: relative;}
.offer_sec::before{background-color: rgba(0,0,0,0.50); position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: "";}
.offer_box{position: relative; background: rgba(255, 255, 255, 0.1); border: .1rem solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(5px); border-radius: .7rem; padding: 3rem; max-width: 50rem;}
.offer_sec {background-attachment: fixed !important;}

/*----------------------------------------------------------17-8-24---------------------------------------------------------*/
.amitines_banner .banner_box{background-position: 50% 83% !important;}


/*-------------------------------------------10-9-24--------------------------------------------*/
.lobby_lt{height: 100%;}









@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: 1499px) {
    .banner_box {padding: 25.2rem 0;}
    .heder_menu .container {padding: 0 3rem;}
    .heder_rt_what_app_icon {right: 19rem;}
    .menu_sec {padding-right: 46rem;}
}

@media only screen and (max-width: 1299px) {
  .heder_menu .container {padding: 0 1.5rem;}
  .call_icon {width: 4.4rem; height: 4.4rem;}
  .caontact_main_flex{flex-direction: column;}
  .caontact_main_txt {margin: 0 0 1.5rem 0; text-align: center;}
  .menu_sec li a {padding-right: 1.5rem;}
  .menu_sec li {font-size: 1.6rem;}
}

@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;} 
  .heder_rt_what_app_icon {right: 24.8rem; border-left-color: transparent;}
  .heder_rt_bunt {right: 5rem; top: 1.1rem;}
  .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; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--brand);}
  .nav_top .navbar-collapse.show {left: 0;}
  .menu_sec {padding-right: 0;}
  .menu_sec li a {padding: 1.5rem; border-bottom: .1rem dashed #ccc; display: block; width: 100%;}
  .banner_frm { margin-top: 3rem;}
  .banner_frm_content{background: var(--white); padding: 3rem; width: 100%;  border-radius: .5rem;  float: none;  box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.07);}
  .frm_label_txt {color: var(--black);}
  .banner_frm_content .as_btn {margin-top: 1.5rem;}
  .amines_heading {font-size: 1.8rem; line-height: 2rem;}
  .banner_box { padding: 28rem 0;}
  .room_txt h4{font-size: 2.2rem; line-height: 2.8rem;}
  .call_content {padding: 1.9rem 2rem;}
  .call_box {margin-right: 0.5rem;}
  .call_box a{font-size: 1.6rem;}
  .add_txt{font-size: 1.4rem;}
  .con_ft_list li {display: block; padding: 1.5rem 0 0 0;}

  /* contat_page */
  .hotel_con_box{width: 100%;}
}

@media only screen and (max-width: 991px){
    
  .ab_rt {padding-left: 0; margin: 4rem 0 0 0;} 
  .amines_sec .row{margin: 0 -1rem !important;}
  .amines_sec .cummll{padding: 0 1rem !important;}
  .amines_box{border: .1rem dashed var(--brand) !important; margin-top: 3rem;}
  .ptb{padding: 5rem 0;}
  .inner_ptb{padding: 2rem 0 5rem 0;}
  .other_ptb{padding: 2rem 0 5rem 0;}
  .room_img img {height: 24rem;}
  .call_content {border-radius: 2rem;}
  .add_flex_box{margin-top: 1.5rem; justify-content: center;}
  .add_flex_box .call_icon{margin-right: 1.5rem;}
  .marquee__group img {max-width: clamp(29rem, 5rem + 28vmin, 43rem);}
  .feed_back_lt {margin: 0 0 2rem 0;}
  .feed_back_rt img{display: none;}

  /* contact_page */
  .contact_rt {margin: 3rem 0 0 0;}
  .inner_banner .banner_box {padding: 25rem 0 4rem 0;}

  /* about_page */
  .inner_ab_lt {margin: 0 0 2rem 0;}
    
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .heder_rt_what_app_icon .header_rt_ph_txt{display: none;}
    .header_rt_ph_icon {position: inherit; left: inherit; top: inherit;}
    .room_txt {margin: 0 0 2rem 0;}
    .amines_box {flex-direction: column; padding: 2rem;}
    .amines_icon img {margin: 0 0 2.5rem 0;}
    .counter_box span {font-size: 1.6rem; line-height: 2rem;}
    .count_icon {width: 7rem; height: 7rem;}
    .count_icon img {width: 4rem;}
    .room_box_rt {margin-left: 0;}
    .lobby_rt {padding: 3rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .other_ptb{padding: 1rem 0 4rem 0;}
    .banner_box {padding: 24rem 0;}
    .call_content {padding: 0 2rem 1.9rem 2rem;}
    .call_box {margin-top: 1.5rem;}
    .marquee__group img {max-width: clamp(20rem, 5rem + 28vmin, 43rem);}
    .feed_bacl_lt_lt {width: 6rem; height: 6rem;}
    .feed_bacl_lt_lt img {width: 3rem;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem;}
    .call_box {margin-right: 0;}
    .room_img img {height: auto;}

    /* contact_page */
    .inner_banner .banner_box {padding: 22rem 0 2rem 0;}
    .hotel_con_box {position: inherit; left: inherit; top: inherit; transform: inherit; margin-top: -13rem;}
    .inner_map_sec iframe {height: 30rem;}
    .inner_con_map_img {margin: 0 0 2rem 0;}
    .inner_con_map_img img {height: auto;}
    .map_from{box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.07); margin-bottom: 4rem;}
    
    
}


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

  .heder_rt_bunt .as_btn{padding: 0; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}
  .heder_rt_bunt .as_btn  .btn_txt{display: none;}
  .heder_rt_bunt .as_btn .btn_icon {margin-left: 0;}
  .nav_top .navbar-brand img {width: 5rem;}
  .heder_rt_bunt {right: 4rem; top: 1rem;}
  .heder_menu .container {padding: 0 1rem;}
  .heder_rt_what_app_icon {right: 9rem; border-left-color: transparent; border-right-color: transparent; padding: 0; top: 1rem;}
  .header_rt_ph_icon {width: 4rem; height: 4rem;}
  .header_rt_ph_icon img {width: 2.5rem;}
  .heder_top_lt .top_lt_txt{font-size: 1.2rem;}
  .top_lt_icon i{vertical-align: middle;}
  .bannersec .carousel-control-next, .bannersec .carousel-control-prev {left: 1.5rem; width: 3.5rem; height: 3.5rem;}
  .bannersec .carousel-control-next {left: inherit; right: 1.5rem;}
  .banner_box {padding: 13rem 0;}
  .banner_frm_content {padding: 2rem;}
  .image_block {position: inherit; left: inherit; bottom: inherit; max-width: 100%; margin-top: 2rem;}
  .text_three { position: inherit; left: inherit; bottom: inherit; margin-top: -5rem;}
  .other_txt_list li {width: 100%;}
  .amines_box{margin-top: 2rem;}
  .counter_box {flex-direction: column;}
  .count_txt{display: block; text-align: center;}
  .counter_box strong {font-size: 4rem; line-height: 4.5rem;}
  .counter_box span {font-size: 1.2rem; line-height: 2rem;}
  .count_icon {width: 5rem; height: 5rem; margin: 0 0 .5rem 0;}
  .count_icon img {width: 3.5rem;}
  .counter_box{margin-top: 2rem;}
  .count_rt {padding: 0 2rem 2rem 2rem;}
  .call_box {align-items: start; justify-content: space-between; margin-right: 1.5rem; flex-direction: column;}
  .call_txt{display: block; padding: .5rem 0;}
  .caontact_main_flex {padding: 2rem 2rem;}
  .caontact_main_txt h4{font-size: 2.2rem; line-height: 2.8rem;}
  .ft_con_icon {position: inherit; left: inherit; top: inherit;  margin: 0 0 .8rem 0;}
  .con_ft_list li a, .ft_add_flex {padding-left: 0; flex-direction: column; align-items: start;}
  .ft_menu_list li {width: 50%; border: none;}
  .ft_menu_list li a{border: .1rem solid #384052; margin-top: 1rem;}
  .ft_menu_list{padding-bottom: 1rem;}
  .ft_btm .d-flex{flex-direction: column;}
  .ft_link_txt{padding-top: .2rem;}
  .inner_ptb{padding: 2rem 0 4rem 0;}
  .other_ptb{padding: 2rem 0 4rem 0;}
  h1, h2 {font-size: 2.2rem; line-height: 2.8rem;}
  .lobby_rt {padding: 2rem 1.5rem;}
  .room_box {margin-top: 2rem;}
  .bannersec .carousel-control-next, .bannersec .carousel-control-prev {top: 62%;}

  /* cobtact_page */
  .map_contact_list li {font-size: 1.4rem; margin-top: 1.5rem;}
  .support_box .d-flex .images img {width: 3.5rem; height: 3.5rem;}
  .support_box {margin: -2rem 1rem 0 1rem;}
  .con_ft_sicial_icon {margin-top: 1rem;}
  .inner_contact_lt {padding: 2rem;}
  .inner_banner_box  h1{font-size: 2.5rem; line-height: 3rem;}

  /* feed_back_page */
  .inner_feed_back_box {margin-top: 2rem; padding: 2rem;}

  /* error_page */
  .error_page_info strong {font-size: 15rem; line-height: 15rem;}

  /* about_page */
  .inner_ab_img_1 img{display: none;}
  .inner_ab_img_2 img{display: block;}
  .vimi_box {padding: 0 2rem 2rem 2rem; margin-top: 2rem;}
  .offer_box {padding: 2rem;}

    
}

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

}