@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 'Open Sans', sans-serif; color: var(--body_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: "Noto Sans", 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: "Noto Sans", sans-serif; */

:root{
    --black: #1b212f;
    --brand: #297cbb;
    --blue: #3f9cc1;
    --body_color: #333334;
    --white:#fff;
    --ft_bg: #14203A;
    --ft_bt_bg: #03102D;
    --bg_color: #eef2f6;
   }



em{font-style: normal;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.mtt{margin-top: 7rem;}
.as_btn{position: relative; background: var(--brand); color: var(--white); font-weight: 600; font-size: 1.4rem; letter-spacing: 0.2em; padding: 0 3rem; text-transform: uppercase; line-height: 4.5rem; vertical-align: middle; border: none; display: inline-block; border: .2rem solid transparent; height: 5rem; margin-top: 2.5rem; text-align: center;}
.as_btn::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: .1rem solid var(--white); transition: all 0.5s ease;}
.as_btn span {z-index: 9; position: relative; display: inline-block;}
.as_btn:hover{color: var(--white); background: var(--black);}
.as_btn:hover::before {width: calc(100% + 10px); height: calc(100% + 10px); top: -.5rem; left: -.5rem; border-color: var(--black);}
h1,h2{font-size: 4rem; line-height: 4.5rem; text-transform: capitalize; color: var(--black); display: flex; font-weight: 600; flex-direction: column;}
.sub_heading{font-size: 1.4rem; line-height: 1.4rem; margin-bottom: 1rem; color: var(--brand); text-transform: uppercase; display: inline-block; padding: 0 6rem; position: relative; letter-spacing: .1rem;}
.sub_heading::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4.5rem; height: .2rem; border-bottom: .1rem solid var(--brand);}
/* .sub_heading::after {content: ""; position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); width: 4.5rem; height: .2rem; border-bottom: .1rem solid var(--brand);} */
.txt_center{justify-content: center; align-items: center; text-align: center;}
h4{font-size: 2.2rem; line-height: 2.8rem; 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;}
.para_txt{max-width: 86rem; margin: 0 auto;}
.con_btn{display: inline-block; color: var(--white); background: var(--brand); padding: 0 1.9rem; line-height: 4.5rem; height: 4.5rem; text-align: center; text-transform: uppercase; border-radius: 3rem; font-weight: 600; letter-spacing: .1rem; font-size: 1.4rem; position: relative; z-index: 1; overflow: hidden;}
.con_btn::before , .con_btn::after{ content: ''; width: 50%; height: 0; background: var(--black); border-radius: 3rem 0 0 3rem;  position: absolute;  top: 0;  left: 0;  z-index: -1; transition: .3s;}
.con_btn::after{top: auto; left: auto; bottom: 0;  right: 0;  border-radius: 0 3rem 3rem 0;}
.con_btn:hover::before, .con_btn:hover::after{height: 100%;}
.con_btn:hover{color: var(--white);}


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



