@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--black);  }
img{ display: inline-block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; text-transform:capitalize; }
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; }
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-size: 1.6rem; font-family: var(--body_font); }
ul, ol, li{ padding:0; margin:0; list-style:none; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.pt-0{ padding-top: 0; }
.pr-0{ padding-right: 0; }
.pb-0{ padding-bottom: 0; }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.text_left{ text-align: left; }
span, em{ font-style: normal; font-family: var(--body_font); display: block; font-size: 1.6rem; }
p{ font: 400 1.6rem/1.8 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; text-transform: capitalize; }
h4{font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font); letter-spacing: 0.1rem;}
h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font); letter-spacing: 0.1rem;}
h1, h2, h3{font-size: 4.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-weight: 600; font-family: var(--head_font); letter-spacing: 0.1rem; }



/*__________________________ custom_short css____________*/
:root{ 
  --second_brand: #AA8453; 
	--brand: #003769; 
	--body_text_color: #434343;
	--white: #fff; 
	--black: #000; 
	--body_font: 'Quicksand', sans-serif;
	--head_font: "Gilda Display", sans-serif;
	/*--graident: linear-gradient(90deg,rgba(5, 217, 171, 1) 0%, rgba(5, 170, 244, 1) 100%);*/

}

.effect{ position:relative; overflow:hidden; }
.effect:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

/*__________________________ bottom_to_top css_start _________________________________________*/

#button { display: inline-block; background:  var(--brand); width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#button:hover { cursor: pointer; background-color: #333; }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }

/*__________________________ bottom_to_top css_end _________________________________________*/
.main_btn{ position:relative; overflow:hidden; padding:1rem 3rem; background:transparent; border:.2rem solid var(--brand); border-radius:.6rem; color: var(--brand); font-weight: 600; font-size: 1.8rem; margin: 0; }
.main_btn:hover{ color:var(--white); }
.main_btn::before{ content:''; background:var(--brand); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transform:rotate(-90deg); transform-origin:bottom left; transition:transform 1s ease-in-out; }
.main_btn:hover::before{ transform:rotate(0); }
/*__________________________ custom_btn css_start _________________________________________*/
h2{ font-size: 4.5rem; color:var(--black); font-weight: 600; }
h2 em{ color:var(--brand); font-size: 1.6rem; font-weight: 600; width:fit-content; }
h2 em i{ font-size: 2rem; padding-left: 1rem; color:var(--second_brand); }

/*________________________________________________________________________ header_sec start ___________________________________________________________________________________*/

.header_sec.fixed { position:fixed; top: 0; width:100%; z-index: 999999999; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem;  }
.header_sec.fixed .nav_sec{  box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; background: var(--white); }
.header_sec.fixed .nav_sec .navbar .navbar-nav li a{ color:var(--black); }
.header_sec.fixed .top_header{ display:none; }

/*===========top_header==============*/


