@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;  }
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; }
.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;  }
h4{font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font); letter-spacing: 0.3rem;}
h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font); letter-spacing: 0.3rem;}
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.3rem; }



/*__________________________ custom_short css____________*/
:root{ 
  --second_brand: #E85F4D; 
    --brand: #03203F; 
    --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%);*/

}



/*__________________________ 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 _________________________________________*/
/*__________________________ custom_btn css_start _________________________________________*/

/*.custom-btn {color: var(--white); height: 5rem; line-height: 5rem; color: #fff; text-transform: uppercase; letter-spacing: .1rem; font-weight: 500; border-radius: .5rem; padding: 0 3rem; background: transparent; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.1), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); transition: all .4s ease;}*/


/*__________________________ custom_btn css_end _________________________________________*/

h2 span{ color:var(--brand); font-size: 4.5rem; display:inline-block;  }



/*________________________________________________________________________ header_css_start ___________________________________________________________________________________*/
h2{ color:var(--black); }
h2 em{ position:relative; margin-bottom: 1.5rem; text-transform:uppercase; color:var(--second_brand); font-weight: 800; }
/*h2 em::before{ position:absolute; content:""; background: var(--black); bottom: 0; left:-6rem; width:5rem; height:.2rem; }*/

.custom-btn {
    background-color: var(--brand);
    color: #fff;
    font-weight: 500;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    border-radius: 2px;
     }
.custom-btn:hover{ color:var(--white); }