/*header*/
.header_sec{ width: 100%;}
.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 li{ position: relative; text-transform: capitalize; font-weight: 500; font-size: 1.8rem; margin-right: 2.5rem;}
.menu_sec li a{color: var(--black); display: inline-block; padding: 2rem 0; position: relative;}
.menu_sec li a::before{content: ""; width: 100%; height: .2rem; background: linear-gradient(90.05deg, var(--brand) 0.06%, rgba(219, 167, 101, 0) 102.94%); border-radius: 2rem; position: absolute; left: 0; bottom: 1.5rem; opacity: 0; visibility: hidden;}
.menu_sec li a:hover::before, .menu_sec li.active a::before{opacity: 1; visibility: visible;}
.menu_sec li a:hover{color: var(--brand);}
.menu_sec li:last-child a{padding-right: 0;}
.nav_top .navbar-brand img{width: 16rem;}  
.heder_top{padding: .5rem 0; border-bottom: .1rem solid #EEEEEE;}   
/* .heder_top .d-flex{align-items: center; justify-content: space-between;} */
.heder_top p{text-transform: capitalize;}
.heder_top p a{color: var(--brand); text-transform: capitalize; border-bottom: .1rem dotted var(--brand); font-weight: 600; font-size: 1.4rem;}
.heder_top p a:hover{color: var(--black);}
.ph_img img{width: 2.6rem; margin-right: .8rem;}
.ph_txt{color: var(--black); font-weight: 500;}
.ph_txt em{display: block; font-size: 1rem; line-height: 1rem;}
.heder_menu{padding: 1rem 0;}
.heder_menu .container{max-width: 100%; padding: 0 3rem;}
.heder_rt_btn{position: absolute; right: 0; top: 1rem;}
.menu_sec{padding-right: 35rem;} 
.heder_rt_btn .con_btn em{display: none;}
.drop-arw::after{border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; position: absolute; right: -1.9rem; top: 2.1rem; font-size: 1.4rem;}
.menu_sec li.dropdown{margin-right: 3.5rem;}
.nav_top .dropdown-menu li{font-size: 1.6rem; margin-right: 0;}
.nav_top .dropdown-menu li a{ display: block; padding: 1rem; margin-right: 0; border-bottom: .1rem dashed #ccc;}
.nav_top .dropdown-menu li a::before{display: none;}
.nav_top .dropdown-menu li:last-child a{border-bottom-color: transparent;}
.nav_top .dropdown .dropdown-menu{padding-top: 0;}
.heder_ph{position: absolute; right: 29.5rem; top: 1.4rem;}
.header_sec.fixed{box-shadow: 0 0 .7rem 0 #ccc; position: fixed; left: 0; top: 0; z-index: 9999; background: var(--white);}
.header_sec.fixed .heder_top {display: none;}


/*banner*/  
.bannersec{ width: 100%;}
.banner_box{padding: 30rem 0;}
.bannersec .carousel-indicators [data-bs-target]{width: 1.8rem !important; height: 1.8rem !important; border: .2rem solid transparent !important; border-radius: 50% !important; background: transparent !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important; position: relative;}
.bannersec .carousel-indicators [data-bs-target]::before{background: rgba(255,255,255,0.8) !important; width: .8rem !important; height: .8rem !important; position: absolute !important; content: '' !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; border-radius: 50% !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important;}
.bannersec .carousel-indicators [data-bs-target]:hover, .bannersec .carousel-indicators [data-bs-target].active{border-color: var(--white) !important;}



/* .banner_frm_sec */
.banner_frm{margin-top: -20rem; position: relative;}
.banner_frm_content{background-color: #1222237D; padding: 2.5rem 2.5rem 1rem 2.5rem;  position: relative; z-index: 2; border-radius: .5rem;
     /* max-width: 104rem; margin: 0 auto; */
      border: .1rem solid #FFFFFF1A;}
.ban_frm_row{display: flex; align-items: center; flex-wrap: wrap;}
.ban_frm_box{width: 16.66666667%; padding: 0 .5rem;}
.frm_label_txt{color: var(--white); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative;}
.banner_content{position: relative;}
.ban_info{position: relative; display: inline-block; margin-top: 9.5rem; color: var(--white); font-size: 2.5rem; line-height: 3.5rem; letter-spacing: .1rem; text-transform: capitalize; z-index: 2;}
.ban_info::after{content: ''; width: 5rem; height: 10rem; position: absolute; bottom: 90%; left: -8rem; background: url(../images/line_arrow.png) no-repeat center center transparent; background-size: contain;}
.banner_frm .input_fld input[type="text"], .banner_frm .input_fld input[type="email"], .banner_frm .input_fld input[type="tel"], .banner_frm .input_fld input[type="password"], .banner_frm .input_fld textarea, .banner_frm .input_fld input[type="date"], .banner_frm .input_fld .form-select{border: none; height: 4rem; border: .1rem solid #b6b5b5;}
/* .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;} */

/* 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%;}
.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: 4rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0; display: flex; align-items: center; justify-content: center;}
.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;}
/* .input_fld button{border: none;} */


/* amitines_sec */
.aminites_box{background: var(--white); box-shadow: 0 0 1.5rem rgba(0,0,0,.10); padding: 2.5rem; text-align: center; border-radius: .5rem; margin-top: 3rem;}
.aminites_icon img{width: 6rem; margin-bottom: 1.5rem;}

/* properties_sec */
.properties_line{border-top: .2rem dashed #ccc;}
.properties_txt{background: #f0f3f9; padding: 1.5rem 2.5rem; margin: -3rem 1rem 0 1rem; position: relative; display: flex; align-items: center; justify-content: space-between; border-radius: 2.5rem;}
.properties_txt h4 a{color: var(--black);}
.red_btn{background: var(--brand); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; color: var(--white); border-radius: 100%;}
.properties_img img{border-radius: .5rem;}
.properties_rt{margin-left: 3rem;}


/* about_sec */
.about_sec{background: var(--bg_color);}
.ab_img_rt{border-radius: .5rem; overflow: hidden; display: block;}
.ab_img_rt2{margin-top: 2rem;}
.ab_img_rt2 img{height: 34.5rem; object-fit: cover;}
.ab_rt{align-items: end;}
.exper_box{position: relative; background: var(--brand); padding: 1.5rem; border: .2rem solid transparent;}
.exper_box::before{content: ''; position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  border: .1rem solid var(--white);  transition: all 0.5s ease;}
.exper_box h5{color: var(--white);}
.flex_rt{display: flex; flex-direction: column;}



/* counter_sec */
.counter_box{width: 100%;  border-radius: 1rem; 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: .5rem; color: var(--black); font-weight: 500; line-height: 2rem;}
.counter_box{margin-top: 2rem;}
.counter_box sup{color: var(--brand); top: -2.5rem; font-size: 2.5rem;}
.count_lt{margin-right: 2rem; position: relative;}
.counter_sec{position: relative; background-attachment: fixed !important;}
.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 */
.room_box{border: .1rem solid #e8e8e8; padding: 1.5rem; border-radius: .5rem; margin-top: 3rem;}
.room_txt{padding-top: 1.5rem;}
.room_txt h4 a{color: var(--black);}
.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{background: #F6F6F6; display: inline-block; padding: 0 2rem; height: 3rem; line-height: 3rem; border-radius: 1.6rem; font-size: 1.4rem;}
.room_list li b{ color: var(--brand);}
.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.5rem;}
.slider_btn .owl-next::before{content: "\f105";}
.slider_btn .owl-next{margin-left: .5rem;}
.room_img{position: relative;}
.book_btn{border-top: .1rem dashed #ccc; padding: 1rem 0 0 0; margin-top: 2rem; }
.book_btn a{text-transform: uppercase; color: var(--brand);  font-weight: 600; display: flex; align-items: center; justify-content: space-between;}


/* room-sub-page-start */

section.room_sec {
    background: var(--bg-white);
}

.room_box {
    border: .2rem solid #7b74741f;
    border-radius: .5rem;
    margin-top: 3rem;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.room_txt h3 a {
    font-weight: 700;
    color: var(--black);
    font-size: 2.4rem;
    text-transform: capitalize;
}

.room_box .portfolio_box {
    margin-top: 0;
}

.room_box .portfolio_box::before {
    display: none;
}

.room_box .portfolio_box::after {
    display: none;
}

.room_img_box .portfolio_img .portfolio_link {
    top: 0;
    right: 0;
    background: transparent;
    width: 100%;
    height: 100%;
}

.room_box .portfolio_link::before {
    display: none;
}

/* .room_img .portfolio_img img{height: 34.2rem !important; object-fit: cover;} */
.room_img .owl-nav {
    font-size: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.room_img .owl-prev,
.room_img .owl-next {
    background: var(--primary-color);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
}

.room_img .owl-prev::before,
.room_img .owl-next::before {
    font: normal 1.8rem/3rem FontAwesome;
    color: var(--white);
    content: "\f060";
    background: var(--brand);
    width: 6.5rem;
    border-radius: 50%;
    font-size: 1.8rem;
}

.room_img .owl-next:before {
    content: "\f061";
}

.room_img .owl-carousel .owl-nav .owl-prev,
.room_img .owl-carousel .owl-nav .owl-next {
    position: absolute;
    left: 1.2rem;
    top: 1.8rem;
}

.room_img .owl-carousel .owl-nav .owl-next {
    left: 5rem;
}

.facilit_list li {
    display: inline-block;
    margin: 1rem 1rem 0 0;
    font-size: 1.4rem;
}

.facilit_list li b {
    color: var(--heading_color);
    display: inline-block;
    padding-right: .5rem;
}

.facilit_list li:last-child {
    margin-right: 0;
}

.facilit_list li span {
    border: .1rem dashed #ccc;
    display: inline-block;
    padding: .5rem 1rem;
    text-transform: capitalize;
    font-size: 1.5rem;
}

.room_sec .portfolio_box img {
    border-radius: 0;
    min-height: 425px;
    object-fit: cover;
}

.book_btn {
    border-top: .1rem dashed #ccc;
    padding: 1rem 0 0 0;
    margin-top: auto;
}


.room_box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

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


.room_txt .book_btn a {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.room_txt .book_btn a i {
    color: var(--heading_color);
}

.room_txt {
    padding: 1.5rem;
}

.all_btn {
    position: absolute;
    right: 0;
    top: 0;
}

.portfolio_content {
    position: absolute;
    inset: 0;
    pointer-events: none;
}


.portfolio_content a i {
    font-size: 2.2rem;
    background: var(--brand);
    padding: 1rem;
    border-radius: 50%;
    color: var(--white);
}

.portfolio_link {
    width: 4rem;
    height: 4rem;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 2rem;
    top: 2rem;
    border-radius: 50%;
    font-size: 2.5rem;
    color: var(--brand);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: auto;
    z-index: 9;
    background: var(--primary-color);
    color: var(--bg-white);
}

.portfolio_box:hover .portfolio_link,
.portfolio_img:hover .portfolio_link {
    opacity: 1;
    visibility: visible;
}

ul.facilit_list li span b {
    color: var(--primary-color);
}

/* .room-active .owl-carousel .item .portfolio_link {
    visibility: visible !important;
    opacity: 1;
} */

.room_box {
    height: 100%;
}


.room_img .owl-item {
    display: flex;
    justify-content: center;
}

.room_img .owl-item img {
    width: 100%;
    display: block;
}

.room_txt .book_btn a:hover {
    color: var(--secondry-color);
    transition: 0.8s;
}

/* room-sub-page-end */

/* 404-page-start */

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

h2.er-text-1 span {
    display: inline-block;
    margin-bottom: .6rem;
    font-weight: 600;
    color: var(--brand);
    font-family: var(--bs-font-sans-serif);
}

/* 404-page-end */






/* call_box */
.call_box{background: var(--bg_color); box-shadow: 0 3rem 5rem 0 rgba(153, 153, 153, .15); padding: 4rem 3rem; border-radius: .5rem;}
.call_sec .container{max-width: 100%; padding: 0;}
.questions_box{background: var(--black); padding: 1.5rem 1rem; text-align: center; margin-top: 3rem; border-radius: .5rem;}
.questions_box h4{color: var(--white);}
.questions_box h4 a{color: var(--white);}
.txt_list{display: inline-block; width: 100%;}
.txt_list li{position: relative; padding-left: 2rem; width: 50%; float: left; margin-top: .8rem;}
.txt_list li::before{content: '\f14a'; font-family: "Font Awesome 6 Pro";position: absolute; left: 0; top: 0; color: var(--brand); font-size: 1.2rem;}
.call_sec{background-attachment: fixed !important; padding: 1rem;}


/* feed_back_sec */
.feed_back_box{background: var(--brand); padding: 2.5rem; margin-top: 2rem; position: relative; border-radius: .5rem;}
.person_img img{width: 5rem !important; margin-right: 1.5rem;}
.person_txt strong{text-transform: capitalize; color: var(--white); font-size: 2rem; font-family: "Noto Sans", sans-serif;}
.feed_back_sec .owl-item{padding: 0 1rem;}
.person_flex{margin-bottom: 1.5rem; align-items: center;}
.feed_back_sec .owl-nav{display: none;}
.feed_back_sec .owl-dots{display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.feed_back_sec .owl-dot{display: block; width: 1.5rem; height: .5rem; padding: 0; border: none; border-radius: .2rem; background: #ccc; text-indent: -9999px; margin: 0 .5rem;}
.feed_back_sec .owl-dot.active{background: var(--brand); width: 3rem;}
.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";}
.feed_back_icon{position: absolute; right: 2rem; top: 2rem;}
.feed_back_icon i{color: var(--white); font-size: 3.6rem; opacity: .8;}
.feed_back_box p{border-top: .1rem dashed #ccc; margin-top: 1.5rem; padding-top: 1rem;}
.feed_back_content{position: relative;}
.per_img{position: absolute;}
.per_img1{ top: 3rem; left: 8rem;}
.per_img2{ top: 50%; left: 3rem;}
.per_img3{bottom: 3rem; left: 13rem;}
.per_img4{top: 3rem; right: 8rem;}
.per_img5{top: 50%; right: 3rem;}
.per_img6{bottom: 3rem; right: 13rem;}
.per_img img{width: 6rem;}
.feed_back_sec .para_txt {max-width: 70rem;}





/* footer_sec */
.footer_sec{background: var(--ft_bg); padding-top: 4rem;}
.ft_logo img{width: 20rem; margin-bottom: 2rem;}
.ft_txt{padding-bottom: 3rem;}
.ft_txt p, .ft_bottom p{color: rgba(255, 255, 255, 0.6);}
.socila_icons ul li{display: inline-block; margin-top: 2.2rem;}
.socila_icons ul li a{width: 4rem; height: 4rem; background: rgba(255, 255, 255, 0.14);  color: var(--white); display: flex; align-items: center; justify-content: center; margin-right: 1rem; border-radius: 100%;}
.socila_icons ul li:last-child a{margin-right: 0;}
.ft_heading{color: var(--white); font-size: 2rem; font-weight: 400; line-height: 1.2; margin-bottom: 2.3rem; position: relative; z-index: 1; display: inline-block; font-size: 2.2rem; text-transform: capitalize;}
.ft_heading::before{position: absolute; right: 0; bottom: .2rem; content: ""; background: rgba(255, 255, 255, 0.3); height: .5rem; width: calc(100% - 10px);}
.ft_con_list li a, .ft_con_list li{color: rgba(255, 255, 255, 0.6);}
.ft_con_list li a:hover{color: var(--brand);}
.ft_con_list li{margin-top: 1.5rem; position: relative; padding-left: 2.8rem;}
.ft_con_list li:first-child{margin-top: 1rem;}
.ft_con_list li i{position: absolute; left: 0; top: .5rem; color: var(--brand);}
.ft_top .cullm:nth-child(2) .ft_txt{padding-left: 5rem;}
.ft_top .cullm:nth-child(3) .ft_txt{padding-left: 4rem;}
.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;}
.ft_menu{margin-top: 2rem;}
.ft_menu ul li{display: inline-block; text-transform: capitalize;}
.ft_menu ul li a{color: rgba(255, 255, 255, 0.6); display: inline-block; padding: 0 1.5rem 0 1.5rem; position: relative;}
.ft_menu ul li a::before{position: absolute; left: 0; top: .9rem; width: .8rem; height: .8rem; background: rgba(255, 255, 255, 0.6); content: "";}
.ft_menu ul li:last-child a{padding-right: 0;}
.ft_menu ul li a:hover{color: var(--brand);}
.useful_link{margin-bottom: 1.3rem;}


/* inner_banner */
.inner_banner .banner_box{padding: 15rem 0;}
.inner_banner .banner_box h1{margin: 0 auto; background-color: #1222237D; padding: 2rem 1rem; position: relative; z-index: 2; border-radius: .5rem; max-width: 30rem; border: .1rem solid #FFFFFF1A; color: var(--white);}


/* about_page */
.inner_ab_lt{margin-right: 1.5rem;}
/* .inner_ab_rt span{width: 100%; display: inline-block; font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; font-weight: 600; margin-top: 2rem;} */
.inner_ab_rt ul li{width: 50%; float: left; margin-top: 1.5rem; text-transform: capitalize; position: relative; padding-left: 4rem;}
.inner_ab_rt_img{margin-top: 4rem;}
.inner_ab img{border-radius: .4rem;}
.inner_ab_rt ul{width: 100%;}
.inner_ab_rt ul li::before{background: #F0F0F7 !important; position: absolute; top: -.3rem; left: 0; content: ''; width: 2.5rem; height: 2.5rem; z-index: -2; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.inner_ab_rt ul li::after{background: var(--brand) !important; position: absolute; top: .7rem; left: .8rem; content: ''; width: 1rem; height: 1rem; z-index: -1; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.inner_ab h2 .sub_heading{margin-top: 0;}

.facilities_btn{padding-top: 7rem;}
.facilities_btn a{padding-left: 1rem; color: var(--black);}
.facilities_btn a i {width: 2.5rem; height: 2.5rem; background: var(--white); display: inline-block; text-align: center; line-height: 2.5rem; margin-right: 1rem; transition: .5s; color: var(--brand);}
.facilities_btn:hover a i::before{transform: rotate(45deg); display: inline-block; transition: .5s;}
.facilities_sec{position: relative; background: #F0F0F7;}
.facilities_img_box{position: relative; margin-bottom: 2rem;}
.facilities_img_info{display: inline-block; border: .1rem solid #c5c9d7; border-radius: 100%; padding: 1rem; overflow: hidden;}  
.facilities_img{overflow: hidden; border-radius: 100%;}
.facilities_img img{border-radius: 100%; height: 25rem; width: 25rem; object-fit: cover;}
.facilities_icon{width: 8rem; height: 8rem; border-radius: 100%; background-color: var(--white); position: absolute; right: 0; top: 30%; display: inline-flex; align-items: center; justify-content: center;}
.facilities_icon img{width: 5rem;}
.facilities_txt{margin-top: 2.5rem;}
.facilities_box{padding: 0 2rem; margin-top: 3rem;}
.facilities_txt h3{font-weight: 600; padding-bottom: 1rem;}

.mi_vi_txt{position: relative; max-width: 50%; width: 100%; padding: 5rem 3rem; background-color: rgba(21, 21, 22, 2); border-radius: .4rem 0 0 .4rem;}
.mi_vi_txt h4{color: var(--white); padding-bottom: 1rem;}
.mi_vi_txt p{color: rgba(255, 255, 255, 0.6);}
.mi_vi_txt h4 img{width: 5rem; margin-right: 1rem;}
.mi_vi_box{border-radius: .4rem; margin-top: 5rem; text-align: left;}
.divider{position: relative;}
.divider::before{position: absolute; top: 5rem; left: 0; height: .2rem; width: 100%; background-image: linear-gradient(90deg, rgba(53, 53, 53, 0) 0%, rgba(53, 53, 53, 0.1) 48.96%, rgba(53, 53, 53, 0) 100%); content: "";}


/* contact_page */
.map_sec iframe{width: 100%; height: 40rem;}
.contact_sec .con_form{background-color: var(--white); box-shadow: 0 0 1rem rgba(7,36,95,0.2); padding: 3rem; margin-left: 2rem; border-radius: .8rem;}
.contact_info{display: flex; align-items: center; background-color: #f8f8f8; position: relative; border-radius: .8rem; margin: 2rem 0 0 2rem; padding: 2rem 2rem 2rem 4.5rem; height: 10rem;}
.contact_in_icon{top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -2rem; background-color: var(--brand); padding: 1rem; border-radius: .6rem; color: var(--white);}
.contact_in_txt ul li b{width: 100%; display: inline-block; color: var(--black); text-transform: capitalize;}
.contact_in_social li{display: inline-block;}
.contact_in_txt ul li a{color: var(--black);}
.contact_in_social li a{border-radius: 100%; border: .1rem solid var(--border); display: inline-flex; padding:  1rem 1rem 0 0; align-items: center; justify-content: center;}
.contact_info_ft{margin-top: 7rem; text-align: center;}
.contact_info_ft p{text-transform: capitalize; padding-top: 1rem;}





/* 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: 5rem; height: 5rem; 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;}
.gallery_shape{position: absolute; right: 0; bottom: 0;}
.gallery_shape2{position: absolute; left: 0; top: 0;}
.ft_bottom{background: var(--ft_bt_bg); padding: 1.5rem 0;}
.ft_bottom .d-flex{align-items: center; justify-content: space-between;}
.ft_bottom a img {width: 10rem;}











/* samudra_bilas */
.samudra_ab_txt h2{border-bottom: .1rem dashed #ccc; margin-bottom: 1.5rem; padding-bottom: 1rem;}
.samudra_ab{position: relative; background: var(--bg_color);}
.txt_heading h4{border-bottom-color: transparent; padding: 1rem 0 1rem 1.5rem; border-left: .1rem solid var(--brand); margin-top: 1rem;}
.txt_heading h4 em{color: var(--brand);}
/* aminiren_sec */
.aminites_img img{width: 5rem;}
.samudra_aminiren_box{border: .1rem solid #E5E5E5; padding: 2.5rem; border-radius: .5rem; display: flex; align-items: flex-end; margin-top: 3rem;}
.samudra_aminites_txt h5{border-bottom: .1rem dashed #ccc; padding-bottom: .6rem;}
.samudra_aminites_img img{width: 5rem;}
/* room_sec */
.samudra_room_sec{background: var(--bg_color);}
.samudra_room_box{width: 100%; position: relative; border: .1rem solid #e5e7eb; border-radius: .8rem; margin-top: 3rem; background: var(--white); transition: .3s ease-out; padding: 1.5rem;}
.room_img_box{position: relative; background: var(--white); overflow: hidden; border-radius: .5rem;}
.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; line-height: 3rem; line-height: 3rem; color: var(--white) !important; content: "\f104"; background: var(--brand); border-radius: 100%; width: 3rem; height: 3rem; 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: 5rem; top: 1rem; font-size: 0;}
.room_img_box .owl-carousel .owl-nav .owl-next{position: absolute; right: 1rem; top: 1rem; font-size: 0;}
.samudra_room_sec .row{text-align: left;}
.samudra_room_box .portfolio_box{margin-top: 0;}
.samudra_room_box .portfolio_box::before{display: none;}
.samudra_room_box .portfolio_box::after{display: none;}
.room_img_box .portfolio_img .portfolio_link{top: 0; right: 0; background: transparent; width: 100%; height: 100%;}
.samudra_room_box .portfolio_link::before{display: none;}
.samudra_room_box .portfolio_img img{height: 40rem !important; object-fit: cover;}
.room_img_box .portfolio_box::before{display: none;}
.room_img_box .portfolio_box::after{display: none;}
.samudra_room_box .portfolio_link::before{display: none;}
.samudra_room_sec .facilit_list li{display: inline-block; margin: 1rem 1rem 0 0; text-transform: capitalize;}
.samudra_room_sec .facilit_list li b{color: var(--brand); text-transform: capitalize;}
.samudra_room_sec .facilit_list li:last-child{margin-right: 0;}
.samudra_room_sec .facilit_list li span{border: .1rem dashed #ccc; display: inline-block; padding: .5rem 1rem;}
.samudra_room_sec .room_txt{padding-top: 0; margin-left: 1rem;}
.samudra_room_sec .animites_list li{display: inline-block;}
.samudra_room_sec .animites_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; margin-top: .5rem;}
.samudra_room_sec .facilit_list{margin: 1rem 0 2rem 0;}
.samudra_room_sec .amenities_heading{border-bottom: .1rem dashed #ccc; padding-bottom: .6rem; margin-bottom: 1.5rem;}
.samudra_room_sec .animites_icon img{width: 2rem; margin-right: .5rem;}  
.m_e_heading{position: absolute; background: var(--brand); text-align: center; bottom: 0; left: 2rem; padding: 1rem .5rem; border-radius: 2rem 2rem 0 0; right: 2rem; z-index: 1;}

.index_gallery{padding: 3rem 0;}
.index_gallery .owl-item{padding: 0 .4rem;}
.index_gallery .owl-nav.disabled{font-size: 0; text-align: center; display: flex; align-items: center; justify-content: center;}
.index_gallery .owl-prev::before, .index_gallery .owl-next::before{font: normal 1.8rem/3rem FontAwesome; line-height: 3rem; color: var(--brand); content: "\f060"; background: var(--white); border-radius: 100%; padding: 2rem;}
.index_gallery .owl-next:before{content: "\f061";}
.index_gallery .owl-carousel .owl-nav .owl-prev{position: absolute; left: 1rem; top: 50%;}
.index_gallery .owl-carousel .owl-nav .owl-next{position: absolute; right: 1rem; top: 50%;}
.index_gallery .container-fluid{padding: 0 3rem;}

.inner_banner_frm .ban_frm_box{width: 20%;}



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



/*------------------------------------------------------------------20-5-24--------------------------------------------------------*/
.inner_txt_heading{max-width: 40rem; margin: 0 auto; margin-top: 1rem;}
.contact_txt h2{font-size: 3rem; line-height: 3.5rem;}








@media (min-width: 1200px) 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 var(--blue); 
    background:#fff !important; width: 20rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .0; box-shadow: 0 0 1.2rem #ddd;}

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

}

/* responsive */
@media only screen and (max-width: 1399px){
    .heder_menu .container {padding: 0 1.5rem;}
    .menu_sec li {font-size: 1.6rem; margin-right: 2rem; }
    .heder_ph {right: 23.5rem;}
    .banner_box {padding: 26.2rem 0;}

    /* contact_page */
    .contact_txt h2 {font-size: 3rem; line-height: 3.5rem;}

    /* rimpa */
    .banner_frm_content{padding: 2rem 2rem 1rem 2rem;}
    .as_btn{padding: 0 2.5rem;}

    /*-------------------------------------------------------------------20-5-24--------------------------------------------*/
    .ab_img_rt2 img {height: 27.7rem;}



}

@media only screen and (max-width: 1230px){
    .heder_ph {right: 21.5rem;}
    .contact_txt h2 {font-size: 2.5rem; line-height: 3rem;}
}

@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_btn {right: 4.5rem; top: .5rem;}
    .heder_ph {right: 24.5rem; top: 1rem;}
    .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; width: 100%; padding: 1.5rem; border-bottom: .1rem dashed #ccc;}
    .menu_sec li:last-child a{border-bottom-color: transparent;}
    .menu_sec li.dropdown {margin-right: 0;}
    .menu_sec li { margin-right: 0;}
    .drop-arw::after {right: 0; top: 1.6rem;}
    .menu_sec li a::before{display: none;}
    .menu_sec .dropdown-menu{margin-top: 1rem;}
    .banner_frm .input_fld .as_btn {padding: 0 2rem;}
    .banner_box {padding: 23.5rem 0;}
    h1, h2 { font-size: 3rem; line-height: 3.5rem;}
    .ab_img_rt2 img {height: 22.9rem;}
    .exper_box h5{font-size: 1.8rem; line-height: 2.2rem;}
    .exper_box{ padding: 1rem;}
    .counter_box span {font-size: 1.6rem;}
    .ptb {padding: 6rem 0;}
    .inner_ptb{padding: 3rem 0 6rem;}
    .aminites_txt h5{font-size: 1.8rem; line-height: 2.2rem;}
    .aminites_box {padding: 2rem;}
    .questions_box h4{font-size: 2rem; line-height: 2.5rem;}

    /* about_page */
    .facilities_img img {height: 20rem; width: 20rem;}
    .mi_vi_txt { max-width: 55%;}

    /* samudra_bilas */
    .samudra_aminiren_box{padding: 2rem;}
    .samudra_aminiren_box h5{font-size: 1.7rem;}

    /* rimpa */
    .ban_frm_row .ban_frm_box:last-child{width: 100%;}
    .ban_frm_box{width: 20%;}
    .inner_banner_frm .ban_frm_box:last-child{width: auto;}

    /*-----------------------------------------------------------------------20-5-24----------------------------------------------------*/
    .contact_txt h2 {font-size: 2.2rem; line-height: 2.8rem;}
    
}

@media only screen and (max-width: 991px){
    .ptb {padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem;}
    .banner_frm_content {background-color: var(--white);border-color: transparent; box-shadow: 0 .4rem 2.5rem 0 rgba(0, 0, 0, 0.08);} 
    .banner_frm {margin-top: 3rem;}
    .ban_frm_box {width: 25%;}
    .ban_frm_box:last-child {  width: 100%;}
    .banner_frm .as_btn {margin-top: 1.5rem;}
    .frm_label_txt {color: var(--black);}
    .banner_frm .input_fld input[type="date"] {border: .1rem solid #b6b5b5;}
    .banner_box {padding: 18rem 0;}
    .mtt {margin-top: 0;}
    .properties_rt{margin: 0;}
    .properties_box{margin-top: 3rem;}
    .ab_img_rt2 img { height: 43rem;}
    /* .exper_box { max-width: 34.5rem; } */
    .ab_lt{margin-bottom: 3rem;}
    .per_img3, .per_img6 {bottom: 1rem;}
    .ft_top .cullm:nth-child(2) .ft_txt {padding-left: 0;}

    /* about_page */
    .inner_ab .main_row{flex-direction: column-reverse;}
    .inner_ab_lt {display: none;}
    .inner_banner .banner_box {padding: 12rem 0;}
    .mi_vi_box {margin-top: 3rem; width: 100%; display: inline-block;}
    .vision_txt{float: right;}

    /* connact_page */
    .contact_sec .con_form {margin: 3rem 0 0 0;}
    .map_sec iframe {height: 30rem;}

    /* samudra_bilas */
    .samudra_room_sec .room_txt{margin-left: 0; margin-top: 2rem;}
    .samudra_room_box .portfolio_img img{height: auto !important;}

    /* rimpa */
    .ban_frm_box{width: 33%;}
    .inner_banner_frm .ban_frm_box:last-child{width: 100%;}
    .inner_banner_frm .ban_frm_box{width: 25%;}




}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb {padding: 4rem 0;}
    .inner_ptb{padding: 2rem 0 4rem;}
    .nav_top .navbar-brand img {width: 20rem;}
    .heder_rt_btn .con_btn{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
    .heder_rt_btn .con_btn .text{display: none;}
    .heder_rt_btn .con_btn em {display: block;}
    .heder_rt_btn { top: .1rem;}
    .heder_ph {right: 10.5rem; top: .4rem;}
    .banner_box {padding: 15rem 0;} 
    .ban_frm_box {width: 50%;}
    .about_sec  .as_btn{width: 100%;}
    .ab_img_rt2 {display: none;}
    /* .exper_box {right: 3rem; top: 3rem;} */
    .per_img1 {left: 4rem;}
    .per_img2 {left: 2rem;}
    .per_img3 {left: 7rem;}
    .per_img4{right: 4rem;}
    .per_img5{right: 2rem;}
    .per_img6{right: 2rem;}
    .ft_top .cullm:nth-child(3) .ft_txt { padding-left: 0rem;}
    .ft_bottom .d-flex{flex-direction: column;}
    .ft_bottom .d-flex p{text-align: center;}
    .ft_bottom .ft_link_txt{padding-top: .5rem;}

    /* contact_page */
    .contact_txt h2 {font-size: 2.5rem; line-height: 3rem;}
    .contact_info_ft {margin-top: 5rem;}
    
    /* index_gallery */
    .index_gallery .container-fluid{padding: 0 1.5rem;}
    .index_gallery .owl-prev::before, .index_gallery .owl-next::before{padding: 1rem;}
    .portfolio_link{width: 4rem; height: 4rem; right: 1rem; top: 1rem; font-size: 2rem;}

    /* rimpa */
    .banner_frm_content{padding: 1.5rem 1.5rem 1rem 1.5rem;}

    /*------------------------------------------------------------------------20-5-24-----------------------------------------*/
    .exper_box{margin-top: -6rem;}


}


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

.heder_ph .ph_txt{display: none;}
.heder_ph .ph_img img { width: 3rem; margin-right: 0;}
.nav_top .navbar-brand img {width: 15rem;}
.heder_ph { right: 9rem; top: .1rem;}
.heder_rt_btn { top: -.4rem; right: 3.5rem;}  
.nav_top .navbar-toggler { padding: .5rem; margin-right: -.5rem; }
.nav_top .navbar-toggler .icon-bar {width: 2.5rem; height: .4rem;}
.banner_box {padding: 10rem 0;}
.banner_frm_content {padding: 1.5rem 1.5rem 1rem 1.5rem;}
.banner_frm .as_btn {margin-top: 1rem;}
h1, h2 {font-size: 2.5rem; line-height: 3rem;}
.aminites_box {margin-top: 2rem;}
.properties_txt h4{font-size: 2rem; line-height: 2.2rem;}
.portfolio_link {width: 3.5rem; height: 3.5rem; font-size: 1.5rem;}
.room_box {margin-top: 2rem;}
.call_box { padding: 3rem 2rem;}
.txt_list li {width: 100%;}
.per_img {display: none;}
.ft_heading {margin-bottom: 1.3rem;}
.banner_frm .input_fld input[type="date"] {font-size: 1.2rem; padding: 0 .5rem;}
.inner_ptb{padding: 2rem 0 4rem;}

/* about_page */
.inner_banner .banner_box {padding: 7rem 0;}
.inner_ab_rt ul li { width: 100%;}
.inner_ab_rt_img {margin-top: 2rem;}
.mi_vi_txt {max-width: 100%; padding: 3rem 1.5rem;  max-width: auto; width: auto; background: rgba(21, 21, 22, 0.8); margin: 1rem;}
.mi_vi_box {margin-top: 2rem;}
.divider::before {top: 3rem;}
.facilities_btn {  padding-top: 5rem;}

 /* contact_page */
 .contact_txt h2 {font-size: 1.8rem; line-height: 2.2rem;}
 .map_sec iframe {height: 20rem;}
 .contact_sec .con_form {padding: 2rem;}

 /* samudra_bilas */
 .samudra_aminiren_box{margin-top: 2rem;}
 .room_img_box h4{font-size: 2rem;}

/* rimpa */
.ban_frm_box{width: 100%;}
.inner_banner_frm .ban_frm_box{width: 50%;}

}

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

}