/*===========bottom_header==============*/
.header_sec .nav_sec .container{ max-width:100%; padding: 0 5rem; }
.header_sec .nav_sec{ padding: .5rem 0; border-bottom:.1rem solid rgba(255, 255, 255, 1.0); position:fixed; top: 0; width:100%; z-index: 999999999; backdrop-filter:blur(2rem); }
.header_sec .nav_sec .navbar .navbar-brand{ position:absolute; left:0;  }
.header_sec .nav_sec .navbar .navbar-brand img{ width:20rem; }
.header_sec .nav_sec .navbar .navbar-nav li{ position:relative;  }
.header_sec .nav_sec .navbar .navbar-nav li::before{ position:absolute; width:1rem; height:.5rem; background: var(--white); border-radius: 1rem; content:""; top:50%; transform:translateY(-50%); }
.header_sec .nav_sec .navbar .navbar-nav li a{ color:var(--white); font-weight: 600; font-size: 2rem; padding: 1.5rem 2.5rem; border-bottom:.2rem solid transparent; position:relative; }
.header_sec .nav_sec .navbar .navbar-nav li:last-child a{ padding-right: 0 !important; }
.header_sec .nav_sec .navbar .navbar-nav li.active a{ color:var(--second_brand);  }
.header_sec .nav_sec .navbar .navbar-nav li:hover a{ color:var(--second_brand);  }
.header_sec .navbar-expand-lg .navbar-collapse{ justify-content:end; }
.header_sec .navbar .header_btn{ position: absolute; right:0;  }
.header_sec .navbar .header_btn a{ gap: 0 1rem; color:var(--white); background: #003769; padding: 1.5rem 2.5rem; border-radius:1rem; }
.header_sec .navbar .header_btn a:hover{ background: var(--second_brand); }
.header_sec .navbar .header_btn a em{ font-size: 2.2rem; font-weight: 500; color: var(--white); transition:all .4s ease; }
.header_sec .navbar .header_btn:hover a em{ text-decoration:underline !important; }
.header_sec .navbar .header_btn i{ animation: shake 0.4s infinite; font-size: 2.5rem; color: var(--white); font-weight: 300; }
.header_sec .navbar-expand-lg .navbar-nav { margin-right: 30rem; }
@keyframes shake{
  0% {
      transform: rotate(0deg);
  }
  25% {
      transform: rotate(20deg);
  }
  50% {
      transform: rotate(0deg);
  }
  75% {
      transform: rotate(-20deg);
  }
  100% {
      transform: rotate(0deg);
  }
}


/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/

.banner_sec{ position:relative; }
.banner_sec .item {  position: relative; }
.banner_sec .item img { object-fit: cover; height: 85rem; }
.banner_sec .owl-nav .owl-prev { left: 0; top: 43%; background: var(--brand); position: absolute; display: block; border-radius: 0; font-size: 1.6rem; color: var(--white); font-family: var(--body_font); text-transform: uppercase; font-weight: 600; width: fit-content; padding: .8rem 1rem; }
.banner_sec .owl-nav .owl-next { right: 0; top: 43%; background: var(--brand); position: absolute; display: block; border-radius: 0; font-size: 1.6rem; color: var(--white); font-family: var(--body_font); text-transform: uppercase; font-weight: 600; width: fit-content; padding: .8rem 1rem; }


/*________________________________________________________________________ banner_form_start ___________________________________________________________________________________*/

.banner_form{ position: absolute; bottom: 0; left: 0; z-index: 1; background: #00000066; backdrop-filter: blur(.5rem); padding: 3rem 0; width:100%; border:.1rem solid rgba(255, 255, 255, .3);  }
.banner_form .input-group { display:block;  }
.banner_form .input-group .form-control, .banner_form .input-group .form-select{ width:100%; height:5rem; box-shadow:none; border:.1rem solid var(--white); padding: 0 2rem; font-size: 1.6rem; font-family: var(--body_font); color:#fff; font-weight: 600; border-radius:.5rem !important; background:transparent; }
.banner_form .input-group .form-control::placeholder{ font-size: 1.6rem; font-family: var(--body_font); color:#fff; }
.banner_form .input-group label{ font-size: 1.8rem; color:var(--white); font-weight: 600; font-family: var(--body_font); margin-bottom: 1rem;}
.banner_form .button-group a{  width:100%; text-align:center; height:5rem; align-content:center; border:.1rem solid rgba(255, 255, 255, 1); color:var(--white); }
.banner_form .button-group a:hover {color:var(--white); background: var(--second_brand); }


/*________________________________________________________________________  about_sec start  ___________________________________________________________________________________*/

.about_sec .container{ max-width:100%; padding: 0 5rem; }
.about_sec .right_text{ margin: 0 4rem; }
.about_sec .right_text h2{ padding-bottom: 1.5rem; }
.about_sec .right_text em{ font-size: 1.8rem; font-weight: 600; color:var(--second_brand); }
.about_sec .right_text p{ padding-top: 2rem; }
.about_sec .right_text .about_list { margin-top: 3rem; }
.about_sec .right_text .about_list h4{ font-size: 3.2rem; font-weight: 600; color:var(--black); border-bottom:.1rem solid rgba(0, 0, 0, .3); padding-bottom: 1rem; }
.about_sec .right_text .about_list ul{ flex-wrap:wrap; gap: 0 3rem; }
.about_sec .right_text .about_list ul li{ margin-top: 2rem; }
.about_sec .right_text .about_list ul li em{ font-size: 1.8rem; font-family: var(--body_font); color:var(--black); color:var(--second_brand); font-weight: 400; position:relative; padding-left: 2.5rem;  }  
.about_sec .right_text .about_list ul li em::before{ position:absolute; content:"\f762"; font-family: "Font Awesome 6 Pro"; font-size: 1.6rem; color: var(--second_brand); top:0; left:0; }
.about_sec .right_image, .about_sec .right_image .images, .about_sec .right_image .images img{ object-fit: cover; height:100%; border-radius:.5rem; }


/*________________________________________________________________________  cta_one_sec start  ___________________________________________________________________________________*/

/*.cta_one_sec {padding: 12rem 0; position:relative; z-index: 1; }
.cta_one_sec::before{ position:absolute; z-index: 1; content:""; background: rgba(0, 0, 0, .4); top: 0; left:0; width:100%; height:100%; opacity: 1; z-index: -1; }
.cta_one_sec .left_text_box h3{ font-size: 8rem; color:var(--white); padding-bottom: 13rem; }
.cta_one_sec .right_text .call_now a{ font-size: 2.5rem; font-weight: 400; color:var(--white);  }
.cta_one_sec .right_text .call_now a em{ font-size: 3rem; color:var(--white); padding-top: 1rem; font-weight: 500; }
*/
.cta_one_sec .cta_one_ani { position:absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); bottom:8rem; z-index: 3; }
.cta_one_sec .cta_one_ani a i{ font-size: 2.5rem; color:var(--white); font-weight:600; animation: shake 0.4s infinite; }
.call-animation { background: var(--brand); width: 10rem; height: 10rem; position: relative; margin: 0 auto; border-radius: 100%; border: solid .2rem #fff; animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; display:flex; align-items:center; justify-content:center; }


.cta_one_sec { position: relative; overflow: hidden; z-index: 1; }
.cta_one_sec .container{ max-width:100%; padding: 0 0 ; }
.cta_one_sec .cta_one_sec_paddi{ padding: 0 0; }

.cta_one_sec .images img{ height:50rem; object-fit:cover; }

.cta_one_sec .left_text_box{ background: #9d221c; height:100%; align-content:center; padding: 5rem 8rem 5rem 5rem; text-align:left; z-index: 1; position: relative; }
.cta_one_sec .left_text_box h3{ color:var(--white); font-size: 5rem; }
.cta_one_sec .left_text_box p{ padding-top: 3rem; line-height: 2; }


.cta_one_sec .left_text_box::before{ position:absolute; z-index: 1; content:""; background: url(../images/story_img_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; opacity: .15; z-index: -1; }



@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
    }
    25% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
    }

}


/*________________________________________________________________________ room_sec start _________________________________________________________________________________*/

.room_sec .room_box{ margin-top: 3rem; position:relative; }
.room_sec .room_box .images_box{ position:relative; }
.room_sec .room_box .images_box img{ border-radius:.5rem .5rem 0 0; height:40rem; object-fit:cover; }
.room_sec .room_box .images_box .star{ position:absolute; top: 1rem; left:1rem; background: transparent; backdrop-filter: blur(1rem); border: .1rem solid rgba(255, 255, 255, 1.0); padding: .8rem 2rem; border-radius:.5rem; gap: 0 .5rem; z-index: 3; }
.room_sec .room_box .images_box .star a{ font-size: 1.8rem; font-weight: 600; color:var(--white); }
.room_sec .room_box .text_box { border:.1rem dashed rgba(0, 0, 0, .5); padding: 1.5rem; background: var(--white); }
.room_sec .room_box .content{ position:absolute; bottom:0; left:4rem;  right:4rem; z-index: 2;  }
.room_sec .room_box .images_box::after{ content:""; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.room_sec .room_box .content h3{ font-size: 3rem; font-weight: 600; color:var(--white); border-bottom:.1rem solid rgba(255, 255, 255, .3); padding-bottom: 2rem; }
.room_sec .room_box .content ul{  gap: 0 2rem; background: #00000012; padding: .5rem 0; border-radius:.5rem; margin: 2rem 0; width:fit-content; }
.room_sec .room_box .content ul li{ gap: 0 1rem; }
.room_sec .room_box .content ul li .icon i{ font-size: 2rem; color:var(--white); }
.room_sec .room_box .content ul li .text em { font-size: 1.6rem; color:var(--white); font-weight: 500; font-family: var(--body_font); }
.room_sec .room_box .text_box .room_button{ justify-content:space-between; display:flex; align-items:center; }
.room_sec .room_box .text_box .room_button a{ border:.1rem solid var(--brand); border-radius:.5rem; padding: 1rem 1.5rem; color:var(--black); font-weight: 600; }
.room_sec .room_box .text_box .room_button a i{ padding-left: .5rem; color:var(--brand); transition:all .4s ease; }
.room_sec .room_box .text_box .room_button a:hover i{ transform:rotate(-45deg); }
.room_sec .room_box .text_box .room_button a:hover{ color:var(--brand); }
.room_sec .room_view_btn{ text-align:center; margin-top: 3rem; }
.room_sec .room_view_btn a{ font-size: 2.5rem; color:var(--brand); font-weight: 600; border-bottom:.2rem solid var(--brand); border-top:.2rem solid var(--brand); }
.room_sec .room_view_btn a:hover{ color:var(--black); }
.room_sec .row{ margin: 0 -2rem; }
.room_sec .row .room_paddi{ padding: 0 2rem; }


/*________________________________________________________________________ footer_sec start _________________________________________________________________________________*/

.cta_two_sec {padding: 10rem 0; position:relative; z-index: 1; background: #02294d; }
.cta_two_sec::before{ position:absolute; z-index: 1; content:""; background: url(../images/cta_two_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; opacity: .05; z-index: -1; }
.cta_two_sec .cta_two_box{ gap: 0 10rem; }
.cta_two_sec .cta_two_box a{ background: var(--second_brand); display:flex; align-items:center; gap: 0 2rem; border: .2rem solid rgba(255, 255, 255, 1.0); padding: 2rem; border-radius: 1rem; }
.cta_two_sec .cta_two_box a:nth-child(2){ background: transparent; }
.cta_two_sec .cta_two_box a:hover:nth-child(2){ background: var(--second_brand); }
.cta_two_sec .cta_two_box a:hover{ background: var(--brand); }
.cta_two_sec .cta_two_box a em{ font-size: 4.5rem; color:var(--white); padding-top: 1rem; font-weight: 500; }
.cta_two_sec .cta_two_box a span i{ font-size: 4.5rem; color:var(--white); padding-top: 1rem; font-weight: 500; }




/*________________________________________________________________________  aminites_sec start  ___________________________________________________________________________________*/

.amenite_sec{ position:relative; z-index: 1;  }
.amenite_sec::after{ position:absolute; z-index: -1; content:""; background: url(../images/amenite_bg.jpg) ; top: 0; left:0; width:100%; height:100%; opacity:.07;  }
.amenite_sec h2 em{ text-align:center; margin: 0 auto; }
.amenite_sec .amenite_main{ margin-top: 3rem; }
.amenite_sec .left_content ul { flex-wrap:wrap; justify-content:space-between; }
.amenite_sec .left_content ul li{ padding: 5rem; background: transparent; margin-top: 3rem; width:42rem;  background: var(--white); position:relative; }
.amenite_sec .left_content ul li::after{ content:""; border:.1rem solid rgba( 0, 0, 0, .3); width:100%; height:100%; height:calc(100% - 40px); top:2rem; left:0; position:absolute; }
.amenite_sec .left_content ul li::before{ content:""; border:.1rem solid rgba( 0, 0, 0, .3); width:100%; height:100%; width:calc(100% - 40px); top:0; left:2rem; position:absolute; }
.amenite_sec .left_content ul li .icon span{ width:12rem; height:12rem; border-radius:1rem; background: #ebebeb; display:flex; align-items:center; justify-content:center; }
.amenite_sec .left_content ul li .icon span img{ width:8rem; transition:all .5s ease; }
.amenite_sec .left_content ul li em{ padding-top: 3rem; padding-bottom: 1.5rem; font-size: 2.5rem; color:var(--black); }
.amenite_sec .left_content ul li:hover .icon span img{ transform:rotateY(180deg); }
.amenite_sec .images_box::after{ background: rgba(0, 0, 0, .5); backdrop-filter:blur(1rem) saturate(180%); content:""; position:absolute; left:2rem; bottom:3rem; width:90%; height:65%; border:.1rem solid rgba(255, 255, 255, 1.0); border-radius:1rem; z-index: 1; }
.amenite_sec .images_box .view_all_ament{ position:absolute; bottom:8rem; left:50%; transform:translateX(-50%); z-index: 2; width:90%; text-align:center; }
.amenite_sec .images_box .view_all_ament a{ font-size: 2rem; color:var(--white); font-weight: 600; border-bottom:.2rem solid var(--white); }
.amenite_sec .images_box .view_all_ament em{ font-size: 3rem; color:var(--white); font-weight: 100; }
.amenite_sec .images_box .view_all_ament p{ font-size: 1.6rem; color:var(--white); font-weight: 100; padding: 2rem 0 4rem 0; }
.amenite_sec .images_main {   margin-right: 3rem;  }
.amenite_sec .images_main .image_top_box{ margin-bottom: 3rem; margin-top: 3rem;}
.amenite_sec .images_main .image_top_box img{ height:30rem; border-radius:1rem; object-fit:cover; }
.amenite_sec .images_box { position:relative; }
.amenite_sec .images_box img{ border-radius:1rem; height:40rem; object-fit:cover;  }


/*________________________________________________________________________  feedback_sec start  ___________________________________________________________________________________*/

.feedback_sec{  padding: 6rem 0; overflow:hidden; position:relative; z-index: 1; }
.feedback_sec::after{ position:absolute; z-index: -1; content:""; background:rgba(0, 0, 0, .8); top: 0; left:0; width:100%; height:100%; z-index: -1; }
.feedback_sec .feedback_main{ margin-top: 3rem; }
.feedback_sec .feedback_box{ background: transparent; padding: 2.5rem; border-radius:1rem; border: .1rem solid rgba(255, 255, 255, 1.0); padding: 2.5rem; border-radius:1rem; }
.feedback_sec .images { height:100%; }
.feedback_sec .images img{ border-radius:1rem; object-fit:cover; height:100%; }
.feedback_sec .feedback_item{ margin-left: 3rem; }
.feedback_sec .feedback_item h3 { font-size: 3rem; line-height: 2.1rem; color: #fff; font-weight: 700; position: relative; padding-left: 7.4rem; padding-top: 2rem; margin-bottom: 3.5rem; }
.feedback_sec .feedback_item h3 .quote { font-size: 12rem; letter-spacing: 0; line-height: .8; font-weight: 700; -webkit-text-stroke-width: .2rem; -webkit-text-stroke-color: var(--white); color: transparent; font-family: var(--body_font); position: absolute; top: .6rem; left: 0; }
.feedback_sec .feedback_item .user_info{ margin-top: 3rem; border-top:.1rem solid rgba(255, 255, 255, .3); padding-top: 3rem; gap: 0 2rem; }
.feedback_sec .feedback_item .user_info .user_content{ gap: 0 2rem; }
.feedback_sec .feedback_item .user_info .user_content img{ width:5.5rem; height:5.5rem; border-radius:100%; object-fit:cover; }
.feedback_sec .feedback_item .user_info .star{ gap: 0 .5rem; display:flex; align-items:center; }
.feedback_sec .feedback_item .user_info .star i{ font-size: 2rem; color:#F5C60D;  }
.feedback_sec .feedback_item .user_info em{ font-size: 2.2rem; color:var(--white); font-weight: 500; }
.feedback_sec .owl-nav { display:none; }
.feedback_sec .owl-dots { display:flex !important; gap:0 .5rem; margin-top: 3rem; justify-content:end; }
.feedback_sec .owl-dots .owl-dot{ width:1.5rem; height:1rem; border-radius:10rem; background:var(--white);  }
.feedback_sec .owl-dots .owl-dot.active{ width:4rem; height:1rem; border-radius:10rem; background:var(--white);  }
.feedback_sec .feedback_item p {  color: #fff; }


/*________________________________________________________________________  feedback_sec start  ___________________________________________________________________________________*/

.resturent_sec .resturent_main .row{ align-items:center; border: .1rem solid #dadada;}
.resturent_sec .resturent_main .row:nth-child(2){ flex-direction:row-reverse; }
.resturent_sec .container{ max-width:100%; padding: 0 20rem; } 
.resturent_sec .resturent_paddi{ padding: 0 0; }
.resturent_sec .left_images .images img{ height:40rem; object-fit:cover; }
.resturent_sec .right_text{ padding: 4rem; }
.resturent_sec .right_text h6{ font-size: 1.6rem; color:var(--second_brand); font-weight: 600; font-family: var(--body_font); }
.resturent_sec .right_text h2{ padding: 1rem 0 2rem 0; }


/*________________________________________________________________________  map_image_sec start  ___________________________________________________________________________________*/

.map_image_sec{ background: #000; padding: 0 !important; overflow:hidden; }
.map_image_sec .container{ max-width:100%; padding: 0 0; }
.map_image_sec .map_image_paddi{ padding: 0 0; }
.map_image_sec .right_images img{ height:40rem; object-fit:cover; }
.map_image_sec .map_box { height:100%; }
.map_image_sec .map_box iframe{ width:100%; height:40rem; }


/*________________________________________________________________________ footer_sec start _________________________________________________________________________________*/

.footer_sec{ padding-bottom: 0; background: var(--black); }
.footer_sec .bottom_footer{ border-top:.1rem solid rgba(255, 255, 255, .5); padding: 1.5rem 0; }
.footer_sec .bottom_footer .bottom_footer_main em{ color:var(--white); font-size: 1.6rem; }
.footer_sec .bottom_footer .bottom_footer_main span{ color:var(--white); font-size: 1.6rem; }
.footer_sec .bottom_footer .bottom_footer_main span a{ text-decoration:underline; color:var(--white); }
.footer_sec .bottom_footer .bottom_footer_main span img{ width:2.5rem; }
.footer_sec .footer_top{ padding-bottom: 3rem; }
.footer_sec .footer_top .footer_column img{ width:15rem; }
.footer_sec .footer_top .footer_column p{ line-height: 1.8; color:var(--white); padding-top: 2rem; }
.footer_sec .footer_top .footer_column h3{ color:var(--white); font-size: 2.5rem; font-weight: 600; margin-bottom: 2rem; }
.footer_sec .footer_top .contact{ margin-left: 1rem; }
.footer_sec .footer_top .contact em{ display:flex; color:var(--white); font-size: 1.8rem; font-weight: 500; margin-top: 3rem;}
.footer_sec .footer_top .contact em a{ color:var(--white); font-size: 1.8rem; font-weight: 600; }
.footer_sec .footer_top .contact em i{ padding-right: 1rem; color:var(--second_brand); }
.footer_sec .footer_top .contact em a:hover{ color:var(--second_brand); text-decoration:underline; }
.footer_sec .footer_top .footer_map iframe{ height:20rem; }
.footer_sec .footer_top .footer_column .footer_news{ position:relative; }
.footer_sec .footer_top .footer_column .footer_news .form-control{ border: none; height: 5rem; font-family: var(--body_font); color: var(--white); font-size: 1.4rem; padding-left: 2rem; border-bottom:.1rem solid rgba(255, 255, 255, 1.0); background: transparent; }
.footer_sec .footer_top .footer_column .footer_news .form-control::placeholder{ color:rgba(255, 255, 255, .5); }
.footer_sec .footer_top .footer_column .footer_news .icon{ position:absolute; right:0; top:1.5rem; color:var(--white); font-size: 1.8rem; font-weight: 600; font-family: var(--body_font); }
.footer_sec .footer_top .footer_column .footer_news .icon i{ color:var(--second_brand); font-size: 1.8rem; padding-left: 1rem; }
.footer_sec .footer_top .footer_column{ margin-top:2rem }
.footer_sec .footer_top .footer_column ul.footer_payment{ gap:0 2rem; margin-top: 3rem; }
.footer_sec .footer_top .footer_column ul.footer_payment li img{ height:3rem; width:auto !important; }
.footer_sec .footer_top .footer_column ul.footer_payment li:nth-child(1) img{ width: 5rem !important; height:auto; }
.footer_sec .footer_top .footer_social {  gap:0 1rem; margin-top: 3rem; }
.footer_sec .footer_top .footer_social a{ width:4rem; height:4rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.footer_sec .footer_top .footer_social a i{ color:var(--white); }



/*________________________________________________________________________  home page css end  ___________________________________________________________________________________*/


/*________________________________________________________________________  inner_page_css start  ___________________________________________________________________________________*/

/*________________________________________________________________________  inr_banner_css start  ___________________________________________________________________________________*/
  
.inner_banner_sec .images_box img{ height:30rem; object-fit:cover; }
.inner_banner_sec .images_box{ position:relative; }
.inner_banner_sec .images_box .desc{ position:absolute; bottom:3rem; left: 50%; transform: translateX(-50%); z-index: 5; }
.inner_banner_sec .images_box .desc h1{ color:var(--white); font-size: 5rem; border:.1rem solid rgba(255, 255, 255, 1.0); padding: 1rem 5rem; border-radius:1rem; }


/*________________________________________________________________________  inr_about_css start  ___________________________________________________________________________________*/

.inr_about_sec { position:relative; z-index: 1; overflow:hidden; }
.inr_about_sec::before{ position:absolute; z-index: -1; content:""; background: url(../images/inr_about_bg_2.jpg) no-repeat left top; top: -10rem; right:0; width:214rem; height:100%; opacity:.2; }
.inr_about_sec .images_top { margin-right: 3rem; text-align:center; }
.inr_about_sec .images_top video{ height:78rem; object-fit:cover; }
.inr_about_sec .right_text_box h2{ font-size: 4rem; }
.inr_about_sec .right_text_box p{ padding-top: 2rem; }
.inr_about_sec .images_two { margin-top: 3rem; }

/*========================================*/

.inr_about_video_sec { overflow: hidden; width: 100%; }
.inr_about_video_sec .container { max-width: 100%; padding: 0; height: 100%; }
.inr_about_video_sec .video_box { width: 100%; height: 100%; position: relative; }
.inr_about_video_sec .video_box video { width: 100%; height: 60rem; object-fit: cover; }

/*========================================*/

.inr_ab_story { position:relative; z-index: 1; }
.inr_ab_story::after{ position:absolute; z-index: -1; content:""; background: url(../images/story_img_bg.jpg) repeat ; top: 0; left:0; width:100%; height:100%; opacity:.3; }
.inr_ab_story .images_box { height:100%; align-items:center; margin-right: 3rem; }
.inr_ab_story .images_box .images_one, .inr_ab_story .images_box .images_one img, .inr_ab_story .images_box .images_two, .inr_ab_story .images_box .images_two img { height:100%; object-fit:cover; }
.inr_ab_story .right_text h6{ font-family: var(--body_font); color:var(--brand); font-size: 1.4rem; font-weight: 600; }
.inr_ab_story .right_text h3{ padding: .5rem 0 2rem 0; }
.inr_ab_story .right_text p{ padding-top: 2rem; }

/*========================================*/

.inr_ab_story_sec .images_slider .images_box{ position:relative; z-index: 1;  }
.inr_ab_story_sec .images_slider .images_box img{ border-radius:.5rem; }
.inr_ab_story_sec .images_slider .images_box::after{ content:""; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgb(0 0 0 / 88%) 90%); position:absolute; left: 0; bottom:0; width:100%; height:100%; z-index: 2; border-radius:0 0 .5rem .5rem; }
.inr_ab_story_sec .images_slider .images_box .image_content{ position:absolute; z-index: 3; left:2rem; bottom:3rem; }
.inr_ab_story_sec .images_slider .images_box .image_content em{ font-size: 3rem; color:var(--white); font-weight: 600; padding-bottom: .5rem; }
.inr_ab_story_sec .images_slider .images_box .image_content p{  color:var(--white); }
.inr_ab_story_sec .left_text_box { margin-right: 3.5rem; }
.inr_ab_story_sec .left_text_box p{ padding-top: 3rem; }
.inr_ab_story_sec .left_text_box h2{ font-size: 7.5rem; font-weight: 400; line-height: 1; }
.inr_ab_story_sec .left_text_box h2 em{ padding-bottom: 2rem; }
.inr_ab_story_sec .left_text_box .guest_block { margin-top: 3rem; }
.inr_ab_story_sec .left_text_box .guest_block .guest_rooms_box{ text-align:center; }
.inr_ab_story_sec .left_text_box .guest_block .guest_rooms_box em{ font-size: 14rem; font-weight: 600; -webkit-text-stroke-color: var(--second_brand); -webkit-text-stroke-width:.2rem; color:transparent; line-height: 1; }
.inr_ab_story_sec .left_text_box .guest_block .guest_rooms_box span{ font-size: 2.5rem; font-weight: 600; }
.inr_ab_story_sec .owl-nav{ display:none; }
.inr_ab_story_sec .owl-dots{ display:flex !important; gap: 0 1rem; margin-top: 2rem; justify-content:center; }
.inr_ab_story_sec .owl-dots .owl-dot.active{ width:4rem; height:1.5rem; border-radius:10rem; background: var(--second_brand); }
.inr_ab_story_sec .owl-dots .owl-dot{ width:1.5rem; height:1.5rem; border-radius:10rem; background: var(--brand); }

/*========================================*/

.inr_ab_cta_three { overflow:hidden; height:70rem; }
.inr_ab_cta_three .container{ max-width:100%; padding: 0 0; }
.inr_ab_cta_three .images_block{ position:relative; }
.inr_ab_cta_three .images_block .inr_ab_cta_desc{ position:absolute; top: 3rem; left:3rem; background: rgba(0, 0, 0, .4); padding: 2.5rem; border-radius:1rem; backdrop-filter:blur(1rem); }
.inr_ab_cta_three .images_block .inr_ab_cta_desc h2{ color:var(--white);  font-size: 6rem;}
.inr_ab_cta_three .images_block .inr_ab_cta_desc h6{ color:var(--white);  font-size: 2rem; padding-bottom: 1rem;}

/*========================================*/

.inr_ab_location_sec{ background: #EEECE8; }
.inr_ab_location_sec h2 em{ margin: 0 auto; }
.inr_ab_location_sec .iamges_block{ margin-top: 3rem; }


/*________________________________________________________________________  amenites start  ___________________________________________________________________________________*/

.inr_aminite_sec{ padding-top: 4rem; overflow:hidden; }
.inr_aminite_sec .inr_aminite_box { margin-top: 3rem; border-radius:1rem; background: var(--white); position:relative; z-index: 1; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.inr_aminite_sec .inr_aminite_box::after{ position:absolute; z-index: -1; content:""; background: url(../images/amenite_bg_2.jpg) repeat ; top: 0; left:0; width:100%; height:100%; opacity:.05; }
.inr_aminite_sec .inr_aminite_box .text{ text-align:center; padding: 0 2rem 2rem 2rem; }
.inr_aminite_sec .inr_aminite_box .text em{ font-size: 3rem; color:var(--black); font-weight: 600; padding-bottom: 1rem; }
.inr_aminite_sec .inr_aminite_box .images{ position:relative; display:flex; align-items:center; justify-content:center; }
.inr_aminite_sec .inr_aminite_box .images img{ width:20rem; }
.inr_aminite_sec .inr_aminite_box .images .ani_img{ position:absolute; top: 50%; left:50%; transform:translate(-50%, -50%); }
.inr_aminite_sec .inr_aminite_box .images .ani_img img{ width:7rem; }
.inr_aminite_sec .row{ margin: 0 -2rem; }
.inr_aminite_sec .row .inr_aminite_paddi{ padding: 0 2rem; }

/*________________________________________________________________________ inner_room_sec start _________________________________________________________________________________*/

.inner_room_sec .inr_room_box{ margin-top: 3rem; background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.inner_room_sec .row{ margin: 0 -1.5rem; }
.inner_room_sec .row .inr_room_paddi{ padding: 0 1.5rem; }
.inner_room_sec .inr_room_box .images_slider img{ height:43rem; border-radius:.5rem .5rem 0 0; }
.inner_room_sec .owl-nav{ display:flex; position:absolute; bottom: 1rem; right:2rem; gap: 0 .5rem; }
.inner_room_sec .owl-nav .owl-prev, .inner_room_sec .owl-nav .owl-next{ background: var(--second_brand); width:4rem; height:4rem; border-radius:.5rem; display:flex; align-items:center; justify-content:center; font-size: 0; }
.inner_room_sec .owl-nav .owl-prev::after{ content:"\f053"; font-family: "Font Awesome 6 Pro"; font-size: 2rem; color:var(--white); }
.inner_room_sec .owl-nav .owl-next::after{ content:"\f054"; font-family: "Font Awesome 6 Pro"; font-size: 2rem; color:var(--white); }
.inner_room_sec .text_box {  padding: 2.5rem; border-radius:0 0 .5rem .5rem; }
.inner_room_sec .text_box h3{ font-size:3.4rem; }
.inner_room_sec .text_box p{ padding-top: 1rem; padding-bottom: 3rem; }
.inner_room_sec .text_box h4{ font-weight: 600; color:var(--black); font-size: 2.5rem; padding-bottom: 1.5rem; }
.inner_room_sec .text_box ul.hotel_amenite{ flex-wrap:wrap; gap: 1.5rem 1.5rem; margin-bottom: 4rem; }
.inner_room_sec .text_box ul.hotel_amenite li { border-radius:.5rem; padding: .5rem 1.5rem; border:.1rem solid rgba(0, 0, 0, .2); }
.inner_room_sec .text_box ul.hotel_amenite li em img{ width: 3rem; margin-right: .5rem; }
.inner_room_sec .text_box ul.room_feature{ flex-wrap:wrap; gap: 1.5rem 1.5rem; margin-bottom: 2rem; margin-top: 2rem; }
.inner_room_sec .text_box .room_feature li { background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; padding: 1rem 1.2rem; border-radius:1rem; }
.inner_room_sec .text_box .room_feature li em i{ color:var(--brand); padding-right: .5rem; font-weight: 400; }
.inner_room_sec .text_box .room_feature li em{ font-size: 1.8rem; font-weight: 500; color:var(--black); }
.inner_room_sec .text_box .booked_btn{  justify-content:space-between;}
.inner_room_sec .text_box .booked_btn a{ background: var(--second_brand); color:var(--white); font-size: 2rem; border-radius: .5rem; font-weight: 500; padding: 1rem 2rem;  }
.inner_room_sec .text_box .booked_btn a i{ padding-left: .5rem; }
.inner_room_sec .text_box .booked_btn a:hover{ background: var(--brand); }





/*________________________________________________________________________  inr_cotact_sec start  ___________________________________________________________________________________*/

.inr_contact_map { overflow:hidden; }
.inr_contact_map .container{ max-width:100%; padding: 0 0; }
.inr_contact_map .map_box iframe{ width:100%; height:25rem; }
.inner_contact_sec .inner_contact_main{ margin-top: 3rem; }
.inner_contact_sec form{ margin-right: 3rem; background: var(--white); padding: 2.5rem 2.5rem; box-shadow:rgba(0, 0, 0, .25) 0 0 1rem; border-radius:.5rem; }
.inner_contact_sec form h3{ font-size: 3rem; color:var(--black); padding-bottom: 2rem; }
.inner_contact_sec form .input-group{ display:block; margin-bottom: 2rem; }
.inner_contact_sec form .input-group .form-control{ width:100%; height:4.5rem; padding-left: 1.5rem; font-family: var(--body_font); font-size: 1.2rem; color:var(--second_brand); border:.1rem solid var(--second_brand);  }
.inner_contact_sec form .input-group textarea { min-height:15rem; }
.inner_contact_sec form .input-group label{ font-size: 1.8rem; color:var(--second_brand); font-family: var(--body_font); font-weight: 500; }
.inner_contact_sec form .submit_btn{ text-align:center; }
.inner_contact_sec form .submit_btn a{ width:100%;  }
.inner_contact_sec form .submit_btn a:hover{ color:var(--second_brand); border:.2rem solid var(--second_brand); }

/*==================================*/

.inner_contact_sec .contact_info_box {padding-top: 0;}
.inner_contact_sec .contact_info_box ul{ gap: 0 3rem; justify-content:center; width: 100%; flex-wrap:wrap; }
/*.inner_contact_sec .contact_info_box ul li{  }*/

.inner_contact_sec .contact_info_box ul li a strong, .inner_contact_sec .contact_info_box ul li p strong{ color:var(--brand); font-size: 2rem; }
.inner_contact_sec .contact_info_box ul li a em i, .inner_contact_sec .contact_info_box ul li p em i{  font-size: 2.5rem; padding-right: 1rem; color:var(--black); }



.inner_contact_sec .contact_info_box ul li , .inner_contact_sec .contact_info_box ul li { background: var(--white); border:.1rem solid rgba(0, 0, 0, .5); padding: 2rem 2rem; border-radius:1rem; width: 100%; height: 14rem; align-content: center; margin-bottom: 2rem; width:100%; }

.inner_contact_sec .contact_info_box ul li a em, .inner_contact_sec .contact_info_box ul li p em{ margin-top: 1rem; }
.inner_contact_sec .contact_info_box ul li a em span { font-size: 2.5rem; color:var(--black); word-break:break-all; font-weight: 500; transition:all .4s ease; } 
/*.inner_contact_sec .contact_info_box ul li a:hover em{ color:var(--second_brand); }*/
/*.inner_contact_sec .contact_info_box ul li p em{ font-size: 1.8rem; line-height: 1.2; }*/


/*________________________________________________________________________ inner_gallery_sec start _________________________________________________________________________________*/

.inner_gallery_sec .container{ max-width:100%; padding: 0 5rem; }
.inner_gallery_sec .grid_box .portfolio_box { height:100%; }
.inner_gallery_sec .grid_box .portfolio_box img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; height:45rem; }
.inner_gallery_sec .grid_box { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 6fr)); grid-auto-rows: auto; grid-auto-flow: dense; }
.inner_gallery_sec .grid_box .grid_item { grid-column: span 2; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(2) { grid-column: span 3; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(3) { grid-column: span 1; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(7) { grid-column: span 3; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(8) { grid-column: span 3; grid-row: span 2; }
.inner_gallery_sec .portfolio_box{ position:relative; z-index: 1; overflow:hidden; }
.inner_gallery_sec .portfolio_box::after{ position:absolute; z-index: 2; content:""; background: rgba(0, 0, 0, .4); backdrop-filter: blur(1rem); top: 0; left:0; width:100%; height:100%; opacity:0; transform: translateX(-50rem); transition: all .4s ease; }
.inner_gallery_sec .portfolio_box:hover::after{ opacity:1; transform: translateX(0);}
.inner_gallery_sec .portfolio_box .portfolio_content{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 3; }
.inner_gallery_sec .portfolio_box .portfolio_content .portfolio_link{ opacity:0;  }
.inner_gallery_sec .portfolio_box:hover .portfolio_content .portfolio_link{ opacity:1; }
.inner_gallery_sec .portfolio_box .portfolio_content .portfolio_link i{ color:var(--white); font-size: 4rem; }





/*________________________________________________________________________ footer_sec start _________________________________________________________________________________*/









/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
    body { -webkit-text-size-adjust:none; }
}

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













}

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


/*banner*/
.banner_sec .item img { height: 70rem; }
.about_sec .right_text h2{ font-size: 3.5rem; }
.about_sec .right_text .about_list ul{ gap:0 2rem; }
.about_sec .right_text .about_list ul li { margin-top: 1rem; }
.resturent_sec .container{ padding: 0 10rem; }
.footer_sec{ padding-top: 4rem; }
.inner_gallery_sec .grid_box .grid_item:nth-child(8) { grid-column: span 5; }

.cta_two_sec { padding: 5rem 0; }
.cta_two_sec .cta_two_box a em, .cta_two_sec .cta_two_box a span i {
    font-size: 3rem;} 
.cta_two_sec .cta_two_box a{     padding: 2rem 7rem; }
.cta_two_sec .cta_two_box a em{ padding-top: 0; }
.cta_one_sec .images, .cta_one_sec .images img{ height:100%; object-fit:cover; }
.cta_one_sec .left_text_box h3{ font-size: 4.5rem; }




}

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

/*header*/
.header_sec .nav_sec .container{ padding: 0 1.5rem; }
.header_sec .nav_sec .navbar .navbar-brand img { width: 17rem; }
.header_sec .nav_sec .navbar .navbar-nav li a{font-weight: 500; padding: 1.5rem 1.5rem; }
.cta_one_sec .left_text_box h3 { font-size: 4rem; }
.cta_two_sec .cta_two_box { gap: 0 4rem; }
.cta_two_sec .cta_two_box a em { font-size: 3.5rem; }
.amenite_sec .left_content ul li{ width: 36rem; }
.resturent_sec .container{ padding: 0 1.5rem; }
.inr_about_video_sec .video_box video { height: 50rem; }
.inr_ab_story_sec .left_text_box h2 {  font-size: 6.5rem; }
.inr_ab_cta_three{ height: 60rem; }

    .banner_sec .item img { height: 55rem; }
	.about_sec .container{ padding: 0 1.5rem; }
	.about_sec .right_text { margin: 0 1.5rem; }
	.cta_two_sec .cta_two_box a { padding: 2rem 5rem; }
	.amenite_sec .images_box::after { height: 86%; }


}




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

/*mobile menu*/
.header_sec .navbar .navbar-toggler-icon{ display: block; background: var(--white); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(2){ opacity: 0; width: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
/*=================================*/
.header_sec .navbar .navbar-collapse{ position: fixed; left:-50rem; top: 0; width: 25rem; height: 100vh; background: var(--white); transition: all 0.5s ease-in-out; border-right: .4rem solid var(--brand); overflow-y: auto; padding-left: 1.5rem; padding-top: 2rem; z-index: 22; }
/*=================================*/
.header_sec .navbar-expand-lg .navbar-toggler{ display: block !important; padding: 0; border:none; box-shadow:none; }
.header_sec .navbar .navbar-collapse.show{ left: 0; }
.header_sec .navbar .navbar-collapse.show .navbar-nav{ margin: 0; flex-direction:column; }
.header_sec .navbar .navbar-collapse.show ul li a{ color:#000; width:100%; padding: 1.5rem 0; border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
.header_sec .navbar .navbar-collapse.show ul{ width:100%; }
/*header*/
.header_sec .navbar-expand-lg .navbar-collapse{ align-items:flex-start !important; }
.header_sec .navbar .header_btn{ right:5rem; }
.header_sec .nav_sec .navbar .navbar-brand{ position:inherit; left:inherit; }
.header_sec.fixed .navbar .navbar-toggler-icon{ background: var(--black); }

/*banner_form*/
.banner_form{ position:inherit; bottom:inherit; left:inherit; background: var(--brand); }
.banner_sec .item img { height: 50rem; }
.banner_sec .owl-nav .owl-prev, .banner_sec .owl-nav .owl-next{ top: 50%; }

.about_sec .container{ padding: 0 1.5rem; }
.about_sec .right_text { margin: 0 2rem; }
.about_sec .right_text h2 { font-size: 3rem; }
.about_sec .right_text .about_list h4 { font-size: 2.6rem; }

.room_sec .room_box .content { left: 2rem; right: 2rem; }   
.cta_two_sec .cta_two_box a em { font-size: 3rem; }
.amenite_sec .container{ max-width:100%; padding:0 1.5rem; }
.amenite_sec .left_content ul li { width: 31rem; }
.amenite_sec .left_content ul li { padding: 4rem; }
.amenite_sec .images_box::after{ width: 94%; height: 84%; left: 1rem; bottom: 2rem; }
.inner_contact_sec .contact_info_box ul li, .inner_contact_sec .contact_info_box ul li{ height: 14rem; }
.inner_contact_sec .inner_contact_main{ margin-top: 0; }

.inner_gallery_sec .grid_box .grid_item:nth-child(3) { grid-column: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(7) { grid-column: span 4; }
.inr_about_video_sec .video_box video { height: 40rem; }
.inr_ab_story_sec .inr_ab_story_main .row{ align-items:center; }
.inr_ab_story_sec .left_text_box h2 { font-size: 5.5rem; }
.inr_ab_story_sec .left_text_box .guest_block .guest_rooms_box em { font-size: 10rem; }
.inr_ab_cta_three{ height: 50rem; }
.cta_one_sec .left_text_box h3 { font-size: 3rem; line-height: 1.4; }









	
}



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


/*banner*/
.banner_form .input-group{ margin-bottom: 2rem; }
.banner_sec .item img { height: 45rem; }




.about_sec .right_top_image{ display:none; }
.about_sec .right_text{ margin:0 0 3rem 0; }
.cta_two_sec .cta_two_box{ flex-direction:column; gap:2rem 0; }
.cta_two_sec { padding: 5rem 0; }
.amenite_sec .images_main{ margin-right:0; }
.amenite_sec .images_box::after { width: 94%; height: 90%; left: 2rem; bottom: 2rem; }
.amenite_sec .left_content ul li { width: 36rem; }
.footer_sec .footer_top .footer_column { margin-bottom: 2rem; margin-top: 0; }
.footer_sec .footer_top .contact { margin-left: 1rem;  }
.inner_contact_sec form{ margin-right: 0; margin-bottom: 3rem; }
.inner_gallery_sec .container{ padding: 0 1.5rem; }
.inner_gallery_sec .grid_box .portfolio_box img{ height:30rem; }
.inner_gallery_sec .grid_box { grid-template-columns: repeat(auto-fit, minmax(100px, 2fr));}
.inner_gallery_sec .grid_box .grid_item:nth-child(7), .inner_gallery_sec .grid_box .grid_item:nth-child(1), .inner_gallery_sec .grid_box .grid_item:nth-child(6) { grid-column: span 3; }
.inner_gallery_sec .grid_box .grid_item:nth-child(8){ grid-column: span 6; }
.inr_about_sec .images_top{ margin-right: 0; margin-bottom: 2rem; }
.inr_about_sec .images_top img { height: 48rem; }
.inr_ab_story_sec .left_text_box { margin-right: 0; margin-bottom: 2rem; }
.inr_ab_story_sec .images_slider .images_box img{ height: 60rem; object-fit:cover; }
.inr_ab_cta_three{ height: 45rem; }
.inr_ab_cta_three .images_block .inr_ab_cta_desc h2{ font-size: 3.5rem; }
.cta_one_sec .images, .cta_one_sec .images img{ height:auto; }



}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
h2 { font-size: 3.5rem; }

.container{ max-width:100%; padding: 0 1.5rem; }
.ptb{ padding: 4rem 0; }
/*header*/


/*banner*/
.banner_sec .item img { height: 35rem; } 
.banner_sec .owl-nav .owl-prev, .banner_sec .owl-nav .owl-next{ font-size: 1.4rem; top: inherit; bottom:0; background: var(--second_brand); }
.about_sec .right_text p { padding-top: 1rem; }
.about_sec .right_text .about_list h4 { font-size: 2.4rem; }
.about_sec .right_text h2 { font-size: 3.5rem; }
.call-animation{ width: 10.5rem; height: 10.5rem; }
.amenite_sec .left_content ul li .icon span img { width: 7rem; }
.amenite_sec .left_content ul li em { font-size: 2rem; }
.amenite_sec .left_content ul li { width: 27rem; }
.resturent_sec .left_images .images img { height: 30rem; }
.footer_sec{ padding-bottom: 0; }
.footer_sec .bottom_footer .bottom_footer_main { flex-direction:column; gap: 1rem 0; }
.footer_sec .bottom_footer .bottom_footer_main span{ text-align:center; }
.inr_about_sec .right_text_box h2 { font-size: 3.5rem; }

.inr_about_video_sec .video_box video { height: 35rem; }
.inner_banner_sec .images_box .desc{ width:90%; text-align:center; }
.inr_ab_story_sec .left_text_box h2 { font-size: 4.5rem; } 
.inr_ab_cta_three{ height: 40rem; }
.cta_one_sec { overflow:hidden; }
.cta_one_sec .left_text_box h3 { font-size: 4rem; }
.cta_one_sec .left_text_box{ padding: 4rem 2rem 4rem 2rem; }
.cta_one_sec .cta_one_ani{ position:; top: inherit; left:inherit; right: 5rem; bottom: 5rem; transform:inherit; }
.inner_room_sec .text_box { padding: 2rem; }
.inner_room_sec .text_box ul.room_feature { gap: 1.5rem 1rem; }



}

@media screen and (max-width:575px){
h2{ font-size: 3rem; }
h2 em{ font-size: 1.3rem; }
h2 em img{ width:3rem; }

.header_sec .navbar .header_btn a em{ display:none; }
.header_sec .navbar .header_btn a{ border-radius:10rem; padding: 1.2rem 1.2rem; }
.header_sec .navbar .header_btn i{ font-size: 2rem; }
.header_sec .nav_sec .navbar .navbar-brand img { width: 13rem; }

/*banner*/
.banner_sec .item img { height: 30rem; } 
.banner_form .input-group .form-control, .banner_form .input-group .form-select{ height:4rem; font-size: 1.2rem; }
.banner_form .input-group label { font-size: 1.6rem; }
.banner_form .button-group a{ font-size: 1.4rem; background: var(--second_brand); height:4rem; }
.banner_form .button-group a:hover{ background: var(--white); color:var(--black); }
.about_sec .right_text h2 { font-size: 3rem; }
.about_sec .right_text em { font-size: 1.6rem; }
.cta_one_sec .left_text_box h3 { font-size: 3rem; }
.cta_one_sec .call-animation{ height:7rem; width: 7rem;  }
.cta_one_sec .cta_one_ani{ right: 1rem; bottom: 1rem; }
.cta_one_sec .cta_one_ani a i { font-size: 2rem; }
.room_sec .room_box .content h3 { padding-bottom: 1rem; font-size: 2.2rem; }
.room_sec .room_box .content ul{ flex-wrap:wrap; gap: 1rem; }
.room_sec .room_box .content ul li .text em { font-size: 1.4rem; }
.room_sec .room_box .content ul li .icon i { font-size: 1.8rem; }
.room_sec .room_box .images_box img{ height:35rem; }
.room_sec .room_box .text_box .room_button{ flex-direction:column; gap:1rem 0; }
.room_sec .room_box .text_box .room_button a{ width:100%; text-align:center; }
.room_sec .room_box .images_box .star a { font-size: 1.4rem; }
.room_sec .room_view_btn a { font-size: 2rem; }
.cta_two_sec .cta_two_box a span i { font-size: 2rem; padding-top: 0; }
.cta_two_sec .cta_two_box a em { font-size: 1.8rem; padding-top: 0; }
.cta_two_sec .cta_two_box a{ padding: 1rem; gap: 0 1rem; }
.amenite_sec .images_main .image_top_box{ margin-top: 0; }
.amenite_sec .images_box::after { width: 100%; height: 100%; left: 0; bottom: 0; top: 0; }
.amenite_sec .left_content ul li { width: 100%; }
.amenite_sec .left_content ul li em { font-size: 2.4rem; }
.feedback_sec .feedback_box{ padding: 1.5rem; }
.feedback_sec .feedback_item{ margin-left: 0; }
.feedback_sec .feedback_item h3 { font-size: 2rem; padding-left: 4.4rem; padding-top: 1rem; margin-bottom: 2rem; }
.feedback_sec .feedback_item h3 .quote { font-size: 8rem; }
.feedback_sec .feedback_item .user_info { margin-top: 2rem; padding-top: 2rem; flex-direction:column; align-items:inherit !important; }
.feedback_sec .feedback_item .user_info .star{ margin-top: 1.5rem; }
.resturent_sec .right_text { padding: 2rem; }
.map_image_sec .right_images img, .map_image_sec .map_box iframe{ height:25rem; }
.footer_sec .footer_top { padding-bottom: 1rem; }
.footer_sec .footer_top .contact em a, .footer_sec .footer_top .contact em { font-size: 1.6rem; }
.inner_room_sec .inr_room_box .images_slider img { height: 30rem; object-fit:cover; }
.inner_room_sec .text_box h3{ font-size: 2.6rem; }
.inner_room_sec .text_box { padding: 1.5rem; }
.inner_room_sec .text_box .room_feature li em { font-size: 1.6rem; }
.inner_room_sec .text_box h4{ font-size: 2.4rem; }
.inner_room_sec .text_box .booked_btn a{ font-size: 2rem; }
.inner_room_sec .text_box ul.hotel_amenite{ margin-bottom: 2rem; }
.inr_aminite_sec .inr_aminite_box { margin-top: 2rem; }
.inr_aminite_sec .inr_aminite_box .images img { width: 16rem; }
.inr_aminite_sec .inr_aminite_box .images .ani_img img { width: 6rem; }
.inner_banner_sec .images_box .desc h1{ font-size: 3rem; }
.inner_contact_sec .contact_info_box ul li a em span { font-size: 2rem; }
.inner_contact_sec .contact_info_box ul li, .inner_contact_sec .contact_info_box ul li{ padding: 1rem; }
.inner_gallery_sec .grid_box .grid_item{ grid-column: span 3 !important; }

.inr_about_sec .images_top img { height: 30rem; }
.inr_about_sec .right_text_box h2 { font-size: 3rem; }
.inr_about_video_sec .video_box video { height: 30rem; }
.inr_ab_story_sec .left_text_box h2 { font-size: 3rem; }
.inr_ab_story_sec .left_text_box p { padding-top: 2rem; }
.inr_ab_story_sec .left_text_box .guest_block { margin-top: 2rem; flex-direction:column; gap: 1.5rem 0; }
.inr_ab_story_sec .left_text_box .guest_block .guest_rooms_box em { font-size: 8rem; }
.inr_ab_story_sec .left_text_box .guest_block .guest_rooms_box span { font-size: 2rem; }
.inr_ab_story_sec .images_slider .images_box img{ height:auto; }
.inr_ab_cta_three .images_block .inr_ab_cta_desc { border-radius: 0; position: absolute; top: 0; left: 0; }
.inr_ab_cta_three .images_block .inr_ab_cta_desc h2 { font-size: 2.4rem; }
.inr_ab_cta_three .images_block .inr_ab_cta_desc h6{ font-size: 1.4rem; }




}

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

    .inner_room_sec .text_box .booked_btn{ flex-direction: column; gap: 1rem; text-align: center; }
    .inner_room_sec .text_box .booked_btn a{ width: 100%; display: flex; justify-content: space-between; }
    

}