@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 #DA3C3C____________*/
:root{ 
  --second_brand: #AF033C; 
	--brand: #cb0000; 
	--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 _________________________________________*/
.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 _________________________________________*/


/*________________________________________________________________________ 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); }
.header_sec.fixed .top_header{ display:none; }

/*===========top_header==============*/
.header_sec .top_header { background: var(--brand); padding: .5rem 0; }
.header_sec .top_header .right_contain{ gap: 0 4rem; }
.header_sec .top_header .right_contain .in_out em{ color:var(--white); font-weight: 600; }
.header_sec .top_header .right_contain .in_out em i{ font-size: 1.6rem; padding-right: 1rem; }

.header_sec .top_header .right_contain .social{ gap: 0 1rem; }
.header_sec .top_header .right_contain .social a{ width:3.5rem; height:3.5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; background: rgba(0, 0, 0, .15); }
.header_sec .top_header .right_contain .social a i{ color:var(--white); font-size: 1.4rem; }

.header_sec .top_header .left_contain .call_text a{ font-size: 1.8rem; color:var(--white); font-weight: 500; border:.1rem solid #fff; padding: .8rem 2rem; border-radius:.5rem; }
.header_sec .top_header .left_contain .call_text a:hover{ background:#fff; color:var(--brand); }
.header_sec .top_header .left_contain .call_text a i { animation: jump-shaking 1.2s infinite; padding-right: .5rem; }

/*===========bottom_header==============*/
.header_sec .nav_sec{ padding: .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 .navbar-nav li a{ color:var(--brand); font-weight: 600; font-size: 2rem; padding: 1.5rem 2rem; border-bottom:.2rem solid transparent; position:relative; }
.header_sec .nav_sec .navbar .navbar-nav li a::after{ content: ""; position: absolute; left: 0; bottom: .7rem; width:100%; height:.2rem; background: var(--brand); transform:translateX(-12rem); opacity:0; transition:all .6s ease; }
.header_sec .nav_sec .navbar .navbar-nav li a:hover::after{ transform:translateX(0); opacity:1; }
.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(--black);  }
.header_sec .navbar-expand-lg .navbar-collapse{ justify-content:end; }


/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/

.banner_sec .item {  position: relative; }
.banner_sec .item img { object-fit: cover; height: 75rem; }
.banner_sec .item .cover { position: absolute; width: 50%; height: 50%; bottom: 5%; left: 5%; background: rgba(0, 0, 0, 8%); display: flex; align-items: center; padding-left: 6rem; padding-right: 3rem; backdrop-filter:blur(.5rem); border-radius:.5rem; border:.1rem solid #fff; }
.banner_sec .item .cover .banner_contain { position: relative; padding: 5.6rem; overflow: hidden; }
.banner_sec .item .cover .banner_contain .line { content: ""; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: .9rem solid #fff; clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); }
.banner_sec .item .cover .banner_contain h3 { font-weight: 600; font-size: 1.4rem; color: var(--white); text-transform: uppercase; }
.banner_sec .item .cover .banner_contain h2 { font-size: 5.6rem; font-weight: 600; padding: .5rem 0 2rem 0; word-spacing: .1rem; color: #fff; }
.banner_sec .item .cover .banner_contain p { font-size: 1.6rem; color: #fff; }
.banner_sec .owl-item.active h2 { animation: fadeInDown 2s both 0.4s; }
.banner_sec .owl-item.active h3 { animation: fadeInDown 2s both 0.4s; }
.banner_sec .owl-item.active p { animation: fadeInUp 2s both 0.4s; }
.banner_sec .owl-item.active .line { animation: fadeInLeft 2s both 0.4s; }
.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; }
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); /* must reset transform */
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); /* reset here too */
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


/*________________________________________________________________________ banner_form_start ___________________________________________________________________________________*/

.banner_form{ background: var(--white); box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; padding: 3rem 0; width:100%; /*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:.2rem solid var(--brand); box-shadow: rgba(0, 0, 0, .4) 0 0 1rem; padding: 0 2rem; font-size: 1.6rem; font-family: var(--body_font); color:#000; font-weight: 600; border-radius:.5rem !important; }
.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(--brand); 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; }
.banner_form .button-group a:hover {color:var(--white); background: var(--brand); }


/*________________________________________________________________________  about_sec start  ___________________________________________________________________________________*/

.about_sec{ position:relative; z-index: 1; }
.about_sec::after{ position:absolute; z-index: -1; content:""; background: url(../images/about_bg.jpg) repeat ; top: 0; left:0; width:100%; height:100%; opacity: .06; }
.about_sec .right_text h1{ font-size: 2.5rem; }
.about_sec .right_text h2{ padding-bottom: 1.5rem; font-size: 2.8rem; font-family: var(--body_font); font-weight: 500; padding: 1rem 0 2rem 0; color:var(--brand); }
.about_sec .right_text .about_list .icon_box span{ width:5.5rem; height:5.5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.about_sec .right_text .about_list .icon_box span img{ width:3rem; color:var(--brand); opacity: 1; }
.about_sec .right_text .about_list ul{ flex-wrap:wrap; justify-content:space-between; }
.about_sec .right_text .about_list ul li{ width:47%; margin-top: 2rem; }
.about_sec .right_text .about_list ul li em{ font-size: 2.5rem; font-family: var(--body_font); color:var(--black); padding-top: 2rem; padding-bottom: .5rem; font-weight: 600; }  
.about_sec .right_text .about_list ul li p{ font-size: 1.6rem;  }  
.about_sec .right_image{ margin-right: 3rem; }
.about_sec .right_image, .about_sec .right_image .images, .about_sec .right_image .images img{ object-fit: cover; height:100%; border-radius:.5rem; }


/*________________________________________________________________________  room_sec 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 img{ width:4rem; }

.room_sec .container{ max-width:100%; padding: 0 10rem; }
.room_sec .room_box{ margin-top: 3rem; }
.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: var(--brand); padding: 1rem 1rem; border-radius:.5rem; gap: 0 .5rem; }
.room_sec .room_box .images_box .star i{ color:var(--white); font-size: 1.6rem; }
.room_sec .room_box .text_box { border:.1rem dashed rgba(0, 0, 0, .5); padding: 2rem; background: var(--white); }
.room_sec .room_box .text_box h3{ font-size: 3rem; font-weight: 600; }
.room_sec .room_box .text_box ul{  gap: 0 2rem; background: #00000012; padding: 1.3rem 2rem; border-radius:.5rem; margin: 2rem 0; width:fit-content; }
.room_sec .room_box .text_box ul li{ gap: 0 1rem; }
.room_sec .room_box .text_box ul li .icon i{ font-size: 1.6rem; color:var(--brand); }
.room_sec .room_box .text_box ul li .text em { font-size: 1.6rem; color:var(--black); font-weight: 500; font-family: var(--body_font); }
.room_sec .room_box .text_box .room_button{ margin-top: 2rem; justify-content:space-between; display:flex; align-items:center; border-top:.1rem dashed rgba(0, 0, 0, .3); padding-top: 2rem; }
.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: 1.8rem; 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; }



/*________________________________________________________________________  why_hire_sec start  ___________________________________________________________________________________*/

.why_hire_sec { position:relative; z-index: 1; background: #000; }
.why_hire_sec::after{ position:absolute; z-index: -2; content:""; background: url(../images/why_hire_bg.jpg) no-repeat center center/cover; top: 0; left:0; width:100%; height:100%; opacity: .3; }
.why_hire_sec .container{ max-width:100%; padding: 0 5rem 0 0 ; }
.why_hire_sec .left_images_box { margin-right: 6rem; height:100%; }
.why_hire_sec .left_images_box .und_image_paddi{ padding: 0 0; border-left:.1rem solid #fff; }
.why_hire_sec .left_images_box .images_content { background: var(--brand); text-align:center; position:absolute; bottom: 0; left: 0; right: 0; z-index: 5; }
.why_hire_sec .left_images_box .images_content em{ font-size: 2rem; font-family: var(--body_font); color:#fff; padding: 1.5rem 0; }
.why_hire_sec .left_images_box .images_box{ position:relative; z-index: 1; overflow:hidden; height:100%; }

.why_hire_sec .left_images_box .images_box::after{ content: ""; position:absolute; top: -100rem; left:0; width:100%; height:100%; background: rgba(0, 0, 0, .1); backdrop-filter:blur(5px); opacity:0; transition:all .5s ease; }
.why_hire_sec .left_images_box .images_box:hover::after{ opacity:1; top: 0; }
.why_hire_sec .right_text_box h2{ color:var(--white); font-size: 5.5rem; }
.why_hire_sec .right_text_box h4{ color:var(--white); font-size: 2.5rem; padding: 2.5rem 0 3rem 0; margin-top: 2.5rem; border-top:.1rem solid rgba(255, 255, 255, .4); }
.why_hire_sec .right_text_box p{ color:var(--white); font-size: 1.6rem; padding: 0 0 4rem 0; }
.why_hire_sec .right_text_box a{ border: .2rem solid #fff; color:#fff; }


.why_hire_sec .left_images_box .images_box img{ height:45rem; object-fit:cover; width:100%; }
.why_hire_sec .left_images_box .left_images_box_row{ height:100%; }





/*________________________________________________________________________  cta_one_sec start  ___________________________________________________________________________________*/

.cta_one_sec { background: #000442; padding: 6rem 0; position:relative; z-index: 1; }
.cta_one_sec::after{ position:absolute; z-index: -1; content:""; background: url(../images/about_bg.jpg) repeat ; top: 0; left:0; width:100%; height:100%; opacity: .06; }
.cta_one_sec .left_text_box h3{ font-size: 4.2rem; color:var(--white); padding-bottom: 1rem; }
.cta_one_sec .left_text_box p{ color:var(--white); }
.cta_one_sec .right_text .call_now a{ border:.1rem solid rgba(255, 255, 255, 1.0); padding: 1rem 2rem; border-radius:.5rem; }
.cta_one_sec .right_text .call_now a em{ font-size: 4.5rem; color:var(--white); font-weight: 500; transition:all .4s ease; }
.cta_one_sec .right_text .call_now a:hover em{ color:var(--brand); }

.cta_one_sec .container{ max-width:100%; padding: 0 5rem; }


/*________________________________________________________________________  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:.03;  }
.amenite_sec h2 em{ text-align:center; margin: 0 auto; }
.amenite_sec .left_content{ margin-right: 3rem; }
.amenite_sec .left_content ul { flex-wrap:wrap; justify-content:space-between; }
.amenite_sec .left_content ul li{ padding: 2rem; background: transparent; border:.1rem solid rgba(0, 0, 0, .1); width:35rem; margin: 3rem 0 0 0; background: var(--white); }
.amenite_sec .left_content ul li .icon span{ width:5.5rem; height:5.5rem; border-radius:1rem; background: #ebebeb; display:flex; align-items:center; justify-content:center; }
.amenite_sec .left_content ul li .icon span img{ width:3.5rem; }
.amenite_sec .left_content ul li em{ padding-top: 1.5rem; font-size: 2.5rem; color:var(--black); }
.amenite_sec .images_box { margin-top: 3rem; position:relative; }
.amenite_sec .images_box img{ border-radius:1rem; }
.amenite_sec .images_box .view_all_ament{ position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); }
.amenite_sec .images_box .view_all_ament a{ font-size: 2rem; color:var(--white); font-weight: 600; border-bottom:.2rem solid var(--white); }



/*________________________________________________________________________  cta_two_sec start  ___________________________________________________________________________________*/

.cta_two_sec{ overflow:hidden; position:relative; z-index: 1; }
.cta_two_sec::after{ position:absolute; content:""; background: rgba(0, 0, 0, .7); top: 0; left:0; width:100%; height:100%; z-index: 2;  }
.cta_two_sec .container{ max-width:100%; padding: 0 0; }
.cta_two_sec .images_box img{ height:35rem; object-fit:cover; }
.cta_two_sec .images_box{ position:relative; }
.cta_two_sec .images_box .cta_text_box{ position:absolute; top: 30%; left: 50%; transform:translate(-50%, -50%); z-index: 5; text-align:center; width:80%; }
.cta_two_sec .images_box .cta_text_box h3{ color:var(--white); font-size: 8rem; position:relative; z-index: 3; }
.cta_two_sec .images_box .cta_text_box p{ color:var(--white);  }
/*.cta_two_sec .cta_two_call_ani{ position:absolute; top: 2rem; right:2rem; z-index: 3; }
.cta_two_sec .cta_two_call_ani i{ font-size: 3.5rem; color:var(--brand); }*/

@keyframes jump-shaking{
  0% {
      transform: translateX(0);
  }

  25% {
      transform: translateY(-9px);
  }
  35% {
      transform: translateY(-9px) rotate(17deg);
  }
  55% {
      transform: translateY(-9px) rotate(-17deg);
  }
  65% {
      transform: translateY(-9px) rotate(17deg);
  }
  75% {
      transform: translateY(-9px) rotate(-17deg);
  }
  100% {
      transform: translateY(0) rotate(0);
  }
}
@keyframes calling {
  0% {
    width: calc(100%);     
    height: calc(100%);
    opacity: 1;
  }
  100% {
    width: calc(100% + 60px);     
    height: calc(100% + 60px);
    opacity: 0;
  }
}
/*
.cta_two_sec .pulse { height: 10rem; width: 10rem; border-radius: 50%; background-color: #fff; background-image: radial-gradient(hsl(0deg 0% 100%), hsl(0deg 0% 100%)); display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; animation: jump-shaking 1.2s infinite; }
.cta_two_sec .pulse::before, .pulse::after {  content: ''; position: absolute; width: calc(100%); height: calc(100%); border-radius: 50%; border: .1rem solid #fff; animation: calling 2s ease-in-out infinite; }
.cta_two_sec .pulse::after { animation: calling 2s ease-in-out .35s infinite; }
*/

.cta_two_sec .cta_two_call_box{ text-align:center; position:absolute; bottom:4rem; line-height: 0; left:50%; z-index: 4; background: var(--white);  border-radius:.5rem; transform:translateX(-50%); }
.cta_two_sec .cta_two_call_box a{ font-size: 4rem; border:.1rem solid var(--brand); padding: 2rem 5rem; }
.cta_two_sec .cta_two_call_box a i{animation: jump-shaking 1.2s infinite; }

















/*________________________________________________________________________  feedback_sec start  ___________________________________________________________________________________*/

.feedback_sec .images img{ border-radius:1rem; height:35rem; object-fit:cover; }
.feedback_sec .feedback_box{ margin-left: 3rem; }
.feedback_sec .feedback_box h3 { font-size: 2.2rem; line-height: 2.1rem; line-height: 1.2; color: #0e2a4e; font-weight: 700; position: relative; padding-left: 7.4rem; padding-top: 2rem; margin-bottom: 3.5rem; }
.feedback_sec .feedback_box h3 .quote { font-size: 12rem; letter-spacing: 0; line-height: .8; font-weight: 700; -webkit-text-stroke-width: .2rem; -webkit-text-stroke-color: var(--brand); color: transparent; font-family: var(--body_font); position: absolute; top: .6rem; left: 0; }
.feedback_sec .feedback_box .user_info{ margin-top: 3rem; border-top:.1rem solid rgba(0, 0, 0, .5); padding-top: 3rem; gap: 0 2rem; }
.feedback_sec .feedback_box .user_info .user_content img{ width:5.5rem; height:5.5rem; border-radius:100%; object-fit:cover; }
.feedback_sec .feedback_box .user_info em a{ font-size: 2.2rem; color:var(--black); 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(--black);  }
.feedback_sec .owl-dots .owl-dot.active{ width:4rem; height:1rem; border-radius:10rem; background:var(--brand);  }


/*________________________________________________________________________  feedback_sec start  ___________________________________________________________________________________*/

.faq_sec .container{ max-width:100%; padding: 0 5rem; }
.faq_sec{ position:relative; z-index: 1; }
.faq_sec::after{ position:absolute; z-index: -1; content:""; background: url(../images/faq_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; opacity:.1;  }
.faq_sec .right_faq_box{ margin-right: 4rem; }
.faq_sec .right_faq_box .accordion-item{ border:transparent; margin-bottom: 1.5rem; }
.faq_sec .right_faq_box .accordion-item .accordion-header span{ font-size: 2rem; font-family: var(--body_font); color:var(--black); font-weight: 600; padding-right: 4rem; }
.faq_sec .right_faq_box .accordion-item .accordion-header .accordion-button{ background: #fff; padding: 2rem 2rem 2rem 2rem; border-radius:1rem; border:.1rem solid rgba(0, 0, 0, .2); }
.faq_sec .right_faq_box .accordion-button::after{ background-image: none; content:"\f068"; font-size: 2rem; font-family: "Font Awesome 6 Pro"; color:var(--brand); height:2.3rem; }
.faq_sec .right_faq_box .accordion-button:not(.collapsed)::after{ content:"\2b"; font-size: 2rem; font-family: "Font Awesome 6 Pro"; color:var(--brand); height:2.3rem; } 
.faq_sec .right_faq_box .accordion-body{ padding: 3rem 1.25rem; background: #0042a512; border-radius: 1rem; border-bottom: .4rem solid var(--brand);}
.faq_sec .right_faq_box .accordion-button:not(.collapsed){ box-shadow:none; }

.faq_sec .right_faq_box .accordion-body em{ font-size: 1.4rem; padding-bottom: 2rem; color:var(--black); }
.faq_sec .right_faq_box .accordion-body ul li a{ display:block; font-size: 1.6rem; color:var(--black); font-weight: 500; padding: 1rem 0; }
.faq_sec .right_faq_box .accordion-body ul li a:hover{ color:var(--brand); }




/*________________________________________________________________________  home page css end  ___________________________________________________________________________________*/


/*________________________________________________________________________  inner_page_css start  ___________________________________________________________________________________*/

/*________________________________________________________________________  inr_banner_css start  ___________________________________________________________________________________*/

.inner_banner_sec { position:relative; z-index: 1; overflow:hidden; }
.inner_banner_sec::after{ content:""; position:absolute; background: linear-gradient(83deg,rgba(0, 35, 73, 1) 9%, rgba(0, 35, 73, 0.68) 48%, rgba(0, 35, 73, 0) 75%); top: 0; left: 0; width:100%; height:100%; z-index: 2; }
.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; top:50%; transform: translateY(-50%); z-index: 5; left:15rem; }
.inner_banner_sec .images_box .desc h1{ color:var(--white); font-size: 5rem; }


/*________________________________________________________________________  inr_about_css start  ___________________________________________________________________________________*/

.inr_about_sec { position:relative; z-index: 1; overflow:hidden; }
.inr_about_sec::after{ position:absolute; z-index: -1; content:""; background: url(../images/inr_about_bg.svg) no-repeat right bottom; top: 0; left:0; width:100%; height:100%; opacity:1; }
.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 h6{ font-family: var(--body_font); color:var(--brand); font-size: 2.4rem; font-weight: 600; }
.inr_about_sec h2{ padding: .5rem 0 2rem 0; }
.inr_about_sec .inr_about_main { margin-top: 3rem; }
.inr_about_sec .images img{ border-radius:.5rem; }


/*________________________________________________________________________  inr_ab_story start  ___________________________________________________________________________________*/

.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: 2.4rem; font-weight: 600; }
.inr_ab_story .right_text h3{ padding: .5rem 0 2rem 0; font-size: 4.2rem; }
.inr_ab_story .right_text p{ padding-top: 2rem; }




/*________________________________________________________________________  inr_ab_service start  ___________________________________________________________________________________*/

.inr_ab_service .images_box{ margin-top: 3rem; }
.inr_ab_service .row{ margin: 0 -1.5rem; }
.inr_ab_service .row .in_ab_service_paddi{ padding: 0 1.5rem; }
.inr_ab_service .images_box { text-align:center; position:relative; z-index: 2; }
.inr_ab_service .images_box .text_content{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; padding: 2rem 2rem 3rem 2rem; z-index: 4; }
.inr_ab_service .images_box .text_content::after{ content:""; position:absolute; background: linear-gradient(0deg,rgba(218, 60, 60, 1) 9%, rgba(218, 60, 60, 0.68) 30%, rgba(218, 60, 60, 0) 100%); top: 0; left: 0; width:100%; height:100%; z-index: -3; }
.inr_ab_service .images_box .text_content h3{ color:var(--white); font-size: 3.5rem; }
.inr_ab_service .images_box .text_content em{ color:var(--white); }


/*________________________________________________________________________  inr_ab_service start  ___________________________________________________________________________________*/

.inr_about_cta_sec { overflow:hidden; }
.inr_about_cta_sec .container{ max-width:100%; padding: 0 0; }
.inr_about_cta_sec .images_box{ position:relative; }
.inr_about_cta_sec .images_box img{ height:65rem; object-fit:cover; }
.inr_about_cta_sec .images_box .image_content{ position:absolute; bottom: 5rem; right:5rem; width: 70rem; height: 30rem; align-content: center; padding: 2.5rem 3rem; border-radius:1rem; background: rgba(255, 255, 255, 8%); backdrop-filter:blur(2rem) saturate(180%); }
.inr_about_cta_sec .images_box .image_content h3{ color:var(--white); font-size: 4rem; }
.inr_about_cta_sec .images_box .image_content p{ color:var(--white); padding: 2rem 0 2.5rem 0; }
.inr_about_cta_sec .images_box .image_content em{ color:var(--white); font-size: 2.2rem; }


/*________________________________________________________________________  inr_aminite_sec start  ___________________________________________________________________________________*/

.inr_aminite_sec .inr_aminite_box { margin-top: 3rem; padding: 2.5rem; 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:.02; }
.inr_aminite_sec .inr_aminite_box .images img{ width:10rem; }
.inr_aminite_sec .inr_aminite_box .text{ margin-top: 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 .img_ani{ position:absolute; top: 0; right: 0; opacity:0; }
.inr_aminite_sec .row{ margin: 0 -2rem; }
.inr_aminite_sec .row .inr_aminite_paddi{ padding: 0 2rem; }


/*________________________________________________________________________  inner_contact_sec start  ___________________________________________________________________________________*/

.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(--black) }
.inner_contact_sec form .input-group textarea { min-height:15rem; }
.inner_contact_sec form .input-group label{ font-size: 1.8rem; color:var(--black); font-family: var(--body_font); font-weight: 500; }
.inner_contact_sec .images, .inner_contact_sec .images img{ height:100%; object-fit:cover; border-radius:1rem; }
/*==================================*/

.inner_contact_info .container{ max-width:100%; padding: 0 5rem; }
.inner_contact_info {padding-top: 0;}
.inner_contact_info .contact_info_box ul{ gap: 0 3rem; justify-content:center; width: 100%; flex-wrap:wrap; }
.inner_contact_info .contact_info_box ul li{ width:23%; }
.inner_contact_info .contact_info_box ul li a span, .inner_contact_info .contact_info_box ul li p span{ color:var(--brand); font-size: 2rem; padding-bottom: 2rem; }
/*.inner_contact_info .contact_info_box ul li p span{ padding-bottom: 2rem; }*/
.inner_contact_info .contact_info_box ul li a span i, .inner_contact_info .contact_info_box ul li p span i{  font-size: 4rem; padding-right: .5rem; }
.inner_contact_info .contact_info_box ul li a, .inner_contact_info .contact_info_box ul li p{ background: var(--white); border:.1rem solid rgba(0, 0, 0, .5); padding: 2rem 2rem; border-radius:1rem; width: 100%; height: 17rem; align-content: center; }
.inner_contact_info .contact_info_box ul li a em{ font-size: 2.5rem; color:var(--black); word-break:break-all; font-weight: 500; transition:all .4s ease; } 
.inner_contact_info .contact_info_box ul li a:hover em{ color:var(--brand); }
.inner_contact_info .contact_info_box ul li p em{ font-size: 1.8rem; line-height: 1.2; }


/*________________________________________________________________________ inner_room_sec start _________________________________________________________________________________*/

.inner_room_sec .inr_room_box{ margin-top: 3rem; }
.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; top: 1rem; right:2rem; gap: 0 .5rem; }
.inner_room_sec .owl-nav .owl-prev, .inner_room_sec .owl-nav .owl-next{ background: var(--brand); width:4rem; height:4rem; border-radius:100%; 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 { border:.1rem dashed rgba(0, 0, 0, .4); padding: 2.5rem; border-radius:0 0 .5rem .5rem; }
.inner_room_sec .text_box h3{ font-size: 3.5rem; }
.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:.1rem solid rgba(0, 0, 0, 1.0);*/ border-radius:.5rem; padding: .5rem 1.5rem; }
.inner_room_sec .text_box ul.hotel_amenite li em img{ width: 3.5rem; margin-right: .5rem; }
.inner_room_sec .text_box ul.room_feature{ flex-wrap:wrap; gap: 1.5rem 1rem; margin-bottom: 3rem; margin-top: 2rem; }
.inner_room_sec .text_box .room_feature li { border:.1rem dashed var(--brand); 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.6rem; font-weight: 500; color:var(--black); }
.inner_room_sec .text_box .booked_btn{ background: #506ce7; justify-content:space-between; padding: 1.5rem 2rem; border-radius:.5rem; }
.inner_room_sec .text_box .booked_btn a{ color:var(--white); font-size: 2rem; font-weight: 500; border-bottom:.1rem dashed var(--white); }
.inner_room_sec .text_box .booked_btn a i{ padding-left: .5rem; }
.inner_room_sec .text_box .booked_btn a:hover{ color:var(--black); }
.inner_room_sec .text_box .booked_btn a:hover i{ color:var(--white); }
.hotel_amenite_item{ position:relative; box-shadow:inset 0 0 0 .1rem rgba(0, 0, 0, .1); color: var(--black); vertical-align:middle; }
.hotel_amenite_item:before, .hotel_amenite_item:after{ content:''; position:absolute; box-sizing:inherit; width:100%; height:100%; }
.hotel_amenite_item{ transition:color 0.25s; }
.hotel_amenite_item:before, .hotel_amenite_item:after{ width:0; height:0; border:.2rem solid transparent; }
.hotel_amenite_item:before{ top:0; left:0; }
.hotel_amenite_item:after{ bottom:0; right:0; }
.hotel_amenite_item:hover{ color: var(--brand); }
.hotel_amenite_item:hover:before, .hotel_amenite_item:hover:after{ width:100%; height:100%; }
.hotel_amenite_item:hover:before{ border-top-color: var(--brand); border-right-color: var(--brand); transition:width 0.25s ease-out, height 0.25s ease-out 0.25s; }
.hotel_amenite_item:hover:after{ border-bottom-color: var(--brand); border-left-color: var(--brand); transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }


/*________________________________________________________________________ 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 _________________________________________________________________________________*/




.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 img{ width:2.5rem; }
.footer_sec .bottom_footer .bottom_footer_main span a{ text-decoration:underline; color:var(--white); background: #000; }




.footer_sec .footer_top .container{ max-width:100%; padding: 0 15rem; }
.footer_sec .footer_top{ padding-bottom: 3rem; }
.footer_sec .footer_top .footer_column img{ width:16rem; }
.footer_sec .footer_top .footer_column p{ line-height: 1.8; font-size: 1.4rem; color:var(--white); }
.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 em{ display:flex; gap:0 1rem; margin-top: 2rem; }
.footer_sec .footer_top .contact em a{ color:var(--white); font-size: 1.8rem; font-weight: 400; word-break:break-all; }
.footer_sec .footer_top .contact em i{ padding-right: 1rem; color:var(--white); font-size: 2rem; font-weight: 400;  }
.footer_sec .footer_top .contact em a:hover{ color:var(--brand); }


.footer_sec .footer_top .follow .footer_social {  gap:0 1rem; margin-top: 2rem; }
.footer_sec .footer_top .follow .footer_social a{ width:3.5rem; height:3.5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.footer_sec .footer_top .follow .footer_social a i{ color:var(--white); }

.footer_sec .footer_top .about{ margin-top: -4rem; }







.footer_sec .footer_top .footer_map iframe{ height:20rem; width:100%; }
.footer_sec .footer_top .quick_link{ border-radius:.5rem; }
.footer_sec .footer_top .quick_link ul { gap: 0 2rem; }
.footer_sec .footer_top .quick_link ul li{ margin-bottom: 1.5rem; }
.footer_sec .footer_top .quick_link ul li a{ color:var(--white); font-size: 1.8rem; font-weight: 400; }
.footer_sec .footer_top .quick_link ul li a:hover{ color:var(--brand); text-decoration:underline; }





/*________________________________________________________________________ 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){ 

/*inr_contact*/
.inner_contact_info .contact_info_box ul li a{ padding: 2rem 1.5rem; }
.inner_contact_info .contact_info_box ul { gap: 0 2rem; }
/*banner*/
.banner_sec .item img{ height:70rem; }
.faq_sec .left_images, .faq_sec .left_images img { height:100%; object-fit:cover; border-radius:.5rem; }
.cta_one_sec .left_text_box h3 { font-size: 3.5rem; }
.cta_one_sec .right_text .call_now a em { font-size: 3.5rem; }



}

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

/*home*/
.banner_sec .item .cover { width: 63%; }
.banner_sec .item img{ height:60rem; }
.room_sec .container{ padding: 0 1.5rem; }
.room_sec .room_box .text_box ul { gap: 0 1.5rem; }
.cta_two_sec .images_box .cta_text_box{ width:95%; }
.cta_two_sec .images_box .cta_text_box h3 { font-size: 6rem; }
/*inr_contact*/
.inner_contact_info .container{ padding: 0 2rem; }
.inner_contact_info .contact_info_box ul li a em{ font-size: 2.4rem; }
/*inr_gallery*/
.inner_gallery_sec .grid_box .grid_item:nth-child(8){ grid-column: span 5; }
.footer_sec .footer_top .container { padding: 0 5rem; }

.cta_one_sec .container{ padding: 0 1.5rem; }
.cta_one_sec .left_text_box h3 { font-size: 3.2rem; }
.why_hire_sec .right_text_box h2{ font-size: 4.5rem; }
.why_hire_sec .left_images_box .images_box img{ height: 100%;}



}

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

/*home*/
.banner_sec .item .cover { width: 73%; height: 65%; }
.banner_sec .item img{ height:50rem; }
.why_hire_sec .right_text_box h2{ font-size: 4.5rem; }
.room_sec .row .room_paddi{ padding: 0 1rem; }
.room_sec .row { margin: 0 -1rem; }
.room_sec .room_box .text_box ul li .text em { font-size: 1.4rem; }
.room_sec .room_box .text_box ul { gap: 0 1rem; }
.room_sec .room_box .text_box ul{ padding: 1.3rem 1rem; }
.amenite_sec .left_content ul li{ width:30rem; }
.faq_sec .container{ padding: 0 1.5rem; }
.inr_ab_service .images_box .text_content h3{ font-size: 3rem; }
.inr_ab_service .images_box img{ height:40rem; object-fit:cover; }
.inr_about_cta_sec .images_box img { height: 55rem; }
.inner_room_sec .container { max-width:100%; padding: 0 1.5rem; }
/*inr_contact*/
.inner_contact_info .contact_info_box ul li{ width: 32%; }
.inner_contact_info .contact_info_box ul li:last-child{ width:100%; display:block; margin-top: 2rem; }
.footer_sec .footer_top .container { padding: 0 1.5rem; }
.footer_sec .footer_top .contact em a { font-size: 1.6rem; }



}




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


/*banner*/
.banner_sec .item .cover .banner_contain h2 { font-size: 4rem; }
.banner_sec .banner_form .container{ max-width:100%; padding: 0 1.5rem; }
.about_sec .right_text h2{ font-size: 3.5rem; }
.why_hire_sec .left_images_box {  margin-right: 3rem; }
.why_hire_sec .right_text_box h2{ font-size: 3.5rem; }
.amenite_sec .left_content ul li{ width:25rem; }
/*.cta_two_sec .images_box .cta_text_box h3{ font-size: 7rem; }*/
.footer_sec .footer_top .container{ max-width:100%; padding: 0 1.5rem; }
.footer_sec .footer_top .contact{ margin-left: 0; }
.inr_ab_story .right_text h3{ font-size: 3.5rem; }
.inner_room_sec .inr_room_box .images_slider img { height: 35rem; object-fit:cover; }
.inner_room_sec .text_box{ padding: 2rem; }
.inner_room_sec .text_box ul.room_feature{ gap: 1.5rem .5rem; }
/*inner_banner*/
.inner_banner_sec .images_box img{ height:25rem; }
.inner_banner_sec .images_box .desc{ left:10rem; }
/*inr_contact*/
.inner_contact_info .contact_info_box ul { gap: 0 1.5rem; }
.inner_contact_info .contact_info_box ul li { width: 32%; }
.inner_contact_info .contact_info_box ul li a em{ font-size: 2.2rem; }
/*inr_gallery*/
.inner_gallery_sec .grid_box .grid_item:nth-child(3){ grid-column: span 5; }
.inner_room_sec .text_box h3 { font-size: 3rem; }

.footer_sec .footer_top .payment{ margin-top: 3rem; }

.cta_one_sec .right_text{ text-align:center; margin-top: 2rem; }
.cta_one_sec .left_text_box h3{ text-align:center; }


	
}



@media screen and (max-width: 991px){
  /*mobile menu*/
.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-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 .navbar-collapse.show{ left: 0; }
.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 .navbar .navbar-toggler{ padding: 0; border:none; box-shadow:none; }
/*header*/
.header_sec .top_header .container{ max-width:100%; padding: 0 1.5rem; }
.header_sec .nav_sec{ padding: 0 0; }
.header_sec .nav_sec .navbar .navbar-brand{ position:inherit; left:inherit; }
.header_sec .nav_sec .navbar .navbar-brand img { width: 6rem; }
.header_sec .nav_sec .navbar .navbar-nav li a::after{ display:none; }

/*banner*/
.banner_sec .item .cover { width: 90%; }
.banner_form .input-group{ margin: 0 0 2.5rem 0; }
.about_sec .right_image{ margin-right: 0; padding-bottom: 3rem; }
.why_hire_sec .container{ padding: 0 1.5rem; }
.why_hire_sec .left_images_box{ margin-right: 0; }
.why_hire_sec .left_images_box .images_box img{ height:40rem; object-fit:cover; }
.why_hire_sec .left_images_box .images_box{ margin-bottom: 2.5rem; height:inherit; }
.why_hire_sec .left_images_box .und_image_paddi{ border:none; }
.room_sec .room_box .text_box h3 { font-size: 2.5rem; }
.room_sec .room_box .text_box ul{ flex-wrap:wrap; justify-content:center; gap: 1rem 2rem; }
.room_sec .room_box .images_box img{ height:30rem; }
.cta_one_sec .right_text{ margin-top: 3rem; }
.amenite_sec .left_content{ margin-right: 0; }
.amenite_sec .left_content ul li { width: 49%; }
.feedback_sec .images { padding-bottom: 3rem; }
.faq_sec .right_faq_box{ margin-right: 0; margin-top: 3rem; }
.faq_sec .row{ flex-direction:column-reverse; }
.footer_sec .footer_top .about{ margin-bottom: 2rem; }
.footer_sec .bottom_footer .bottom_footer_main span{ text-align:center; }
.inr_about_sec h2{ font-size: 3.5rem; }
.inr_about_sec .images_two { display:none; }
.inr_ab_story .images_box{ margin-right: 0; padding-bottom: 3rem; }
.inr_ab_story .right_text h3{ padding: .5rem 0 0 0; }
.inr_about_cta_sec .images_box .image_content{ width: 67rem; }
.inr_about_cta_sec .images_box img { sheight: 50rem; }
/*inner_banner*/
.inner_banner_sec .images_box .desc{ left:5rem; }
/*inr_contact*/
.inner_contact_sec form{ margin-right: 0; margin-bottom: 3rem; }
.inner_contact_info .contact_info_box ul li { width: 48% !important; margin-top: 0 !important; }
.inner_contact_info .contact_info_box ul{ gap:1.5rem; }
/*inr_gallery*/
.inner_gallery_sec .grid_box .grid_item{ grid-column: span 1 !important; }


.cta_two_sec .images_box .cta_text_box h3 { font-size: 5rem; }
.cta_two_sec .cta_two_call_box a { font-size: 3rem; }
.cta_two_sec .images_box .cta_text_box { top: 36%; }




}



/*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*/
.header_sec .top_header { padding: 1rem 0; }
.header_sec .top_header .right_contain .social{ display:none !important; }
/*.header_sec .nav_sec .navbar .navbar-brand img { width: 15rem; }*/
/*banner*/
.banner_sec .item .cover{ padding: 0 0; }
.banner_sec .item .cover .banner_contain { padding: 3.6rem 0 3.6rem 2.6rem; }
.banner_sec .item img { height: 40rem; }
.why_hire_sec .left_images_box .images_box img { height: 30rem; }
.why_hire_sec .right_text_box h2 { font-size: 2.5rem; }
.why_hire_sec .right_text_box h4{ font-size: 2rem; padding: 2.5rem 0 2rem 0; }
.why_hire_sec .right_text_box p{ padding: 0 0 2rem 0; }
.cta_two_sec .images_box .cta_text_box h3{ font-size: 5rem; }
.cta_two_sec .images_box img { height: 40rem; }
.footer_sec .footer_top .contact{ margin-bottom: 2.5rem; }
.footer_sec{ padding-bottom:0; }
.footer_sec .bottom_footer .bottom_footer_main { flex-direction:column; gap: 1rem 0; }
.footer_sec .footer_top .quick_link ul{ flex-wrap:wrap; gap: 1rem 2rem; }
.footer_sec .footer_top .quick_link ul li a{ font-weight: 500; font-size: 1.6rem; }
.footer_sec .footer_top .social_link{ flex-direction:column; gap: 2rem 0; align-items:inherit !important; }
.inr_ab_service .images_box{ margin-top: 2rem; }
.inr_about_cta_sec .images_box .image_content{ width:100%; right:5rem; left:5rem; }
.inr_about_cta_sec .images_box .image_content { width: 100%; right: 0; left: 0; bottom: 0; }
.inr_about_cta_sec .images_box img{ height: 45rem; }
.inr_about_cta_sec .images_box .image_content h3{ font-size: 3.2rem; }
/*inner_banner*/
.inner_banner_sec .images_box img{ height:20rem; }
.inner_banner_sec .images_box .desc h1{ font-size: 4rem; }
/*inr_contact*/
.inner_contact_info .container { padding: 0 1.5rem; }
.inner_contact_info { padding-top: 0; }
/*inr_gallery*/
.inner_gallery_sec .container{ padding: 0 1.5rem; }

.cta_two_sec .cta_two_call_box a { font-size: 2rem; padding: 2rem 4rem; }
.cta_two_sec .images_box img { height: 30rem; }

.footer_sec .footer_top .follow .footer_social{ margin-bottom: 3rem; }


}

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

/*header*/
.header_sec .top_header .right_contain .in_out em{ font-size: 1.4rem; }
.header_sec .top_header .top_head_contain { flex-direction:column; gap:.5rem 0; }
.header_sec .top_header .left_contain .call_text a{ font-size: 1.8rem; }
/*banner*/
.banner_sec .item .cover{ padding: 0 0; height:85%; }
.banner_sec .item .cover .banner_contain { padding: 3.6rem 0 3.6rem 2.6rem; }
.banner_sec .item img { height: 30rem; }
.banner_sec .item .cover .banner_contain h2 { font-size: 2.5rem; }
.banner_sec .owl-nav .owl-next, .banner_sec .owl-nav .owl-prev{ font-size: 1.2rem; padding: .8rem .5rem; }
.banner_sec .item .cover .banner_contain h3{ font-size: 1.2rem; font-weight: 500; }
.banner_sec .item .cover .banner_contain p{ font-size: 1.4rem; }
.banner_sec .item .cover .banner_contain { padding: 1.6rem 0 1.6rem 1.6rem; }
.banner_sec .item .cover .banner_contain .line{ border:.3rem solid #fff; }
.banner_form .input-group{ margin: 0 0 1.5rem 0; }
.about_sec .right_text h2{ font-size: 3rem; }
.about_sec .right_image { padding-bottom: 2rem; }
.about_sec .right_text .about_list ul{ flex-direction:column; gap:0 0; }
.about_sec .right_text .about_list ul li{ width:100%; border:.1rem dashed rgba(0, 0, 0, .3); border-radius:.1rem; padding: 2rem; margin-top: 2rem; }
.about_sec .right_text .about_list ul li em{ font-size: 2.2rem; }
.room_sec .room_box{ margin-top: 2rem; }
.room_sec .room_box .images_box img { height: 25rem; }
.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_view_btn{ margin-top: 2rem; }
.cta_one_sec .left_text_box h3{ font-size: 3rem; }
.amenite_sec .left_content ul li{ width:100%; margin-top: 2rem; }
.amenite_sec .images_box .view_all_ament{ text-align:center; width:100%; }
.cta_two_sec .images_box .cta_text_box h3 { font-size: 3rem; }
.feedback_sec .images{ padding-bottom: 2rem; }
.feedback_sec .feedback_box{ margin-left: 0; }
.feedback_sec .feedback_box h3 { font-size: 2.5rem; margin-bottom: 2.5rem; }
.feedback_sec .feedback_box .user_info { padding-top: 2rem; margin-top: 2rem; }
.feedback_sec .owl-dots{ margin-top: 1rem; }
.footer_sec .footer_top .quick_link .payment ul li img { height: 2.5rem; }
.footer_sec .footer_top .footer_column h3{ font-size: 2.2rem; }
.inr_about_sec h2{ font-size: 3rem; }
.inr_ab_story .images_box .images_one{ display:none; }
.inr_ab_story .images_box .images_two{ width:100%; }
.inr_ab_story .images_box .images_two img{ height:30rem; width:100%; }
.inr_ab_story .right_text h3{ font-size: 3rem; }
.inr_ab_service .images_box img { height: 30rem; }
.inr_about_cta_sec .images_box .image_content{ height:100%; padding: 1.5rem 2rem; }
.inr_about_cta_sec .images_box .image_content p { padding: 1rem 0 1.5rem 0; }
.inr_about_cta_sec .images_box .image_content h3 { font-size: 3rem; }
.inr_about_cta_sec .images_box .image_content em{ font-size: 1.8rem; }
.inner_room_sec .inr_room_box .images_slider img { height: 25rem; }
.inner_room_sec .text_box h3{ font-size: 3rem; }
.inner_room_sec .text_box p{ padding-bottom: 2rem; }
.inner_room_sec .text_box .room_feature li em { font-size: 1.4rem; }
.inner_room_sec .text_box h4{ font-size: 2.3rem; }
.inner_room_sec .text_box ul.hotel_amenite{ justify-content:center; }
.inner_room_sec .text_box { padding: 1.5rem; }
.inner_room_sec .text_box .booked_btn{ flex-direction:column; justify-content: center; gap: 1rem 0; }
.inner_room_sec .text_box .booked_btn a{ width:fit-content; }
.inner_room_sec .owl-nav .owl-prev, .inner_room_sec .owl-nav .owl-next{ height:3.5rem; width:3.5rem; }
.inner_room_sec .owl-nav .owl-prev::after, .inner_room_sec .owl-nav .owl-next::after{ font-size: 1.6rem; }
.inner_room_sec .owl-nav{ right:1rem; }
.inr_aminite_sec .inr_aminite_box{ padding: 2rem; }
.inr_aminite_sec .inr_aminite_box .text em { font-size: 2.4rem; }
.inr_aminite_sec .inr_aminite_box .images img { width: 8rem; }
.inr_aminite_sec .inr_aminite_box{ margin-top: 2rem; }
/*inner_banner*/
.inner_banner_sec .images_box .desc{ left:2rem; }
/*inr_contact*/
.inner_contact_info .contact_info_box ul li{ width:100% !important; }
.inner_contact_info .contact_info_box ul li a span{ font-size: 1.8rem }
.inner_contact_info .contact_info_box ul li a span i{ font-size: 3rem }
.inner_contact_info .contact_info_box ul li a em { font-size: 2rem; }
.inner_contact_sec form h3 { font-size: 2.5rem; }
/*inr_gallery*/
.inner_gallery_sec .grid_box .portfolio_box img{ height:30rem; }
.inner_room_sec .text_box h3 { font-size: 2.5rem; }
.inner_room_sec .text_box h4 { font-size: 2rem; }
.inner_room_sec .text_box ul.hotel_amenite li em { font-size: 1.4rem; }
.inner_room_sec .text_box ul.hotel_amenite li em img { width: 3rem; }

/*inr_ab*/
.inr_about_sec h6, .inr_ab_story .right_text h6{ font-size: 1.5rem; }

.cta_two_sec .cta_two_call_box{ width:100%; }
.cta_two_sec .cta_two_call_box a{ width:100%; padding: 2rem 0; }
.cta_two_sec .cta_two_call_box a i{ padding-right: 1.5rem; }

.cta_one_sec .right_text .call_now a em { font-size: 2.5rem; }


}

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

    

}