@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, html{overflow-x: hidden;}
a {text-decoration: none;}

/* Utility classes for fonts */
body{font-family: var( --ThemeFont); background: var(--Bg); font-size: 16px;}
input{font-family: var( --ThemeFont);}
/* Reset and layout base */
* { margin: 0; padding: 0; box-sizing: border-box;}
.p-0{padding:0;}
p{color: var(--Gray);}
a{  text-decoration: none;}
:root {
	--Black: #000;
	--White: #fff;
  --Gray: #454545;
  --Bg: #f8f8f3;
  --ThemeColor: #27322a;
  --ThemeColor2: #da3730;
  --ThemeColor3: #dedede;
  --ThemeColor4:#3d4740;
  --ThemeColor5:#e3e4e0;
  --ThemeColor6:#f0bdba;
  --Gradient:linear-gradient(360deg,rgba(61, 71, 73, 1) 0%, #2c3638 100%);;
	--CardShadow: 0px 4px 11px rgba(217, 216, 216, 0.6);
	--ThemeFont: "Gilroy";
	--ThemeFontTwo: "Charsen";
	--Radius: 20px;
}

.--transition-ease{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:hover{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:after{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:before{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}


/*********** start col **********/
.row {display: flex; flex-wrap: wrap; margin: 0 -12px;}
.row .rowin { padding: 0 12px;}
.col-9 {flex: 0 0 auto; width: 75%;}
.col-8 {flex: 0 0 auto; width: 66.666667%;}
.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-6 {flex: 0 0 auto; width: 50%;}
.col-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-4 { flex: 0 0 auto; width: 33.33%;}
.col-3 { flex: 0 0 auto; width: 25%;}
 .col-12 { width: 100%; }
 .col-10 { width: 83.33333333%; }
.p-0{padding:0 !important}
.ps-0{padding-left:0 !important}
.pe-0{padding-right:0 !important}
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mt-4{margin-top: 30px !important;}
.pt-2{padding-top: 20px !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-2{margin-bottom: 15px;}
.mb-3{margin-bottom: 20px;}
.text-center{text-align: center;}
.h-100{height: 100%;}
.w-100{width: 100%;}
.text-center{text-align: center;}
.text-end{text-align: right;}
.text-start{text-align: left !important;}
.pt-0{padding-top:0 !important;}
.pb-0{padding-bottom:0!important;}
h3, h2, h1, h4{  font-family: var( --ThemeFontTwo);}
/************* end col ************/

.custom-btn {font-family: var( --ThemeFont); display: inline-block; box-shadow: 0 2px 6px #00000040; transition: transform 0.2s; background-color: var(--ThemeColor2); color: var(--White); border-radius: 5px; padding: 12px 30px; min-width: max-content; text-transform: uppercase; font-weight: 500;}
.custom-btn:hover{transform: scale(1.05);}
.custom-btn.btn_white {background-color: var(--White); color: var(--ThemeColor2);}


/*  */
.d-flex { display: flex;}
.align-center { align-items: center;}
.justify-between { justify-content: space-between;}
.justify-center {justify-content: center;}
.container {
  max-width: 1680px;
  padding: 0 20px;
  margin: 0 auto;
}
.container-fluid{max-width:100%; padding: 0 12px; margin: 0 auto;}
.heading h2 {font-size: 56px; margin-top: 25px; line-height: 65px; text-transform: uppercase;}
.heading h2 img { height: 40px;}
.heading {
  font-size: 70px;
  margin-top: 0;
  line-height: 80px;
  color: var(--ThemeColor4);
  font-weight: 600;
  text-align: center;
}

.mini_heading {
  font-size: 20px;
  color: var(--ThemeColor2);
  font-weight: 400;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  display: inline-block;
  margin-bottom: 22px;
}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
ul {list-style: none; padding: 0; margin: 0;}
/* .heading span { color: var(--ThemeColor); font-weight: bold; text-shadow: 0 0 2px #fff;} */

.heading span {
  font-style: italic;
}
/* WebKit Browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar { width: 5px; background-color: var(--ThemeColor5);}
::-webkit-scrollbar-track { background-color:#ccc;}
::-webkit-scrollbar-thumb {background-color: var(--ThemeColor); border-radius: 10px;}
/* Firefox */
* {scrollbar-width: thin; scrollbar-color: var(--ThemeColor) #ccc;}



/***************************************************************
********************************* Header ************************
*****************************************************************/
.header-top { padding: 18px 0; }
.header-top img.logo-img { width: 150px; height: auto;}
.header-top ul { list-style: none; margin-left: 32px;}
.header-top ul li { margin-right: 40px;}
.header-top ul li a {color: var(--Gray); text-transform: uppercase; font-size: 18px;}
.toggle-bar { background: transparent; border: none; display: none;}
.toggle-bar img { width: 30px; height: 30px;  margin-right: 20px;}
header .header-top img.logo-img {width: 145px;}
.topheader{width: 100%; background-color: var(--ThemeColor);}
.toggleclose { position: absolute; right: 20px; top: 20px; font-size: 30px; color: var(--White); display: none;}
.topheader p, .topheader p a { color: var(--White);}
.header-top ul li.active a { font-weight: 600; position: relative;}
.header-top ul li.active a::after {content: ""; background: var(--ThemeColor2); height: 2px; width: 100%; position: absolute; bottom: -33px; left: 0;}
.topheader p i { background: var(--ThemeColor4); padding: 16px 12px; font-size: 18px; margin-right: 10px; min-width: 40px; text-align: center;}
header {position: absolute; top: 0; z-index: 88; width: 100%; background: var(--White); left:0}
.fixed {position: fixed; box-shadow: 0 5px 6px #27322a17; z-index: 999999;}
.header_fixed_spacer {height: 125px;}
.fixed .header-top.--transition-ease {padding: 12px 0;}



/***************************************************************
********************************* banner ************************
*****************************************************************/
.banner .heading {
  text-transform: inherit;
  color: var(--White);
  font-weight: 600;
  font-size: 60px;
  line-height: 60px;
  margin: 0;
  text-align: left;
}
.banner p { color: #fff; margin: 30px 0;}
.banner {height: 76vh; min-height: 655px; position: relative;background-size: cover; background-position: center;}
.banner .container { display: flex; width: 100%;}
.banner .cont{align-items: end; padding-bottom: 130px;z-index: 9;}
.banner .cont .row{align-items: center;}
.banner::after { content: ""; position: absolute; width: 100%; height: 400px; bottom: 0;  background: linear-gradient(360deg, var(--ThemeColor), #826d6d00);}


/***************************************************************
********************************* about-us ************************
*****************************************************************/
.find_form form input { width: 100%; height: 45px; border: none; outline: none;}
.find_form form .form-group {border-radius: 8px; padding: 12px; display: flex; align-items: center; gap: 13px; height: 54px; background: var(--White);}
.find_form form .form-group .fa-solid {color: #45454587;font-size: 18px;}
.form_main { background: #ffffffd1; padding: 20px; box-shadow: 0 6px 6px #0000001c; border-radius: 10px;}
.find_form .form_hed { display: flex; justify-content: space-between;}
.find_form form { display: flex; width: 100%; gap: 10px; background: var(--ThemeColor); padding: 12px 12px; border-radius: 6px;}
.find_form form .row .rowin {padding: 0 5px;}
.find_form form .row{margin: 0 -5px;}
.find_form { margin-top: -90px; z-index: 999;}
.find_form .custom-btn {border: none; font-size: 18px;}
.find_form .form_hed h4 { font-size: 24px; margin-bottom: 18px;  color: var(--ThemeColor);}
.find_form .form_hed p { color: var(--Gray);}

.find_form form .form-group .dropdown {display: flex; position: relative; cursor: pointer; width: 100%; justify-content: space-between; gap: 13px; align-items: center;}
.find_form form .form-group .dropdown img {height: 9px;}
.find_form form .form-group .dropdown .dropdown_in {background-color: #fff; min-width: 100%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); padding: 15px; width: 100%; margin-top: 40px; border-radius: 8px;}
.find_form form .form-group .dropdown-content {display: none; position: absolute; min-width: 100%; top: 0; z-index: 1;}
.find_form form .form-group .dropdown:hover .dropdown-content {display: block;}
.find_form form .form-group label {display: flex;font-weight: 500; justify-content: space-between; align-items: center;}
.find_form form .form-group input[type="number"] {width: 60px; padding: 5px; margin-left: 10px;}
.find_form form .form-group .dropdown .hed {display: flex; gap: 13px; align-items: center;}
.find_form .dropdown_in p { font-size: 13px; line-height: 22px; border-top: 1px solid #cccccc8c; padding-top: 10px; margin-top: 4px;}
.find_form .dropdown_in .minus, .find_form .dropdown_in .plus {width: 32px; height: 34px;background: #f2f2f2; border-radius: 4px; border: 1px solid #ddd; justify-content: center; text-align: center; display: inline-flex; align-items: center;}
.find_form .dropdown_in .number {display: inline-flex; gap: 4px; align-items: center;}
.find_form .dropdown_in .number input {height: 34px; width: 54px; text-align: center; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; display: inline-block; vertical-align: middle;}			
.find_form form .form-group .dropdown .dropdown_in label {margin: 6px 0;}


/***************************************************************
********************************* about-us ************************
*****************************************************************/
/* .about_us .img {border-radius: 20px; overflow: hidden;}
.about_us .img img { object-fit: cover; border-radius: 20px;}
.about_us .img.img2 { height: 200px; margin-bottom: 10px;} */
.about_us {
  padding: 60px 0;
  background-image: url(../images/tree1.png);
  background-repeat: no-repeat;
  background-position: right bottom -134px;
  bottom: 00;
  background-size: 400px;
}
 .about_us .heading {
  font-size: 84px;
}
.about_us .set {
  margin-top: 250px;
  text-align: center;
}
.about_us .set h3 {
  font-size: 84px;
  margin-top: 0;
  line-height: 80px;
  color: var(--ThemeColor4);
  font-weight: 600;
  position: relative;
  text-align: center;
}
.about_us .row1 {
  margin-top: -105px;
}
.about_us .settop{ margin-top: 310px;}

.about_us .img {
  overflow: hidden;
  height: 400px;
  width: 300px;
}
.about_us .set h3::after {
  height: 100px;
  content: "";
  position: absolute;
  bottom: 99px;
  width: 2px;
  left: 0;
  margin: auto;
  right: 0;
  background: linear-gradient(360deg, #3d4740, #fff);
}
/* .about_us p {margin-bottom: 16px;}
.main-hdng {align-items: center; margin-bottom: 90px;}
.main-hdng .row{align-items: center;}
.main-hdng2 {align-items: self-end;}
.about_us .cont {border: 1px solid var(--ThemeColor5); padding: 35px; margin-bottom: 20px; border-radius: 10px; background-color: #f6f6f1;}
.about_us .cont h4 {font-size: 24px; font-weight: 500; margin-bottom: 18px; color: var(--ThemeColor); line-height: 34px;}
.about_us .cont p{margin-bottom: 0;}
.main-hdng2 .row {align-items: center;}
.about_us::after { border: 1px solid var(--ThemeColor6); height: 413px; width: 580px; position: absolute; top: 24%; bottom: 0; content: ""; left: -35px; border-radius: 10px;}
.about_us .img h4 {background: #fff; position: absolute; bottom: 97px; font-size: 38px; max-width: 634px; color: var(--ThemeColor); padding: 30px; left: -110px; border-radius: 15px; box-shadow: 0 4px 8px #27322a0d; font-weight: 400;}
.about_us .custom-btn { margin-left: 30px;}
.about_us .container{z-index: 9;}
.about_us .img.img1 img {height: 520px;}
.about_us .img.img2 img {height: 200px;}
.about_us .img.img3 img {height: 300px;} */


/***************************************************************
********************************* features_section ************************
*****************************************************************/
.features_section {background: var(--ThemeColor); padding: 70px 20px; margin-top: 0; border-radius: 30px;}
.features_section .heading {
  color: var(--White);
  font-size: 70px;
  line-height: 84px;
  margin-top:15px;
}
.features_section .heading span{ color: var(--White);}
.features_section .mini_heading {color: var(--White);}
.features_section p { color: var(--White);}
.features_section .main-hdng {align-items: self-end; margin-bottom: 40px;}
.features_section .main-hdng p {max-width: 528px; margin: 5px auto 0;}
.features_section .set .arrow a {background: var(--White); height: 60px; width: 60px; display: inline-flex; text-align: center; align-items: center;  justify-content: center; border-radius: 50%; position: absolute; z-index: 9; right: 0; top: 0;}
.features_section .set .arrow a img {height: 24px;}
.features_section .set .main_t {position: absolute;bottom: 30px; z-index: 9; left: 0; padding: 0 30px;}
.features_section .set ul li {padding: 10px 15px; color: var(--White); background: #00000082; width: 25%; border-radius: 8px;}
.features_section .set ul { gap: 10px;}
.features_section .set ul li span {font-size: 32px;}
.features_section .set h6 { color: var(--White); font-size: 16px; font-weight: 400; display: flex; gap: 10px; align-items: center; margin-top: 14px;}
.features_section .set h6 i {color: var(--ThemeColor2); font-size: 25px;}
.features_section .set::after {content: ""; position: absolute; left: 0; width: 100%; height: 219px; background:linear-gradient(360deg, #000000e3, #0000); bottom: 0; border-radius: var(--Radius);}
.features_section .set:hover {box-shadow: 0 4px 20px #00000094;}
.features_section .set:hover::after {background: linear-gradient(360deg, #27322ac7, #27322a); height:100%;}
.features_section .set p { display: none;}
.features_section .set {height: 560px; padding: 30px; border-radius: var(--Radius); background-size: cover;}
.features_section .set:hover .main_t h3 {display: none;}
.features_section .set:hover p { display: block;}
.features_section .set .arrow h3{ display: none;  padding-top: 25px;   padding-bottom: 12px;}
.features_section .set:hover .arrow h3{display:block}
.features_section .set:hover .main_t h3 { display: none;}
.features_section .set .arrow { position: relative; z-index: 9; text-align: left;}
.features_section .set:hover ul { display: flex;}
.features_section .set ul { display: none; margin-top: 12px;}
.features_section .set h3 { color: var(--White); font-size: 34px; font-weight: 600; max-width: 500px;}


/***************************************************************
********************************* reviews_section ************************
*****************************************************************/
.reviews_section {padding: 70px 0 0;}

.reviews_section .set .koma {
  height: 55px;
  width: auto;
  position: absolute;
  max-width: inherit;
}
.reviews_section .set{ position: relative;}
.reviews_section .set p {
  font-size: 23px;
}
.reviews_section .set h6 {
 text-align: right;
  color: var(--ThemeColor);
  font-size: 24px;
  margin-bottom: 16px;
}

.reviews_section .testi_carousel {
  margin-top: 65px;
}
.reviews_section .set h6 i{margin-left}
/* .reviews_section .rev .set h6 {font-size: 15px; font-weight: 600; margin-top: 10px;}
.reviews_section .rev { max-height: 600px; max-width: 93%; padding:30px 30px 40px; background: linear-gradient(360deg, #efefeb, #f8f8f3, #efefeb); border-radius: var(--Radius);}
.reviews_section .rev .set { background: var(--White); padding: 40px 35px 20px 35px; margin: 12px 15px; box-shadow: 0 5px 6px #27322a17; border-radius: var(--Radius); position: relative;}
.reviews_section .rev .set img {height: 36px; position: absolute; top: -16px; opacity: .5;}
.reviews_section .rev .set p { min-height: 90px;}
.reviews_section .row { align-items: center;}
.reviews_section .rev .slider { width: 100%; height: 640px; margin: 0; overflow: hidden;}
.reviews_section .rev .slider__row { display: flex; flex-direction: column; position: relative;top: 0; left: 0; height: 1036px; overflow: hidden; transition: 0.5s;} */


/***************************************************************
********************************* amenities ************************
*****************************************************************/
.amenities{margin:90px 0 70px}
.amenities .set h4 {
  color: var(--Gray);
  font-size: 30px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 6px;
  letter-spacing: 1px;
}
.amenities .set .img {border-radius: var(--Radius); overflow: hidden;}
.amenities .set .img img{transition: transform .2s;}
.amenities .set:hover .img img{transform: scale(1.1)}
.amenities .owl-item:nth-child(2n+1) .item .set h4 { margin-top: 0;}
.amenities .owl-item:nth-child(2n+1) .item .set p {margin-bottom: 15px;}
.amenities .main-hdng{margin-bottom:30px;}


/***************************************************************
********************************* faq_section ************************
*****************************************************************/
.faq_section {margin-bottom: -230px;}
.faq_in .heading span {color: var(--White);}
.faq_section .faq_in {padding: 35px; border-radius: var(--Radius); height: 100%; min-height: 700px; background-size: cover; overflow: hidden;}
.faq_section .faq_in::after {content: ""; position: absolute; left: 0; background: #27322a61; bottom: 0; width: 100%; height: 100%;}
.faq_section .custom-btn{z-index:9}
.faq_in .heading {position: absolute; bottom: 0; left: 0; padding: 0 35px 25px; color: var(--White); z-index: 9;}
.faq_section .accordion { margin-top: 20px;}
.accordion .accordion-item {background: var(--White); padding: 0 22px; margin-bottom: 12px; box-shadow: 0 5px 6px #27322a17; border-radius: 10px;}
.accordion .accordion-item button[aria-expanded="true"] {border-bottom: 1px solid #4545453d;}
.accordion button{position: relative; display: block; text-align: left;  width: 100%; padding: 1em 0; color: var(--Gray); font-size: 20px; font-weight: 500; background: none; outline: none; border: none; font-family: var(--ThemeFont);}
.accordion button:hover, .accordion button:focus { cursor: pointer; color:var(--ThemeColor);}
.accordion button:hover::after, .accordion button:focus::after { cursor: pointer; color: var(--ThemeColor); border: 1px solid var(--ThemeColor);}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;}
.accordion button .icon {display: inline-block; position: absolute; top: 18px; right: 0; width: 22px; height: 22px; border: 1px solid; border-radius: 22px;}
.accordion button .icon::before { display: block; position: absolute; content: ''; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor;}
.accordion button .icon::after {display: block; position: absolute; content: ''; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor;}
.accordion button[aria-expanded="true"] { color: var(--ThemeColor);}
.accordion button[aria-expanded='true'] .icon::after {width: 0;}
.accordion button[aria-expanded='true'] + .accordion-content { opacity: 1; max-height: 9em; transition: all 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content p { font-size: 15px; font-weight: 300; margin: 20px 0 20px;}


/***************************************************************
********************************* footer ************************
*****************************************************************/
.footer { background: var(--ThemeColor); padding: 230px 0 50px 0; border-radius: 30px 30px 0 0;}
.footer .img { background-color: #fff; height: 100%; display: inline-flex; padding: 22px; min-height: 540px; border-radius: 20px; margin-right: 30px;}
.footer .img::before {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 20px; bottom: 0; left: 0; background: linear-gradient(360deg, #000, #544f49); z-index: 9; opacity: .5;}
.footer .img h3 { font-size: 51px; color: var(--White); font-weight: 300; z-index: 9; padding-top: 100px;}
.footer h4 {font-size: 20px; color: var(--White); font-weight: 500; margin-bottom: 15px; margin-top: 30px;}
.footer .custom-btn {bottom: -24px; right: 0; left: 0; margin: auto; display: inline-table; z-index: 9; font-size: 15px; color: var(--ThemeColor2); font-weight: 600;}
.footer ul li a {color: var(--White);}
.footer ul li{margin-bottom: 10px;}
.footer p {color: #fff; margin-bottom: 10px;word-wrap: break-word;}
.footer iframe {border-radius: var(--Radius); margin: 50px 0;}
.footer-bottom p a {color: var(--ThemeColor2); font-weight: 600;}
.footer-bottom {padding: 20px 0; text-align: center;}
.footer ul {margin-bottom: 10px;}
.footer form input { height: 50px; padding: 0 20px; border: none; font-size: 15px; width: 100%; background: transparent; outline: none;}
.footer form {height: 52px; margin-bottom: 10px; background: var(--White); box-shadow: 0 2px 6px #0000008f; border-radius: 4px; display: flex; gap: 12px; align-items: center;}
.footer form button { background: var(--ThemeColor2); height: 44px; padding: 0 20px; border: none; font-size: 15px; border-radius: 4px; min-width: 110px; font-weight: 600; font-family: var(--ThemeColor2); text-transform: uppercase; margin-right: 4px; color: var(--White);}
.footer form input::placeholder{color: var(--Gray);}
.social-icons{ margin-bottom: 38px;}
.social-icons a { width: 50px; height: 50px; display: flex;align-items: center; justify-content: center; font-size: 22px; color: var(--White); border-radius: 6px; background: #ffffff24; box-shadow: 0 0 0; box-shadow:0 2px 6px #0000008f;}
.social-icons {gap: 15px;}


/***************************************************************
********************************* inner_banner ************************
*****************************************************************/
/* .inner_banner { min-height: 400px; display: flex; margin-bottom: 60px; background-size: cover; background-position: center;} */
.inner_banner {height: 400px; background-size: cover; background-position: center; overflow: hidden;}
.inner_banner img {height: 400px; object-fit: cover; width: 100%;}
.inner_banner .find_form { margin-top: 8px; z-index: 999;}
.bradcram {background: #27322a1a; padding: 15px 0;}
.bradcram a {color: var(--ThemeColor2);}
.main-hdng.inrhdng{text-align: center !important;}
.main-hdng.inrhdng p {max-width: 1000px;  margin: auto;text-align: center;}
.innerpage{margin:60px 0}
.innerpage h4 {font-size: 18px;font-weight: 500; margin-bottom: 6px; color: var(--ThemeColor); margin-top: 20px;}


/***************************************************************
********************************* contact_page ************************
*****************************************************************/
.contact_page {margin: 60px 0;}
.contact_page form .form-group .form-control { width: 100%; padding: 15px 16px; box-shadow: 0 3px 5px #27322a17; border-radius: 5px; margin-top: 5px; font-size: 14px; border: 1px solid var(--ThemeColor3);}
.contact_page form .form-group textarea.form-control { min-height: 134px; font-family: var(--ThemeFont);}
.contact_page form .form-group label { font-size: 15px; color: var(--ThemeColor4); font-weight: 500;}
.contact_page form .custom-btn {border: none;}
.contact_page form .form-group {margin-bottom: 16px;}
.contact_page form {margin-top: 25px;}
.contact_page .text {margin-bottom: 28px;}
.contact_page .text h6 {color: var(--Gray); text-transform: uppercase; font-size: 18px; margin-bottom: 8px; font-weight: 400;}
.contact_page .text a {color: var(--ThemeColor2);}
.contact_page .info {border-left: 1px solid #ccccccba; padding-left: 50px; margin-left: 30px;}


/***************************************************************
********************************* privacy ************************
*****************************************************************/
.innerpage.privacy p {margin-bottom: 20px; font-size: 15px;}
.innerpage .cont {background: var(--White); padding: 50px;}
.innerpage.terms ul {padding-left: 25px; margin-bottom: 26px;}
.innerpage.terms ul li {list-style: outside; color: var(--Gray);margin-bottom: 10px;}
.innerpage.terms p {margin-bottom: 10px; font-size: 15px;}
.zoom {animation: scale 40s linear infinite;}
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}


/***************************************************************
********************************* gallery ************************
*****************************************************************/
.innerpage.gallery h4 {text-align: center; text-transform: uppercase; margin-bottom: 28px; position: relative;}
.innerpage.gallery h4::after { content: ""; background: var(--ThemeColor2); height: 2px; width: 40px; position: absolute; bottom: -12px; left: 0; right: 0; margin: auto;}
.innerpage.gallery .img {border-radius: 10px; overflow: hidden; display: flex; margin-bottom: 11px;}
.innerpage.gallery .img img {height: 359px;}
.innerpage.gallery .img.img1{margin-bottom: 11px;}
.innerpage.gallery .img.img1 img {height: 730px;}



/***************************************************************
********************************* about_us_page ************************
*****************************************************************/
.about_us_page .main-hdng { margin-bottom: 30px;}
.about_us_page .content { margin-bottom: 20px;}



/***************************************************************
********************************* modal ************************
****************************************************************/
.modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.5);}
.modal__close {position: absolute; right: 8px; width: 54px; height: 54px; border-radius: 50%; border: none; top: 8px; font-size: 20px; color: var(--ThemeColor2);}
.modal__container h2 {font-size: 30px; color: var(--ThemeColor); font-weight: 500; text-align: center;}
.modal__content {max-width: 600px; margin: 10px auto; text-align: center;}
.modal.is-open { display: block;}
.modal__container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 40px; border-radius: 10px; width: 780px; height: 445px;}
.modal form .form-group .form-control { width: 100%; padding: 15px 16px; box-shadow: 0 3px 5px #27322a17; border-radius: 5px; margin-top: 5px; font-size: 14px; border: 1px solid var(--ThemeColor3);}
.modal form .form-group textarea.form-control { min-height: 134px; font-family: var(--ThemeFont);}
.modal form .form-group label { font-size: 15px; color: var(--ThemeColor4); font-weight: 500;}
.modal form .custom-btn {border: none; font-size: 15px;}
.modal form .form-group {margin-bottom: 16px; text-align: center;}
.modal form {margin-top: 25px;}
.modal form .form-group .dropdown {display: flex; position: relative; cursor: pointer; width: 100%; justify-content: space-between; gap: 13px; align-items: center;}
.modal form .form-group .dropdown img {height: 9px;}
.modal form .form-group .dropdown .dropdown_in {background-color: #fff; min-width: 100%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); padding: 15px; width: 100%; margin-top: 40px; border-radius: 8px;}
.modal form .form-group .dropdown-content {display: none; position: absolute; min-width: 100%; top: 16px; z-index: 1; left: 0;}
.modal form .form-group .dropdown:hover .dropdown-content {display: block;}
.modal form .form-group label {display: flex;font-weight: 500; justify-content: space-between; align-items: center;}
.modal form .form-group input[type="number"] {width: 60px; padding: 5px; margin-left: 10px;}
.modal form .form-group .dropdown .hed {display: flex; gap: 13px; align-items: center;}
.modal form .dropdown_in p { font-size: 13px; line-height: 22px; border-top: 1px solid #cccccc8c; padding-top: 10px; margin-top: 4px;}
.modal form .dropdown_in .minus, .modal form .dropdown_in .plus {width: 32px; height: 34px;background: #f2f2f2; border-radius: 4px; border: 1px solid #ddd; justify-content: center; text-align: center; display: inline-flex; align-items: center;}
.modal form .dropdown_in .number {display: inline-flex; gap: 4px; align-items: center;}
.modal form .dropdown_in .number input {height: 34px; width: 54px; text-align: center; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; display: inline-block; vertical-align: middle;}			
.modal form .dropdown_in .number label {margin: 8px 0;}


/*************************************************************************
********* @media only screen and (max-width: 1799px)  *********************
***********************************************************************/
@media only screen and (max-width: 1799.98px) {
.about_us .img h4 {left: -10px;}
}


/*************************************************************************
********* @media only screen and (max-width: 1599px)  *********************
***********************************************************************/
@media only screen and (max-width: 1599.98px) {
.about_us .img h4 { font-size: 28px; max-width: 496px; padding: 25px; left: 10px;}
.banner .heading {font-size: 42px; line-height: 52px;}
.heading, .features_section .heading { font-size: 44px; line-height: 50px;}
.features_section .set {height: 490px; padding: 25px; border-radius: 15px;}
.features_section .set::after { border-radius: 15px;}
.features_section .set h3 {font-size: 26px;}
.features_section {padding: 70px 20px 30px; border-radius: 25px;}
.amenities .set h4 {font-size: 22px;}
.amenities .set .img img {height: 350px; object-fit: cover;}
.footer .img h3{font-size: 44px;}
}

/*************************************************************************
********* @media only screen and (max-width: 1399px)  *********************
***********************************************************************/
@media only screen and (max-width: 1399.98px) {
.banner .heading {font-size: 40px; line-height: 48px;  }
.heading, .features_section .heading {font-size: 40px; line-height: 48px; }
.about_us .cont {padding: 25px;}
.features_section .set {height: 430px; padding: 16px;}
.features_section .set .main_t {bottom: 16px;padding: 0 16px;}
.features_section .set h3 { font-size: 24px;}
.features_section .set ul li {padding: 10px 10px;}
.features_section .set ul{gap: 5px}
.features_section .set ul li span {font-size: 19px;}
.footer .img h3 {font-size: 38px;}
.footer .img { margin-right: 16px;}
.footer iframe {max-height: 330px;}
.inner_banner img, .inner_banner {height: 320px;}
}


/*************************************************************************
********* @media only screen and (max-width: 1199px)  *********************
***********************************************************************/
@media only screen and (max-width: 1199.98px) {
body{font-size:14px;}
.header-top ul li {margin-right: 32px;}
.banner {height: 50vh; min-height: 520px;}
.heading, .features_section .heading { font-size: 36px; line-height: 44px;}
.about_us .main-hdng {margin-bottom: 45px;}
.about_us .cont { padding: 20px;}
.about_us .cont h4 { font-size: 20px; line-height: 28px;}
.about_us .img h4 {font-size: 22px; max-width: 390px; padding: 24px;}
.about_us {margin: 50px 0;}
.features_section {padding: 50px 20px 30px; margin-top: 50px; border-radius: 18px;}
.features_section .col-4 {width: 50%;}
.reviews_section {padding: 50px 0 50px;}
.amenities { margin: 50px 0;}
.footer .img {padding: 20px;}
.footer iframe {border-radius: var(--Radius); margin: 40px 0;}
.amenities .owl-item:nth-child(2n+1) .item .set h4 {margin-top: 12px;}
.amenities .set h4 {margin-top: 0;font-size: 20px;}
.accordion button {font-size: 18px;}
.footer .img h3 { font-size: 31px;}
.inner_banner img, .inner_banner {height: 280px;}
.contact_page .col-6 {width:100%;}
.contact_page .col-6 .col-6 {width: 50%;}
}


/*************************************************************************
********* @media only screen and (max-width: 991px)  *********************
***********************************************************************/
@media only screen and (max-width: 991.98px) {
p{font-size:14px !important}
.container-fluid {padding: 0 20px;} 
.toggle-bar {display: block;}
.nav {display: none; opacity: 0; position: fixed; transition: all 0.5s; -webkit-transition: all 0.25s; display: block; width: 100%; top: 0; height: 100%; z-index: 99999; left: -600px; background: var(--ThemeColor); padding-top: 50px;}
.nav.main { opacity: 1; left: 0; box-shadow: 0 0 67px var(--Black);}
.header-top ul {margin-left: 0; display: block;}
.header-top ul li{margin-right: 0;}
.header-top ul li.active a::after {bottom: 0;}
.header-top ul li a {color: var(--White); padding: 16px 20px; display: block; font-size: 18px;}
.banner .heading {font-size: 36px; line-height: 45px; text-align:left;}
.features_section {padding: 50px 15px 0; margin-top: 50px; border-radius: 12px;}
.find_form .form_hed h4 {font-size: 20px; margin-bottom: 12px;}
.footer .col-4.footer1 {order: 2;width: 100%;}
.footer .col-8 {flex: 0 0 auto; width: 100%;}
.footer .img {margin-right: 16px; width: 100%; background-size: cover; background-position: center; min-height: 250px; text-align: center; margin-top:25px;}
.footer .img h3 {text-align: center; width: 100%;}
.form_main {padding: 16px;}
.find_form form {display: block;}
.find_form .custom-btn {width: 100%;}
.find_form form .row {width: auto;}
.about_us .od-1 {width: 100%;text-align: center;}
.about_us .cont h4 {font-size: 23px; text-align: center; }
.about_us .img {position: relative;}
.heading br {display: none;}
.about_us .img h4 {padding: 24px; bottom: 24px; left: 0;right: 0; margin: auto;}
.about_us .cont {text-align: center !important; margin-top: 10px;}
.about_us .custom-btn {margin: auto;}
.about_us::after {top: 17%; width: 440px;}
.form_main .col-4 {margin-bottom: 10px;width: 100%;}
.reviews_section .col-7, .reviews_section .col-5 {width: 100%;}
.reviews_section .rev {max-width: 100%; margin-bottom: 15px; padding: 20px; border-radius: 15px;}
.reviews_section .col-7 {order: 2;}
.reviews_section .main-hdng {margin-bottom: 30px !important; text-align: center;}
.heading, .features_section .heading {max-width: 532px; margin: 0 auto 15px; text-align: center;}
.main-hdng .col-6 {width: 100%;}
.mini_heading {font-size: 14px;text-align: center;}
.main-hdng p {text-align: center;}
.faq_section .col-6.faq_img {display: none;}
.faq_section .col-6{width:100%}
}



/*************************************************************************
********* @media only screen and (max-width: 767px)  *********************
***********************************************************************/
@media only screen and (max-width: 767px) { 
.banner .heading {font-size: 30px; line-height: 36px; text-align: left;}
.heading, .features_section .heading {font-size: 30px; line-height: 36px;}
.container-fluid {padding: 0 15px;}
.banner .cont {padding-bottom: 120px;}
.banner { min-height: 390px;}
.about_us .img img {border-radius: 10px;}
.about_us .img h4 {padding: 20px; max-width: 306px; font-size: 17px; border-radius: 11px;}
.about_us .img.img1 img {height: 360px;}
.about_us .img.img2 img {height: 150px;}
.about_us .img.img3 img {height: 180px;}
.features_section .set h3 {font-size: 20px;}
.features_section .set:hover ul {display: block;}
.features_section .set ul li span {font-size: 23px; display: block; }
.features_section .set ul li {padding: 10px 10px; width: 48%; float: left; margin: 3px 1%;}
.features_section .set h6 {font-size: 14px;}
.features_section .set {height: 380px; padding: 15px;}
.features_section .set .arrow a {height: 50px; width: 50px;}
.features_section .set .arrow a img {height: 18px;}
.footer .col-6 {width: 100%;}
.social-icons {margin-bottom: 0;}
.topheader p a span.nmbr {display: none;}
.topheader .col-6 {width: auto;}
.topheader .row {justify-content: space-between;}
.topheader p i{margin-right:0;}
.topheader p {display: flex; gap: 9px;align-items: center;}
.topheader p i {padding: 11px 12px; border-radius: 4px; margin-right: 0;}
}

/*************************************************************************
********* @media only screen and (max-width: 576px)  *********************
***********************************************************************/
@media only screen and (max-width: 576px) {
.owl-dots{display:none}
.owl-nav.disabled {display: flex block !important; text-align: center;  gap: 8px; justify-content: center;  margin-top: 12px; }
.amenities .set .img {border-radius: 10px; margin-bottom:10px}
.owl-nav button span {font-size: 30px;position: relative; top: -2px;}
.footer iframe { max-height: 230px; border-radius: 10px;}
.amenities .set .img img {height: 275px;}
.owl-nav button {border: 1px solid #ccc !important;width: 46px; height: 46px; border-radius: 50%;}
.about_us .img h4 {max-width: 360px; font-size: 20px;}
.footer .col-4 {width: 100%;}
.faq_section {margin-bottom: -50px;}
.footer {padding: 45px 0 50px 0; border-radius: 20px 20px 0 0;}
.footer iframe { margin: 30px 0 10px; }
.features_section .col-4 {width: 100%;}
.banner .cont .col-8, .banner .cont .col-4 {width: 100%;}
.banner .cont .col-8, .banner .cont .rowin {text-align: center;}
.topheader .text-end {text-align: center;}
.banner .heading {text-align: center; margin-bottom: 15px;}
.banner .cont {padding-bottom: 60px;}
.form_main {padding: 20px; background: var(--White);}
.find_form .form_hed {display: block; text-align: center; margin-bottom: 10px;}
.find_form .form_hed h4 {font-size: 24px; margin-bottom: 6px;}
.custom-btn { padding: 12px 20px;}
.find_form {margin-top: -30px;}
.header-top {padding: 14px 0;}
.footer {text-align: center;}
.about_us::after {top: 15%; height: 320px;}
.about_us .rowin_img { display: flex; gap: 12px; margin-top: 6px;}
.about_us .img.img3 img {height: 150px;}
.about_us .img.img2, .about_us .img.img3 {width: 50%;}
.about_us .od-1 .col-8, .about_us .od-1 .col-4 { width: 100%;}
.social-icons { justify-content: center;}
.footer .img h3 {font-weight: 300; padding-top: 63px;}
.footer .img, .footer .img::before {border-radius: 10px;}
.container {padding: 0 12px;}
.topheader p{margin: 6px auto;}
.topheader p {display: flex; gap: 9px; align-items: center;}
.topheader p span { max-width: 200px; font-size: 13px;}
.amenities .set p { margin-bottom: 10px;}
}


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