.custom-btn::before {
    content: "";
    position: absolute;
    background: var(--white);
    top: 0;
    left: -16px;
    z-index: -1;
    right: 0;
    bottom: 0;
    width: 130%;
    height: 0%;
    margin: auto;
    transform: rotate(-45deg);
    background: var(--second_brand);
    transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/*________________________________________________________________________ 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{ background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.header_sec.fixed .nav_sec .navbar .navbar-nav li a{ color:var(--black); }

/*===========bottom_header==============*/
.header_sec .nav_sec{ padding: 1.5rem 0; border-bottom:.1rem solid rgba(255, 255, 255, 1.0);  }
.header_sec .nav_sec .navbar .navbar-brand{ position:absolute; left:0;  }
.header_sec .nav_sec .navbar .navbar-brand img{ width:8rem; }
.header_sec .nav_sec .navbar .header_btn{ position:absolute; right:0; }
.header_sec .nav_sec .navbar .navbar-nav li a{ color:var(--brand); font-weight: 600; font-size: 1.8rem; padding: 1.5rem 2rem; }
.header_sec .nav_sec .navbar .navbar-nav li.active a{ color:var(--second_brand);  }
/*.header_sec .nav_sec .navbar .navbar-nav{ margin-left: 25rem; }*/
.header_sec .nav_sec .navbar-expand-lg .navbar-collapse{ justify-content: center; }





/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/

.banner_sec{ position:relative; }
.banner_sec .banner_item .images img{ height:85rem; object-fit:cover; }
.banner_sec .slick-prev{  position:absolute; right: 16rem; bottom: 9rem; z-index: 5; font-size: 0; border:none; width:5rem; height:5rem; border-radius:100%; backdrop-filter:blur(10rem) saturate(180%); background: rgba(255, 255, 255, .8); }
.banner_sec .slick-prev::after{ content:"\f177"; font-family: "Font Awesome 6 Pro"; font-size: 1.6rem; color:var(--brand); }
.banner_sec .slick-next{  position:absolute; right: 10rem; bottom: 9rem; z-index: 5; font-size: 0; border:none; width:5rem; height:5rem; border-radius:100%; backdrop-filter:blur(10rem) saturate(180%); background: rgba(255, 255, 255, .8); }
.banner_sec .slick-next::after{ content:"\f178"; font-family: "Font Awesome 6 Pro"; font-size: 1.6rem; color:var(--brand); }
.banner_sec .carousel-inner{ position:relative;}
.banner_sec .carousel-inner::before{ position:absolute; content:""; top:0; right:0; width:100%; height: 100%; background: rgba(0, 0, 0, .8); /*background: rgb(3 32 63 / 87%);*/ clip-path: polygon(41% 100%, 100% 5%, 100% 100%); backdrop-filter:blur(1rem) saturate(200%); z-index: 1; }



/*________________________________________________________________________ banner_form_start ___________________________________________________________________________________*/

.banner_form{ background: var(--brand); padding: 3rem 0; width:70%; border-radius:1rem; position:absolute; bottom:0; left:0; }
.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:none; padding: 0 2rem; font-size: 1.6rem; font-family: var(--body_font); color:#000; }
.banner_form .input-group .form-control::placeholder{ font-size: 1.6rem; font-family: var(--body_font); color:#000; }
.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{ background: var(--white); color:var(--brand); width:100%; }



/*________________________________________________________________________ hotel_step_sec ___________________________________________________________________________________*/

.book_step_sec .book_step_box{ gap: 0 3rem; }
.book_step_sec .book_step_box .images span{ background: rgba(255, 255, 255, 1.0); height:8rem; width:8rem; border-radius:100%; display:flex; }
.book_step_sec .book_step_box .images span img{ height:7rem; transition:all .5s ease; }
.book_step_sec .book_step_box:hover .images span img{ transform:scale(.8); }
.book_step_sec .book_step_box .text h4{ font-size: 2.2rem; font-weight: 500; padding-bottom: 1rem;  }
.book_step_sec .row{ margin: 0 -1.5rem; }
.book_step_sec .row .book_step_paddi{ padding: 0 1.5rem; }


/*________________________________________________________________________ about_sec_start ___________________________________________________________________________________*/

.about_sec { position:relative; z-index: 1; overflow:hidden; padding-bottom: 10rem; }
.about_sec::before{ position:absolute; content:""; background: url(../images/home_ab_bg.png) repeat ; width:100%; height:100%; top: 0; left:0; z-index: -1; opacity:.2; }
.about_sec .text_under_box .images{ position:relative; }
.about_sec .text_under_box .images img{ height:56rem; object-fit: cover; }
.about_sec .text_under_box .images .ani_block { position:absolute; bottom:-8rem; left:-8rem; background: var(--brand); padding: 4rem 7rem; text-align:center; animation-name: float-bob; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; }
.about_sec .text_under_box .images .ani_block .images i{ font-size: 4rem; color:var(--white); border:.2rem solid rgba(255, 255, 255, 1.0); border-radius:100%; padding: 1.5rem; }
.about_sec .text_under_box .images .ani_block .text-counter em{ font-size: 5.2rem; color:var(--white); font-weight: 600; font-family: var(--head_font); padding: 1.5rem 0; }
.about_sec .text_under_box .images .ani_block .text-counter h6{ font-size: 1.6rem; color:var(--white); font-weight: 500; font-family: var(--body_font); text-transform:uppercase; }
.about_sec .text_under_box{ margin-left: 12rem; }
.about_sec .text_under_box_slider .box{ background: #1C2C34; text-align:center; padding: 8rem 4rem; height: 42rem;}
.about_sec .left_text p{ padding: 1rem 0 3rem 0; }
.about_sec .left_text ul{ flex-wrap:wrap; gap:1.5rem; margin-bottom: 3rem; }
.about_sec .left_text ul li{ font-size: 1.8rem; color: var(--black); font-weight: 500; position:relative; padding-left: 3rem; }
.about_sec .left_text ul li::after{ content: "\f22b"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0;  font-size: 1.8rem; color: var(--second_brand); font-weight: 600; }
@keyframes float-bob{ 
    0% {
    transform: translateY(-30px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(-30px);
    }
}

.about_sec .text_under_box .ab_last_btn{ display:none; }



/*________________________________________________________________________ room_top_sec start ___________________________________________________________________________________*/


/*===============room_sec background: #03203F; =========================*/
.room_sec{  padding: 6rem 0; position:relative; z-index: 1; }
.room_sec::before{ position:absolute; content:""; top: 0; left:0; width:100%; height:50%; background: url(../images/room_top_bg.png) repeat; z-index: -1; opacity: .05; }
.room_sec::after{ position:absolute; content:""; top: 0; left:0; width:100%; height:50%; background: #03203F; z-index: -5; }
.room_sec .images{ margin-top: 3rem; }
.room_sec .images img{ object-fit:cover; height:50rem; }
.room_sec .images .room_detail .room_dtels_box{ background: var(--brand); padding:1.5rem 3rem; border-radius:.2rem; }
.room_sec .images .room_detail ul { gap: 0 2rem; }
.room_sec .images .room_detail ul li em{ font-size: 1.6rem; color:var(--white); }
.room_sec .images{  position:relative; overflow:hidden; }
.room_sec .images .room_detail{ position:absolute; bottom:2rem; left: 2rem; right: 2rem; transform:translateY(50rem); transition:all .6s ease; }
.room_sec .images:hover .room_detail{ transform:translateY(0); }
.room_sec .images:hover .room_dtl_2{ opacity: 0; }
.room_sec .images .room_detail .room_name a h3{ font-size: 2.2rem; color:var(--white); } 
.room_sec .images .room_detail .room_dtels_box{ background: rgba(3, 32, 63, .5); padding: 2.5rem; backdrop-filter: blur(12px); }
.room_sec .images .room_detail .room_dtels_box .star{ gap: 0 .5rem; border:.1rem solid rgba(255, 255, 255, 1.0); padding: 1rem; width:fit-content; }
.room_sec .images .room_detail .room_dtels_box .star i{ color:#F6C800; font-size: 1.4rem; }
.room_sec .images .room_detail .room_dtels_box .room_name a h3{ padding: 1rem 0 1rem 0; }
.room_sec .images .room_detail .room_dtels_box .room_name p{ color:var(--white); }
.room_sec .images .room_detail .room_dtels_box .ul_flex_item{ margin-top: 4rem; }
.room_sec .images .room_detail .room_dtels_box ul li{ margin-bottom: 2rem; }
.room_sec .images .room_detail ul li i{ padding-right: 1rem; color:var(--white); font-size: 1.8rem; }
.room_sec .images .room_detail .room_dtl_btn{ width:100%; }
.room_sec .images .room_detail .room_dtl_btn a{ width:100%; color:var(--brand); background: #fff; }
.room_sec .images .room_dtl_2  {position:absolute; bottom:2rem; left: 2rem; right: 2rem; background: rgba(3, 32, 63, .8); padding: 2.5rem; backdrop-filter: blur(12px); }
.room_sec .images .room_dtl_2 a h3{ font-size: 2.2rem; color:var(--white); padding-top: 1.5rem  ; } 
.room_sec .images .room_dtl_2 .star{ gap: 0 .5rem; border:.1rem solid rgba(255, 255, 255, 1.0); padding: 1rem; width:fit-content; }
.room_sec .images .room_dtl_2 .star i{ color:#F6C800; font-size: 1.4rem; }
.room_sec .row{ margin: 0 -1.5rem; }
.room_sec .row .room_paddi{ padding: 0 1.5rem; }
.room_sec .view_room_btn{ text-align: center; margin-top: 4rem; }
.room_sec .view_room_btn a{ color:var(--white); background: var(--brand); border-radius: 10rem; padding: 1.5rem 3rem; text-transform:uppercase; font-weight: 600; font-size: 1.6rem; position:relative; z-index: 1; }
.room_sec .view_room_btn a::before{ content:""; position:absolute; left:-2.3rem; top:50%; transform: translateY(-50%); width:5rem; height:5rem; background: #f6c800; border-radius:100%; z-index: -1; transition:all .8s ease; }
.room_sec .view_room_btn a:hover::before{ left: calc(100% + -2.3rem); }
.room_sec .container{ max-width:100%; padding: 0 5rem; }



/*________________________________________________________________________ aminites_sec start ___________________________________________________________________________________*/

.aminites_sec{ overflow:hidden; }
.aminites_sec .aminite_main .aminite_box{ overflow: hidden; background: #f7f7f7; border:.1rem solid rgba(0, 0, 0, .1); border-radius:.1rem; padding: 3rem; position:relative; z-index: 1; margin-top: 3rem; }
.aminites_sec .aminite_main .aminite_box::before{ position:absolute; content:""; background: #03203f0f; top: -2.5rem; right: -5rem; width: 10rem; height: 5rem; border-radius: 10rem; z-index: -2; transform: rotate(-45deg); transition: all .5s ease; }
.aminites_sec .aminite_main .aminite_box:hover::before{ background: var(--brand); top: .5rem; right: -2rem;}
.aminites_sec .aminite_main .aminite_box .images img{ width:7rem; }
.aminites_sec .aminite_main .aminite_box .text { margin-top: 2rem; }
.aminites_sec .aminite_main .aminite_box .text h4{ font-size: 2.6rem; font-weight: 600; padding-bottom: 1.5rem; }
.aminites_sec .row{ margin: 0 -1.5rem; }
.aminites_sec .row .aminite_paddi{ padding: 0 1.5rem; }
.aminites_sec .left_text p{ padding: 2rem 0 0 0; }
.aminites_sec .aminite_dtl_btn{ margin-top: 4rem; }
.aminites_sec .aminite_dtl_btn a{ color:var(--white); background: var(--brand); border-radius: 10rem; padding: 1.5rem 3rem; text-transform:uppercase; font-weight: 600; font-size: 1.6rem; position:relative; z-index: 1; }
.aminites_sec .aminite_dtl_btn a::before{ content:""; position:absolute; left:-2.3rem; top:50%; transform: translateY(-50%); width:5rem; height:5rem; background: #f6c800; border-radius:100%; z-index: -1; transition:all .8s ease; }
.aminites_sec .aminite_dtl_btn a:hover::before { left:calc(100% + -2.3rem); }

.aminites_sec .amenite_last_btn{ display:none; }


/*________________________________________________________________________ cta_one_sec start ___________________________________________________________________________________*/

.cta_sec_one{ background: var(--brand); }
.cta_sec_one .container{ max-width:100%; padding: 0 15rem;  }
.cta_sec_one .left_text{ margin-right: 2rem; }
.cta_sec_one .left_text h2{ color:var(--white); }
.cta_sec_one .right_info ul{ gap: 0 4rem; }
.cta_sec_one .right_info ul li{ color:var(--white); gap: 0 2rem; }
.cta_sec_one .right_info ul li .icon i{ color:var(--second_brand); font-size: 2.5rem; }
.cta_sec_one .right_info ul li .con_info_text { font-size: 2.5rem; font-weight: 600; color:var(--white); }
.cta_sec_one .right_info ul li .con_info_text em{ font-size: 1.8rem; padding-bottom: .5rem; }


/*________________________________________________________________________ why_should_sec start ________________________________________________________________________________*/

.why_should_sec{ position:relative; z-index: 1;     background: #24b0ff08; }
.why_should_sec::before{ position:absolute; content:""; top: 0; left:0; width:100%; height:100%; background: url(../images/shape-01.png) no-repeat right bottom; z-index: -1; opacity: 1; }
.why_should_sec .right_content{ margin-left: 3rem; }
.why_should_sec .right_content ul li{ background: var(--brand);  border-radius:10rem 1rem 1rem 10rem; margin: 4.5rem 0; position:relative; gap: 0 2rem; }
.why_should_sec .right_content ul li .under_content h4{ font-size: 2.2rem; font-family: var(--body_font); font-weight: 800; color:var(--white); letter-spacing:0; padding-bottom: 1rem; }
.why_should_sec .right_content ul li .under_content p{ color:#adadad; font-size: 1.4rem; }
.why_should_sec .right_content ul li .icon{  background: var(--white); width:20rem; height:12rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.why_should_sec .right_content ul li .icon img{ height:6rem; }
.why_should_sec .left_image_box{ position:relative; }
.why_should_sec .left_image_box .images{ margin-left: 15rem; }
.why_should_sec .left_image_box img{ height:60rem; object-fit:cover; border-radius:1rem; }
.why_should_sec .left_image_box .content_positon{ position:absolute; left: -10rem; top: 50%; transform: translateY(-50%); background: var(--brand); padding: 2.5rem; border-radius:.5rem; width:44rem; }
.why_should_sec .left_image_box .content_positon h6{ color:var(--second_brand); font-family: var(--body_font); font-weight: 900; font-size: 1.8rem; padding-bottom: 1rem; }
.why_should_sec .left_image_box .content_positon h3{ color:var(--white); font-weight: 900; font-size: 4rem; padding: 2rem 0 3rem 0; }
.why_should_sec .left_image_box .content_positon p{ color:#adadad; font-size: 1.4rem; }




/*________________________________________________________________________ resturent_sec ___________________________________________________________________________________*/

.resturent_sec .resturent_main .images{ position:relative; z-index: 1; }
.resturent_sec .resturent_main .images::before { content: ""; position:absolute; background: rgba(0, 0, 0, 0); top: 0 ; left:0 ; width:100%; height:100%; z-index: 1; }
.resturent_sec .container{ max-width: 100%; padding: 0 0; }
.resturent_sec .resturent_main .images img{ height:70rem; object-fit:cover; }
.resturent_sec .resturent_main .images .right_box{ position:absolute; bottom:5rem; left:5rem; z-index: 5; width:37%; background: #0000005e; padding: 2.5rem; backdrop-filter: blur(17px); }
.resturent_sec .resturent_main .images .right_box h2{ color:var(--white); }
.resturent_sec .resturent_main .images .right_box h2 em::before{ background:var(--white); }
.resturent_sec .resturent_main .images .right_box p{ padding-top: 2rem; color:var(--white); }
.resturent_sec .resturent_main .images .right_box a{ margin-top: 3rem; }



/*______________________________________________________________________ testimonial_sec start ________________________________________________________________________________*/

.feedback_sec{ background: #F8F5F0; position:relative; z-index: 1; }
.feedback_sec::after{ content: ""; position:absolute; background: url(../images/feedback_bg_2.png) repeat; top: 0 ; left:0 ; width:100%; height:100%; z-index: -1; opacity:.06; }
.feedback_sec .feedback_box{ background: #fff; padding: 3rem; margin-top: 3rem; box-shadow:rgba(0, 0, 0, .15) 0 0 1rem; margin: 3rem 1.5rem; }
.feedback_sec .feedback_box .info_dtel{ margin-top: 2rem; gap: 0 2rem; border-top:.1rem solid rgb(170 132 83 / 35%);padding-top: 2rem; }
.feedback_sec .feedback_box .info_dtel .image img{ width:6rem; height:6rem; object-fit: cover; border-radius:100%; }
.feedback_sec .feedback_box .info_dtel .text em{ font-size: 2rem; color:var(--black); font-weight: 600; }
.feedback_sec h2 em::before{ position:inherit; left:inherit; bottom:inherit; background: none; }



.feedback_sec .feedback_box .star{ gap: 0.5rem; background: var(); padding: 1rem 1rem; border-radius:.5rem; width:fit-content; margin: 2rem 0; border:.2rem solid #F6C800; }

.feedback_sec .feedback_box .star i{ font-size: 1.6rem; color:#F6C800; }
.feedback_sec .owl-nav{ display:none; }
.feedback_sec .owl-dots{ display:flex; justify-content:center; gap: 0 1rem; }

/*_____________________________________________________________________ why_should_sec start ___________________________________________________________________________________*/

.map_faq_sec .faq_block { margin-top: 3rem; }
.map_faq_sec .faq_block .accordion-item{ border:transparent; margin-bottom: 2rem; }
.map_faq_sec .faq_block .accordion-item .accordion-header span{ font-size: 2rem; font-family: var(--body_font); color:var(--white); font-weight: 600; padding-right: 4rem; }
.map_faq_sec .faq_block .accordion-item .accordion-header .accordion-button{ background: var(--brand); padding: 2rem 2rem 2rem 2rem; border-radius:1rem; }
.map_faq_sec .faq_block .accordion-button::after{ background-image: none; content:"\f068"; font-size: 2rem; font-family: "Font Awesome 6 Pro"; color:var(--white); height:2.3rem; }
.map_faq_sec .faq_block .accordion-button:not(.collapsed)::after{ content:"\2b"; font-size: 2rem; font-family: "Font Awesome 6 Pro"; color:var(--white); height:2.3rem; } 
.map_faq_sec .faq_block .accordion-body{ padding: 3rem 1.25rem; background: #0042a512; border-radius: 1rem; border-bottom: .4rem solid var(--brand);}
.map_faq_sec .faq_block .accordion-body p a{ border-bottom:.1rem solid var(--second_brand);  color:var(--second_brand); font-weight: 600; }
.map_faq_sec .faq_block .accordion-body p a:hover{ color:var(--brand); }


/*_____________________________________________________________________ why_should_sec start background: #87A9C5; ___________________________________________________________________________________*/

.newsletter_sec{ /*background: var(--brand);*/ background: #87A9C5; padding: 3rem 0; overflow-x: clip; }
.newsletter_sec h2{ font-size: 3.5rem; }
.newsletter_sec .container{ max-width:100%; padding: 0 10rem; }
.newsletter_sec .right_form{ position:relative; }
.newsletter_sec .right_form a{ margin-left: -21rem; border:.1rem solid rgba(255, 255, 255, 1.0); width:20rem; height:20rem; border-radius:100%; display:flex; align-items:center; justify-content:center; z-index: 10; }
.newsletter_sec .right_form a i{ font-size: 6rem; font-weight: 100; color:var(--white); animation: shake 0.4s infinite; }
.newsletter_sec .right_form .right_form_ani{ position:absolute; right:0; top: -19.6rem; z-index: 5; }
.newsletter_sec .right_form .right_form_ani img{ width:64rem; }


@keyframes shake{
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(20deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


.pulse i { color: white; font-size: 2.5rem; transform: rotate(90deg); }
.pulse { height: 100px; width: 100px; border-radius: 50%; background-color: #44bd32; background-image: radial-gradient(hsl(112, 58%, 40%), hsl(112, 58%, 47%)); display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; }
.pulse::before, .pulse::after { content: ''; position: absolute; width: calc(100%); height: calc(100%); border-radius: 50%; border: 1px solid #fff; animation: calling 2s ease-in-out infinite; }
.pulse::after { animation: calling 2s ease-in-out .35s infinite; }

@keyframes calling {
    0% {
        width: calc(100%);     
    height: calc(100%);
        opacity: 1;
    }
    100% {
        width: calc(100% + 60px);     
    height: calc(100% + 60px);
        opacity: 0;
    }
}



/*________________________________________________________________________ footer_sec start ___________________________________________________________________________________*/

.footer_sec { background-color: rgba(242, 242, 242, 1); padding-bottom:0; position: relative; z-index: 1; }
.footer_sec .footer_top{  }
/*.footer_sec::before{ position:absolute; content:""; background:url(../images/footer-img.jpg) no-repeat center center/cover; width:100%; height:100%; top: 0; left:0; z-index: -1; opacity: 1; }*/
.footer_logo { max-width: 19rem; }
.footer_column h3 { font-size: 2.5rem; color: var(--black); margin-bottom: 1.5rem;}
.footer_column p, .footer_column a, .footer_column li { font-size: 1.6rem; font-weight:600; color: #000; text-decoration: none; margin-bottom: .8rem;  }
.footer_column a:hover { color: var(--second_brand);}
.footer_awards img { max-height: 4rem; margin-right: 1rem;}
.footer_awards { margin-top: 1.5rem; display: flex; flex-wrap: wrap; }
.explore li { margin-bottom: .8rem; }
.payment_icons .portfolio_box{ margin-top: 1.5rem; }
.payment_icons .portfolio_box img { height:7rem;  }
.footer_sec .footer_column.explore{ margin-left: 5rem; }
.footer_sec .footer_top{ padding-bottom: 2rem; }
.footer_sec .footer_column .footer_social { gap: 0 1rem; }
.footer_sec .footer_column .footer_social a{ background: rgb(211 164 58); width:4rem; height:4rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.footer_sec .footer_column .footer_social a i{ font-size: 1.4rem; color:var(--white); }
.footer_sec .bottom_footer{ background: var(--brand); border-top: .1rem dashed rgba(255, 255, 255, .5); padding: 1.5rem 0; }
.footer_sec .bottom_footer .bottom_footer_main em, .footer_sec .bottom_footer .bottom_footer_main span{ font-size: 1.4rem; color:var(--white);  }
.footer_sec .bottom_footer .bottom_footer_main span a{ color:var(--white); font-weight: 600; }


.footer_sec .portfolio_box{position: relative; z-index: 1; overflow: hidden; cursor: pointer; height:100%; }
.footer_sec .portfolio_box img{transition: 0.5s; background-size: cover;}
.footer_sec .portfolio_box:hover img{-webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); filter: blur(1px);}
.footer_sec .portfolio_link{display: flex ;width: 100%; height: 100%;  background-color: rgba(0,0,0,0.15);  position: absolute;  top: 0;  left: 0;  justify-content: center;  align-items: center;  opacity: 0;  transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; color: var(--white) !important; font-size: 5rem;}
.footer_sec .portfolio_box:hover .portfolio_link{opacity: 1; transform: translateY(0);}
.fancybox-container{ z-index: 999999999999999 ; }

.footer_sec .portfolio_box .portfolio_content a i{ font-size: 3rem; }
.footer_sec .bottom_footer .bottom_footer_main span img{ width:2.5rem; }
/*________________________________________________________________________ home page css end ___________________________________________________________________________________*/

/*________________________________________________________________________ inner_page_css_start ________________________________________________________________________________*/



/*________________________________________________________________________ inner_banner_sec start ______________________________________________________________________________*/
.inner_banner_sec .inner_banner_box{ position:relative; z-index: 1; }
.inner_banner_sec .inner_banner_box::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(3, 32, 63, 0) 0%, rgba(3, 32, 63, 0.50) 85%, rgba(3, 32, 63, 1) 100%); z-index: 2; }
.inner_banner_sec .inner_banner_box .images{ position:relative; }
.inner_banner_sec .inner_banner_box .images img{ height:25rem; object-fit:cover; }
.inner_banner_sec .inner_banner_box .images .desc { position:absolute; right:10rem; top:50%; transform:translateY(-50%); z-index: 5; }
.inner_banner_sec .inner_banner_box .images .desc h1{ color:var(--white); }



/*________________________________________________________________________ inner_about_sec start _______________________________________________________________________________*/

.inr_about_block .right_content{ margin-left: 4rem; } 
.inr_about_block .left_content .left_box p{ padding: 2rem 0 2rem 0; }
.inr_about_block .right_content .right_box p{ padding-top: 2rem; }
.inr_about_block h2{ font-size: 3.6rem; }


/*================ inner_ab_cta ====================*/
.inr_ab_cta_block .container{ max-width:100%; padding: 0 0; }
.inr_ab_cta_block { position:relative; }
.inr_ab_cta_block::before { position:absolute; content:""; top: 0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, .7); z-index: 2; }
.inr_ab_cta_block .images{ position: relative; }
.inr_ab_cta_block .images img{ height:60rem; object-fit:cover; }
.inr_ab_cta_block .images .desc_text{ position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index: 4; width:70%; }
.inr_ab_cta_block .images .desc_text h2{ color:var(--white); font-size: 6rem; }
.inr_ab_cta_block .images .desc_text p{ color:var(--white); padding: 2rem 0 4rem 0; }

/*================ inner_ab_vision ====================*/

.inr_vision_block .inr_vision_main{ margin-top: 3rem; }
.inr_vision_block .inr_vision_main .images{ margin-right: 3rem; height:100%; }
.inr_vision_block .inr_vision_main .images img{ height:100%; }
.inr_vision_block .inr_vision_content .icon img{ height:7rem; }
.inr_vision_block .inr_vision_content ul li{ gap:0 2rem; border:.2rem solid var(--second_brand); padding: 2rem; border-radius:.5rem; margin: 2.5rem 0; transition:all .4s ease; }
.inr_vision_block .inr_vision_content ul li:hover{ border:.2rem solid var(--brand); }
.inr_vision_block .inr_vision_content ul li .text em{ font-size: 2.5rem; font-weight: 900; }




/*________________________________________________________________________ inner_contact_sec start ______________________________________________________________________________*/

.inner_contact_sec .inner_contact_main{ margin-top: 4rem; }
.inner_contact_sec form{ background: var(--white); padding: 2.5rem; border-radius:.5rem; box-shadow:rgba(0, 0, 0, .2) 0 0 1rem; margin-right: 3rem; }
.inner_contact_sec form em{ font-size: 3rem; color:var(--black); font-weight: 600; }
.inner_contact_sec form .input-group{ display:block; margin-top: 2rem; }
.inner_contact_sec form .input-group .form-control{ width:100%; height:5rem; font-size: 1.4rem; padding-left: 1.5rem; color:var(--black); }
.inner_contact_sec form .input-group .form-control::placeholder{ color:#bbbbbb; }
.inner_contact_sec form .input-group label{ font-size: 1.6rem; color:var(--black); font-family: var(--body_font); font-weight: 500; }
.inner_contact_sec form .input-group textarea{ min-height:13rem; }
.inner_contact_sec form .submit_btn{ margin-top: 2rem; }
.inner_contact_sec .images{ height:100%; }
.inner_contact_sec .images img{ height:100%; }

/*========== inner_map_sec ==============*/
.inner_contact_map { position:relative; z-index: 1; }
.inner_contact_map::after { position:absolute; content:""; background: url(../images/inr_contact_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; z-index: -1; opacity:.15; }
.inner_contact_map .map{ line-height: 0; margin-right: 3rem; height:100%; }
.inner_contact_map .map iframe{ width:100%; height:100%; }
.inner_contact_map .contact_info ul li{ margin: 1.5rem 0; border: .1rem dashed var(--second_brand); padding: 2rem; border-radius:.5rem; background: var(--white); }
.inner_contact_map .contact_info ul li p em{ font-size: 2rem; font-weight: 500; line-height: 1.2; }
.inner_contact_map .contact_info ul li p em strong{ display:block; color: #000; font-size: 1.6rem; padding-bottom: .5rem; }
.inner_contact_map .contact_info ul li p, .inner_contact_map .contact_info ul li a{ gap: 0 2rem; }
.inner_contact_map .contact_info ul li a em strong{ display:block; }
.inner_contact_map .contact_info ul li p span{ background: var(--second_brand); width:5rem; height:5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.inner_contact_map .contact_info ul li a span{ background: var(--second_brand); width:5rem; height:5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.inner_contact_map .contact_info ul li p span i, .inner_contact_map .contact_info ul li a span i{ color:var(--white); font-size: 1.6rem; width:inherit; display:flex; justify-content:center; align-items:center; }
.inner_contact_map .contact_info ul li a em{ color:var(--black); font-size: 2rem; font-weight: 600; transition:all .4s ease; }
.inner_contact_map .contact_info ul li a em:hover{ color:var(--brand); }
.inner_contact_map .contact_info ul li a em strong{ padding-bottom: .5rem; font-size: 1.6rem; }



/*________________________________________________________________________ inner_gallery_sec start ___________________________________________________________________________________*/

.inner_gallery_sec .container{ max-width:100%; padding: 0 4rem; }
.inner_gallery_sec p{ padding-bottom: 2rem; }
.inner_gallery_sec .portfolio_box{position: relative; z-index: 1; overflow: hidden; cursor: pointer; height:100%; }
.inner_gallery_sec .portfolio_box img{transition: 0.5s; height: 100%; object-fit: cover;}
.inner_gallery_sec .portfolio_box:hover img{-webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); filter: blur(1px);}
.inner_gallery_sec .portfolio_link{display: flex ;width: 100%; height: 100%;  background-color: rgba(0,0,0,0.15);  position: absolute;  top: 0;  left: 0;  justify-content: center;  align-items: center;  opacity: 0;  transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; color: var(--white) !important; font-size: 5rem;}
.inner_gallery_sec .portfolio_box:hover .portfolio_link{opacity: 1; transform: translateY(0);}
.fancybox-container{ z-index: 999999999999999 ; }






.inner_gallery_sec .grid_box{ display:grid; grid-template-columns: repeat(6, 6fr); grid-auto-rows:minmax(15rem, auto); grid-gap:1rem; }
.inner_gallery_sec .grid_box .grid_item{ grid-column: span 2; grid-row: span 2;}
.inner_gallery_sec .grid_box .grid_item:nth-child(1) img{ height:100%; object-fit:cover; }
.inner_gallery_sec .grid_box .grid_item:nth-child(2){ grid-column: span 1; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(2) img{ height:100%; object-fit:cover; }
.inner_gallery_sec .grid_box .grid_item:nth-child(3){ grid-column: span 2; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(4){ grid-column: span 2; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(5){ grid-column: span 7; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(5) img{ height:60rem; }
.inner_gallery_sec .grid_box .grid_item:nth-child(6){ grid-column: span 2; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(6) img{ height:100%; object-fit:cover; }
.inner_gallery_sec .grid_box .grid_item:nth-child(7){ grid-column: span 2; grid-row: span 2; }
.inner_gallery_sec .grid_box .grid_item:nth-child(7) img{ height:100%; object-fit:cover; }
.inner_gallery_sec .grid_box .grid_item:nth-child(8){ grid-column: span 3; grid-row: span 2; }











/*________________________________________________________________________ inner_aminites_sec start _____________________________________________________________________________*/

.inr_aminite_sec .inr_aminite_box{ box-shadow: rgba(0, 0, 0, .15) 0 0 1rem; border-radius:.5rem; position:relative; z-index: 1; margin-top: 4rem; }
.inr_aminite_sec .inr_aminite_box::before{ content: ""; position:absolute; top:0; left:0; width:100%; height:100%; background: url(../images/aminite_bg.jpg) no-repeat center center/cover; z-index: -1; opacity:.15; }
.inr_aminite_sec .inr_aminite_box .images{ background: var(--brand); height:12rem; width:11rem; text-align:center; align-content:center; clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%); position:absolute; top: 0; left:0; }
.inr_aminite_sec .inr_aminite_box .images img{ width:5rem; }
.inr_aminite_sec .inr_aminite_box .text{ height:12rem; margin-left: 13rem; align-content:center; }
.inr_aminite_sec .inr_aminite_box .text em{ font-size: 2.2rem; font-weight: 600; }
.inr_aminite_sec .inr_aminite_box .text p{ font-size: 1.6rem; padding-top: .5rem; }
.inr_aminite_sec .row{ margin: 0 -2rem; }
.inr_aminite_sec .row .inr_aminite_paddi{ padding: 0 2rem; }




/*________________________________________________________________________ inner_room_sec start _________________________________________________________________________________*/

.inner_room_sec{ margin-top: 3rem; }
.inner_room_sec .images_box a{ width:100%; }
.inner_room_sec .images_box{ margin-right: 2.5rem;}
.inner_room_sec .images_box img{ height:40rem; }
.inner_room_sec .room_item{ border:.1rem dashed rgba(0, 0, 0, 1); padding: 3rem; margin-top: 3rem; }
.inner_room_sec .text_box { background: var(--white);  border-radius:.5rem; }
.inner_room_sec .text_box h3{ font-size: 0; padding-bottom: 1rem; }
.inner_room_sec .text_box h3 { font-size: 4rem; color:var(--black);  }
.inner_room_sec .text_box ul { gap: 0 3rem; flex-wrap:wrap; gap: 1.5rem 2rem; margin-bottom: 4rem; }
.inner_room_sec .text_box ul li { background: var(--white); padding: .5rem 1rem; border-radius:.5rem; border:.1rem solid var(--second_brand); box-shadow:rgba(0, 0, 0, .2) 0 0 1rem; }
.inner_room_sec .text_box ul li em{ color:var(--black); font-weight: 500; }
.inner_room_sec .text_box ul li em span{ margin-right: 1rem; font-weight: 800; }
.inner_room_sec .text_box ul li em img{ width:2.5rem; margin-right: .5rem; }
.inner_room_sec .text_box p{ padding: 1rem 0 2rem 0; }
.inner_room_sec .text_box .booked_btn{ justify-content:space-between; }
.inner_room_sec .text_box .booked_btn .last_btn { background: transparent; color:var(--black); font-weight: 600; border-bottom:.2rem solid rgba(0, 0, 0, 1.0); padding: 1rem 0 .5rem 0; }
.inner_room_sec .text_box .booked_btn .last_btn i{ padding-left: 1rem; color:var(--brand); transition:all .4s ease; }
.inner_room_sec .text_box .booked_btn .last_btn:hover i{ transform:rotate(-45deg); }
.inner_room_sec .row .room_paddi{ padding: 0 0; }


/*________________________________________________________________________ inner_page_end start _________________________________________________________________________________*/


/* ============== inner_return policy_css ==================================================== */
.inner_return_sec .return_box .return_item h2 { color: var(--black); padding-bottom: 1.5rem; }
.inner_return_sec .return_box .return_item ul li { position: relative; font-size: 1.6rem; font-weight: 400; color: var(--black); padding-left: 3rem; margin-bottom: 1rem; font-family: var(--body_font); }
.inner_return_sec .return_box .return_item ul li::before { content: "\f762"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--brand); }


/* ============== inner_terms and condition_css ==================================================== */
.inner_terms_sec .terms_box .terms_item { margin-top: 2rem; }
.inner_terms_sec .terms_box .terms_item h2 { font-size: 3rem; color: var(--black); line-height: 1.4; }
.inner_terms_sec .terms_box .terms_item p { font-size: 1.6rem; color: var(--body_txt_color); line-height: 1.5; }


/* ============== inner_privacy_policy _css ==================================================== */
.inner_Privacy_sec .inner_heading { margin-bottom: 2.5rem; }
.inner_Privacy_sec .privacy_box .privacy_item { margin-top: 2rem; }
.inner_Privacy_sec .privacy_box .privacy_item h2 { font-size: 2.5rem; color: var(--black); line-height: 1.4; }
.inner_Privacy_sec .privacy_box .privacy_item em { font-size: 1.6rem; color: var(--body_txt_color); line-height: 1.5; padding-bottom: 2rem; display: block; }
.inner_Privacy_sec .privacy_box .privacy_item ul li { position: relative; font-size: 1.6rem; font-weight: 400; color: var(--black); padding-left: 3rem; margin-bottom: 1rem; font-family: var(--body_font); }
.inner_Privacy_sec .privacy_box .privacy_item ul li::before { content: "\f762"; position: absolute; left: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--brand); }

.inner_Privacy_sec .privacy_contact { margin-top: 3rem;}
.inner_Privacy_sec .privacy_contact .privacy_contact_item { gap: 0 3rem;}
.inner_Privacy_sec .privacy_contact .privacy_contact_item .privacy_call { display: flex; align-items: center; gap:0 1rem; margin-top: 2rem;}
.inner_Privacy_sec .privacy_contact .privacy_contact_item .privacy_call a{ display: flex; align-items: center; gap:0 1rem; word-break: break-all; text-transform: lowercase }
.inner_Privacy_sec .privacy_contact .privacy_contact_item .privacy_call .call_rt_btn{ background: #D3A43A;}












































/*____________________________________________
                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){ 
    .cta_sec_one .container{ padding: 0 10rem;  }
.banner_sec .banner_item .images img { height:75rem;}

}


@media only screen and (max-width: 1699px){ 
    h2{ font-size: 4rem; }

/*banner*/
.banner_sec .banner_item .images img { height: 60rem;}
/*should*/
.why_should_sec .left_image_box .content_positon{ left:0; }
/*resturent*/
.resturent_sec .resturent_main .images .right_box{ width: 45%; }
.cta_sec_one .right_info ul li .con_info_text{ word-break:break-all; }
.cta_sec_one .container{ padding: 0 2rem;  }
.cta_sec_one .right_info ul li .con_info_text { font-size: 2.2rem; }
.resturent_sec .resturent_main .images img { height: 55rem; }

/*form*/
.banner_form{ padding: 1rem 0; }
.banner_form .input-group label{ font-size: 1.4rem; }
.banner_form .input-group .form-control, .banner_form .input-group .form-select{ font-size: 1.2rem; height: 4rem; }
.book_step_sec { padding: 3rem 0; }
.book_step_sec .book_step_box .images span img { height: 5rem; }
.book_step_sec .book_step_box .images span { height: 6rem; width: 6rem; }
.book_step_sec .book_step_box .text h4 { font-size: 2rem; font-weight: 600; } 
.about_sec .text_under_box .images .ani_block{ padding: 2rem 3rem; border-radius:.5rem; }
.about_sec .text_under_box .images .ani_block .text-counter em { font-size: 4rem; }
.about_sec .left_text h2{ font-size: 3.5rem; }
.cta_sec_one .left_text h2{ font-size: 3.6rem; }
.about_sec .text_under_box .images img { height: 46rem; }
.banner_form .button-group a{ padding: 11px 30px; font-size: 1.4rem; font-weight: 600; }
.book_step_sec .book_step_box .text p{ line-height: 1.5; }

/*amenite*/
.aminites_sec .aminite_main .aminite_box .images img { width: 6rem; }
.aminites_sec .aminite_main .aminite_box .text { margin-top: 1rem; }
.aminites_sec .aminite_main .aminite_box .text h4{ padding-bottom: .5rem; font-size: 2.2rem; }
.aminites_sec .aminite_main .aminite_box{ padding: 1.5rem 3rem; margin-top: 2rem; }

/*room*/
.room_sec .images .room_detail .room_dtels_box .ul_flex_item { display: flex; flex-wrap: wrap; margin-top: 2rem; }
.room_sec .images .room_detail .room_dtels_box ul li { margin-bottom: 1rem; }
.room_sec .images img{ height: 44rem; }

/*cta*/
.newsletter_sec{ padding: 2rem 0; }
.newsletter_sec .right_form a { margin-left: -3rem; width: 10rem; height: 10rem;}
.newsletter_sec .right_form .right_form_ani { right: -62px; top: -18.8rem; }
/*.newsletter_sec .right_form .right_form_ani { right: 0; top: -11rem; }*/
/*.newsletter_sec .right_form .right_form_ani img { width: 34rem; }*/
.newsletter_sec .right_form .right_form_ani img { width: 46rem; }
.newsletter_sec .right_form a i { font-size: 4rem; }
	.newsletter_sec .container{ padding:0 1.5rem; }




}

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


/*header*/
/*.header_sec .nav_sec .navbar .navbar-nav { margin-left: 18rem; }*/
/*banner*/
.banner_sec .banner_item .images img { height: 50rem;}
.banner_form{ width: 78%; }
/*banner_botom_sec*/
.book_step_sec .container{ max-width:100%; padding: 0 1.5rem; }
.book_step_sec .book_step_box { gap: 0 2rem; }
.book_step_sec .book_step_box .text h4 { font-size: 2rem; font-weight: 600;}
/*about*/
.about_sec .left_text h2{ font-size: 4rem; }
/*room*/
.room_sec .container{ max-width:100%; padding: 0 1.5rem; }
/*cta*/
.cta_sec_one .container{ max-width:100%; padding: 0 1.5rem; }
.cta_sec_one .left_text h2{ font-size: 3.5rem; }
.cta_sec_one .right_info ul { gap: 0 1rem; }
.cta_sec_one .right_info ul li .con_info_text { font-size: 2.2rem; }
.cta_sec_one .right_info ul{ justify-content:center; }
.cta_sec_one .left_text{ text-align:center; margin-right: 0; margin-bottom: 2.5rem; }
/*should*/
.why_should_sec .left_image_box .content_positon { transform:unset; bottom:0; top:inherit; }
.why_should_sec .left_image_box .content_positon h3{ font-size: 3rem; }
/*resturent*/
.resturent_sec .resturent_main .images .right_box h2{ font-size: 3.5rem; }
/*newsletter*/
.newsletter_sec .left_content h2{ font-size: 4rem; }
/* inner_about */
.inr_ab_cta_block .images .desc_text{ width:90%; }
.inr_about_block h2{ font-size: 3rem; }
.newsletter_sec .container{ padding: 0 5rem; }
.newsletter_sec .left_content h2 { font-size: 3rem; } 


.inr_aminite_sec .container{ max-width:100%; padding: 0 1.5rem; }
.inr_aminite_sec .row { margin: 0 -1rem;}
.inr_aminite_sec .row .inr_aminite_paddi { padding: 0 1rem;}
.inr_aminite_sec .inr_aminite_box .text { margin-left: 10rem; }
.inr_aminite_sec .inr_aminite_box .images { width: 9rem;}



}

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

/*header*/
.header_sec .nav_sec .container{ max-width:100%; padding: 0 1.5rem; }
/*.header_sec .nav_sec .navbar .navbar-nav { margin-left: 14rem; }*/
.header_sec .nav_sec .navbar .navbar-nav li a{ padding: 1.5rem 1.5rem; }
/*banner*/
.banner_form{ width: 100%; border-radius:0; position:inherit; left:inherit; bottom:inherit; }
.banner_form .input-group { margin: 1rem 0; }
.banner_form .button-group { margin-top: 2rem; }
.banner_sec .banner_item .images img { height: 40rem;}
.banner_sec .slick-next, .banner_sec .slick-prev{ bottom:4rem; }

/*banner_botom_sec*/
.book_step_sec .book_step_box .images span img { height: 5rem; }
.book_step_sec .book_step_box .images span{ height: 6rem; width: 6rem; }
.book_step_sec .book_step_box .text h4 { font-size: 1.6rem;}
.book_step_sec .book_step_box .text p { font-size: 1.4rem;}
.book_step_sec .book_step_box { margin-top: 2rem; }
.book_step_sec{ padding-top: 4rem; }
.book_step_sec .book_step_box { gap: 0 1rem; }
/*about*/
.about_sec .container{ max-width:100%; padding: 0 1.5rem; }
.about_sec .left_text h2{ font-size: 3rem; }
/*amenites*/
.aminites_sec .amenite_first_btn{ display:none; }
.aminites_sec .amenite_last_btn{ display:block; text-align:center; margin-top: 2rem; }
/*should*/
.why_should_sec .right_content{ margin-left: 0;  }
.why_should_sec .right_content ul li .icon{ width: 15rem; height: 15rem; }
.why_should_sec .right_content ul li{ margin: 2.5rem 0; }
/*resturent*/
.resturent_sec .resturent_main .images .right_box h2 { font-size: 3rem; }
/*newsletter*/
.newsletter_sec .left_content h2{ font-size: 3rem; }
/*footer*/
.footer_column h3 { font-size: 2.2rem;}
.footer_column p{ font-size: 1.4rem; }

/*inr_about*/
.inr_ab_cta_block .images .desc_text{ width:95%; }
.header_sec .nav_sec .navbar .navbar-nav li a { padding: 1.5rem 1.2rem; }
.header_sec .nav_sec .navbar-expand-lg .navbar-nav { margin-right: 5rem; }
.newsletter_sec .container { padding: 0 1.5rem; }
.newsletter_sec .left_content h2 { font-size: 2.5rem; }
.newsletter_sec .right_form .right_form_ani {top: -12rem; }
.newsletter_sec .right_form .right_form_ani img { width: 36rem; }




    
}



@media screen and (max-width: 991px){
.container{ max-width:100%; padding: 0 1.5rem; }



.header_sec.fixed .navbar .navbar-toggler-icon{ background:var(--brand); }
.header_sec .navbar .container-fluid{ justify-content:end; }
.header_sec .navbar .navbar-toggler-icon{ display: block; background: var(--black); 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-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 .navbar-collapse.show{ left: 0; }
.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.show .navbar-nav{ margin: 0; }
.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_sec .nav_sec { padding: 2rem 0; }
.header_sec .nav_sec .navbar .header_btn{ right:6rem; }
.header_sec .navbar .navbar-toggler{ padding: 0; border:none; box-shadow:none; }

/*banner*/
.banner_sec .banner_item .images img { height: 35rem;}
/*about*/
.about_sec .left_text .ab_fast_btn{ display:none; }
.about_sec .text_under_box .ab_last_btn{ display:block; margin: 0 auto; margin-top: 9rem; width:fit-content; }
.about_sec .text_under_box{ margin-left: 0; }
.about_sec .text_under_box .images .ani_block{ left:50%; transform:translateX(-50%) !important; }
/*amenite*/
.aminites_sec .left_text h2{ font-size: 3.5rem; }
/*should*/
.why_should_sec .right_content ul li .icon{ width: 19rem; }
/*resturent*/
.resturent_sec .resturent_main .images .right_box { width: 95%; left: 2rem; right: 2rem; bottom:2rem; }
/*newsletter*/
.newsletter_sec .left_content h2{ margin-bottom: 2rem; }
/*footer*/
.footer_sec .footer_column.explore{ margin-left: 0; }
.footer_column.contact, .footer_column.payment{ margin-top: 3rem; }

/*iner_banner*/
.inner_banner_sec .inner_banner_box .images .desc{ right: 4rem; }
.inner_banner_sec .inner_banner_box .images .desc h1{ font-size: 3.5rem; }
.inner_banner_sec .inner_banner_box .images img { height: 20rem; }
/*inner_about*/
.inr_about_block .right_content{ margin-left: 0; }
.inr_ab_cta_block .images img { height: 50rem; }
.inr_vision_block .inr_vision_main .images{ margin-right: 0; }
/*inr_room*/
.inner_room_sec .images_box{ margin-right: 0; margin-bottom: 2rem; }
.inner_room_sec{ margin-top: 0; padding-top: 4rem; }

/*inr_contact*/
.inner_contact_sec form{ margin-right: 0; margin-bottom: 2rem; }
.inner_contact_map .map{ margin-right: 0; padding-bottom: 2rem; }
.inner_contact_map .map iframe{ height:30rem; }


.header_sec .nav_sec .navbar .navbar-brand img { width: 6.5rem; }
.newsletter_sec .right_form a { margin-left: -6rem; }








}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){


h2, h2 span{ font-size: 3.5rem; }
.ptb{ padding: 4rem 0; }



/*banner*/
.banner_sec .banner_item .images img { height: 30rem;}
.banner_sec .slick-next{ bottom:2rem; right: 2rem; }
.banner_sec .slick-prev{ bottom:2rem; right: 8rem; }
/*about*/
.about_sec .text_under_box .images .ani_block { left: 23%; }
.about_sec .text_under_box .images img { height: 40rem;}
.about_sec .text_under_box .images .ani_block{ padding: 4rem 5rem; }
.about_sec .text_under_box .images .ani_block .images i{ font-size: 2rem; }
.about_sec .text_under_box .images .ani_block .text-counter em { font-size: 3.2rem; }

/* room */
.room_sec .images .room_dtl_2{ display:none; }
.room_sec .images .room_detail{ position:inherit; bottom:inherit; left:inherit; right: inherit; transform: unset; }
.room_sec .images .room_detail .room_name a h3 { font-size: 2rem; }
.room_sec .images img{ height:40rem; }
.room_sec .images .room_detail .room_dtels_box .ul_flex_item { margin-top: 2rem; }
/*amenites*/
.cta_sec_one .left_text h2 { font-size: 3rem; }
/*should*/
.why_should_sec .right_content ul li .icon { width: 28rem; }
/*footer*/
.footer_sec .footer_column.explore{ margin-top: 3rem; }
.footer_sec { padding-bottom: 0; }

/*inner_about*/
.inr_ab_cta_block .images .desc_text h2 { color: var(--white);font-size: 3.5rem; }

/*inr_room*/
.inner_room_sec{ padding-top: 2rem; }
/* inner_gallery */
.inner_gallery_sec .container{ padding: 0 1.5rem; }
.inner_gallery_sec .grid_box .grid_item:nth-child(2) { grid-column: span 4; }
.inner_gallery_sec .grid_box .grid_item:nth-child(3) { grid-column: span 4; }
.inner_gallery_sec .grid_box .grid_item:nth-child(8) { grid-column: span 7; }
.inner_gallery_sec .grid_box .grid_item:nth-child(6) { grid-column: span 3; }
.inner_gallery_sec .grid_box .grid_item:nth-child(7) { grid-column: span 4; }

.cta_sec_one .right_info ul{ flex-direction:column; }
.cta_sec_one .right_info ul li .con_info_text { font-size: 1.8rem; word-break: break-all; }
.cta_sec_one .left_text { text-align: left; }
.cta_sec_one .right_info ul { align-items: flex-start !important; gap: 2rem 0; }
.newsletter_sec .right_form{ text-align: -webkit-right; }
.newsletter_sec .right_form a{ margin-left: 0; margin-right: 15rem; }


.inner_Privacy_sec .privacy_contact .privacy_contact_item { flex-direction: column; }


}

@media screen and (max-width:575px){
h2, h2 span { font-size: 2.5rem; }



/*header*/
.header_sec .nav_sec .navbar .header_btn { right: 5rem; }
.header_sec .nav_sec .navbar .header_btn a{ font-size: 1.2rem; padding: 1.5rem 1rem ; font-weight: 600; }
/* .header_sec .nav_sec .navbar .navbar-brand img { width: 10rem;} */
/*banner*/
.banner_sec .banner_item .images img { height: 20rem;}
.banner_sec .slick-next, .banner_sec .slick-prev{ width: 3.5rem; height: 3.5rem; }
.banner_sec .slick-next::after, .banner_sec .slick-prev::after{ font-size: 1.2rem; }
.banner_sec .slick-prev{ right:6rem; }
.banner_form .input-group { margin: .5rem 0; }
.banner_form .input-group label{ font-size: 1.6rem; margin-bottom: .5rem; }
.banner_form .input-group .form-control, .banner_form .input-group .form-select{ height: 3.5rem; padding: 0 1rem; font-size: 1.4rem;  }
.banner_form .button-group a{ font-size: 1.2rem; }
/*about*/
.about_sec .left_text h2 { font-size: 2.5rem; }
.about_sec .text_under_box .images .ani_block { display:none; }
.about_sec .text_under_box .images img{ height:30rem; }
.about_sec .text_under_box .ab_last_btn{ margin-top: 2rem; }
/*room*/
.room_sec .images img{ height:30rem; }
.room_sec .view_room_btn{ margin-top: 2rem; }
.room_sec .images .room_detail .room_dtels_box{ border:.1rem solid #fff; }
.room_sec .view_room_btn a{ font-size: 1.2rem; }
/*amenite*/
.cta_sec_one .left_text h2{ font-size: 2.5rem; }
.aminites_sec .aminite_main .aminite_box{ margin-top: 2rem; }
.aminites_sec .aminite_main .aminite_box{ padding: 2rem; }

.cta_sec_one .right_info ul li .con_info_text em { font-size: 1.6rem; }
/*hshould*/
.why_should_sec .left_image_box .images{ margin-left: 0; }
.why_should_sec .left_image_box img{ height:35rem; border-radius:0; }
.why_should_sec .left_image_box .content_positon{ position:inherit; left:inherit; width:100%; border-radius:0; }
.why_should_sec .left_image_box .content_positon h3{ padding: 1rem 0 2rem 0; font-size: 2.5rem; }
.why_should_sec .right_content ul li{ flex-direction:column; border-radius:0; padding: 2rem; }
.why_should_sec .right_content ul li .icon{ height: 10rem; width: 10rem; }
.why_should_sec .right_content ul li .under_content { margin-top:2rem  }
/*resturent*/
.resturent_sec .resturent_main .images .right_box{ position:inherit; bottom:inherit; left:inherit; right:inherit; width: 100%; background: var(--second_brand); }
.resturent_sec .resturent_main .images .right_box h2{ font-size: 2.5rem; }
.resturent_sec .resturent_main .images .right_box a{ margin-top: 2rem; width:100%; }
.resturent_sec .resturent_main .images img{ height:30rem; }
/*testimonial*/
.feedback_sec .feedback_box{ margin: 2rem 0 0 0; padding: 2rem; }
.feedback_sec .feedback_box .info_dtel .text span{ font-size: 1.4rem; }
/*newsletter*/
.newsletter_sec .left_content h2{ font-size: 2.5rem; }
.newsletter_sec .right_form form .input-group button{ position:inherit; top: inherit; bottom:inherit; right:inherit; }
.newsletter_sec .right_form form .input-group{ display:block; }
.newsletter_sec .right_form form .input-group .form-control{ width:100%; height:5rem; border-radius:0; border:none; }
.newsletter_sec .right_form form .input-group button{ width:100%; height:4rem; border-radius:0; border:none; }
/* faq */
.map_faq_sec .faq_block .accordion-item .accordion-header span { font-size: 1.8rem; }
.map_faq_sec .faq_block .accordion-body { padding: 2rem 1.25rem; }
/*footer*/
.footer_column.contact, .footer_column.payment, .footer_sec .footer_column.explore{ margin-top: 2rem; }
.footer_sec .bottom_footer .bottom_footer_main { flex-direction:column; gap: 1rem 0; }

/*inner_about*/
.inr_about_block .left_content .left_box h2 { font-size: 2.5rem; }
.inr_ab_cta_block .images .desc_text h2{ font-size: 3rem; }
.inr_ab_cta_block .images .desc_text p{ padding: 1rem 0 3rem 0; }
.inr_ab_cta_block .images img { height: 45rem; }
.inr_vision_block .inr_vision_content ul li{ margin: 1.5rem 0; }
/*inr_room*/
.inner_room_sec .room_item{ padding: 2rem; }
.inner_room_sec .images_box img{ height:30rem; }
.inner_room_sec .text_box h3 a { font-size: 2.5rem; }
.inner_room_sec .text_box p { padding: 0rem 0 2rem 0; }
.inner_room_sec .text_box .booked_btn a{ font-size: 1.4rem; padding: 1.5rem 2rem; }
.inner_room_sec .room_item{ margin-top: 2rem; }

/*amenities*/
.inr_aminite_sec .inr_aminite_box .text em{ font-size: 2rem; }
.inr_aminite_sec .inr_aminite_box .text p{ font-size: 1.4rem; }
.inr_aminite_sec .inr_aminite_box .text{ margin-left: 10rem; }
/*inner_contact*/
.inner_contact_sec form .submit_btn a{ width: 100%; }
.inner_contact_map .contact_info ul li{ padding: 2rem 1.5rem; }
.inner_contact_map .contact_info ul li a span, .inner_contact_map .contact_info ul li p span{ width: 4rem; height: 4rem; }

/*inner_gallery*/
.inner_gallery_sec .grid_box .grid_item { grid-column: span 7 !important; } 
.inner_banner_sec .inner_banner_box .images .desc { right: 0; text-align: center; }












}

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

    

}