html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  border: 0 none;
  font-family: inherit;
  font-size: var(--gblfs);
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
  font-family: var(--gblfnt);
}

:root {
  --gblfnt: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --df: flex;
  --center: center;
  --start: start;
  --white: #fff;
  --ltgray: #ececec;
  --gray: #dddddd;
  --dgray: #777777;
  --dblack: #262626;
  --black: #000;
  --btncolor: #000;
  --basecolor: #00311b;
  --basegraybgcolor: #00311b;
  --prelative: relative;
  --pabsolute: absolute;
  --px: 100px;
  --gblfs: 15px;
  --fs16: 16px;
  --fs17: 17px;
  --fs20: 20px;
  --fs22: 22px;
  --fs25: 25px;
  --fs28: 28px;
  --fs30: 30px;
  --fs32: 32px;
  --fs35: 35px;
  --fs48: 48px;
  --br5: 5px;
  --br8: 8px;
}

picture img {
  display: block;
  width: 100%;
}

body {
    font-size: var(--gblfs);
    color: var(--dblack);
    background-color: #ffffff;
}

li {
  list-style: none;
}

a {
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  color: var(--basecolor);
  font-family: var(--gblfnt);
}

a:hover {
  color: var(--basecolor);
}

.gblbtn {
    background: var(--white);
    display: block;
    margin: 20px auto;
    font-size: 14px;
    text-align: var(--center);
    color: var(--black);
    border-radius: 5px;
    position: relative;
    padding: 10px 25px;
    border: 1px solid var(--basecolor);
}

.gblbtn:hover {
  color: var(--white);
  background: var(--basecolor);
  border: 1px solid var(--basecolor);
}

p {
    font-size: var(--gblfs);
    line-height: 26px;
    margin-top: 12px;
    color: #fff;
}

.clearfix {
  clear: both;
}

h1 {
    font-size: 45px;
    line-height: 120%;
    font-weight: 700;
}

h2 {
    font-size: var(--fs30);
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    color: #fff;
}

h3 {
  font-size: var(--fs25);
  margin-bottom: 10px;
  display: block;
  font-weight: 600;
  color: #fff;
}

h4 {
  font-size: var(--fs20);
  display: block;
  font-weight: 600;
  color: #fff;
}

h5 {
  font-size: var(--fs16);
  font-weight: 600;
  color: #fff;
}

.media {
  display: var(--df);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.m-80 {
  margin: 80px 0;
}

.adpad-8 {
  padding: 8px;
}
.mobile_on{
    display: none !important;
}
.off_970{
	display: block;
}

/* // Global CSS */

/* Dropdown Popup Effect */
ul.dropdown-menu {
  border-top: medium none;
  border-left: medium none;
  border-right: medium none;
  border-bottom: 5px solid #3b9eff;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  max-width: 250px;
  overflow: hidden;
  padding: 0;
  border-radius: 4px 4px 0 0px;
  width: 100%;
  min-width: 210px;
}

ul.dropdown-menu li a {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 15px;
}

.dropdown-menu>li:last-child>a,
ul.dropdown-menu li:last-child a:hover,
ul.dropdown-menu li:last-child a:active,
ul.dropdown-menu li:last-child a:focus {
  border-bottom: medium none;
}

ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:active,
ul.dropdown-menu li a:focus {
  background: #eaf3fc none repeat scroll 0 0 !important;
  border-bottom: 1px solid #cce0f4 !important;
  color: #248bf0 !important;
  padding: 10px 15px;
}

/* Dropdown Popup Effect */

/* Start Header */
.fixed-top {
  top: -40px !important;
  transform: translateY(40px);
  transition: transform 0.3s;
}

.header .main_head {
    background: none;
    z-index: 9;
}

.header {
    background: #00311b;
    box-shadow: 0 5px 10px rgb(0, 0, 0, 0.1);
    position: relative;
}

/* Floating Header for Homepage Hero Banner */
.header.home_floating_header {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    width: calc(100% - 40px) !important;
    margin: 0 auto !important;
    z-index: 1000 !important;
    background: #00311b !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    transition: all 0.3s ease !important;
}

.header .main_head .container {
    max-width: 100% !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.header.home_floating_header.fixed-top {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    width: calc(100% - 40px) !important;
    margin: 0 auto !important;
}

.header.fixed-top {
    background: #00311b;
    position: relative !important;
    border-bottom: 1px solid #000000;
}
.header.fixed-top a.navbar-brand {
    width: 60px;
}
.header .navbar-brand {
    display: block;
    padding: 0;
    margin-left: 10px !important;
    max-width: 110px;
}

.header.fixed-top a.navbar-brand.logo {
  display: block;
}

.navbar-nav.ml-auto {
  margin: 2px 0 auto auto !important;
  padding-right: 10px !important;
}
.navmenu_close_btn {
    display: none;
}
.header .main_head a.nav-link {
    padding: 9px 20px;
    color: #fff;
}

.header .main_head a.nav-link:hover {
  color: #DAA744 !important;
}
.header .main_head a.nav-link.appbtn,
a.nav-link.appbtn {
    background: #DAA744 !important;
    border-radius: 20px;
    color: #ffffff !important;
}
.header .main_head a.nav-link.appbtn:hover,
a.nav-link.appbtn:hover {
    background: #c59336 !important;
    color: #ffffff !important;
}
.header .main_head nav.navbar {
  padding: 0;
}

.header .main_head a.nav-link.signin,
a.nav-link.signin {
    border-radius: 20px !important;
    border: 1px solid #DAA744 !important;
    color: #DAA744 !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}
.header .main_head a.nav-link.signin:hover,
a.nav-link.signin:hover {
    background: #DAA744 !important;
    color: #ffffff !important;
    border-color: #DAA744 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(218, 167, 68, 0.4) !important;
}

.header .main_head .navbar-nav .dropdown-item {
    color: #222 !important;
    font-size: 14px;
    padding: 8px 15px;
}
.header .main_head .navbar-nav .dropdown-item:active {
    background-color: var(--basecolor) !important;
    color: var(--white) !important;
}

.header .main_head .navbar-nav .dropdown-menu {
    box-shadow: 0px 2px 6px rgb(0 0 0 / 4%);
    right: 0;
    width: 190px;
}
.innerpg_header .main_head .nav-link.dropdown-toggle,
.header .main_head .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 0;
    margin-left: 10px;
	color: #fff !important;
}

.innerpg_header .main_head .nav-link.dropdown-toggle span,
.header .main_head .nav-link.dropdown-toggle span {
    width: 45px;
    height: 45px;
	background: radial-gradient(ellipse at center,  rgba(255,236,201,1) 0%,rgba(199,162,91,1) 100%);
    border-radius: 35px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}
.innerpg_header .main_head .navbar-nav .dropdown-item .wallet {
    background: #209D5F;
    display: inline-block;
    padding: 2px 6px;
    color: var(--white);
    border-radius: 20px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
}
.innerpg_header .nav-link.dropdown-toggle::after,
.header .nav-link.dropdown-toggle::after {
    border-top: .3em solid #fff;
}

/* Dropdown menu z-index fix for home page */
.header .main_head .navbar-nav .dropdown-menu {
    z-index: 9999;
    left: auto;
    right: 0;
    min-width: 190px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    padding: 8px 0;
}
.header .main_head .navbar-nav .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: 9px 18px;
    color: #333;
    font-weight: 500;
}
.header .main_head .navbar-nav .dropdown-menu .dropdown-item:hover {
    background: rgba(218,167,68,0.08);
    color: #DAA744;
}
/* // Header */




/** Search Banner **/
.search_banner_wrap {
    background-color: #1a2e22;
    background-image: url("../images/woodsvilla_hero_banner.png");
    background-image: image-set(
        url("../images/woodsvilla_hero_banner.webp") type("image/webp"),
        url("../images/woodsvilla_hero_banner.jpg") type("image/jpeg"),
        url("../images/woodsvilla_hero_banner.png") type("image/png")
    );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 180px 0 120px 0 !important;
    min-height: 580px !important;
    position: relative;
}
.search_banner_wrap:after {
    background: rgba(0,0,0,0.5);
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.search_banner_wrap .hero.container {
    position: relative;
    z-index: 1;
}
.search_banner_wrap h1.hero-title {
    font-size: 50px;
    font-family: playfair display;
    font-style: italic;
    text-align: center;
    color: var(--white);
    font-weight: 500;
}

.search_banner_wrap p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    opacity: 0.7;
    font-weight: 300;
}
.searchbar .stayz-search{
    background:#fff;
    border-radius:60px;
    padding:12px;
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.searchbar .search-field{
    flex:1;
    padding: 4px 20px;
}

.searchbar .search-field label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 0;
}
.searchbar .search_area {
    display: flex;
    background: #fff;
    border-radius: 60px;
    margin-top: 40px;
    padding: 10px 20px;
}

.searchbar .search_area .search-field {
    display: flex;
    align-items: center;
}

.searchbar .search_area .search-field span {
    margin-right: 10px;
}

.searchbar .search-field input, .search-field select {
    width: 100%;
    border: none;
    outline: none;
    background: none;
    font-size: 15px;
    color: #000;
}
.searchbar .search_area .search-field.dates {
    border-right: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
}

.searchbar .search-btn {
    background: var(--basecolor);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 8px 50px;
    font-size: 15px;
    cursor: pointer;
}

	/** date popup open **/
	.search-field.dates{
		position: relative;
	}

	.flatpickr-calendar{
		margin-top: 15px;
		border-radius: 24px;
		box-shadow: 0 10px 40px rgba(0,0,0,.15);
	}
	/** // date popup open **/
	
	/** Guest opoup open **/
	.searchbar .guests{
		position:relative;
		cursor:pointer;
	}

	.searchbar .guest-popup{
		position:absolute;
		top:70px;
		right:0;
		width:420px;
		background:#fff;
		border-radius:30px;
		padding:30px;
		box-shadow:0 10px 40px rgba(0,0,0,.15);
		display:none;
		z-index:999;
	}

	.searchbar .guest-popup.active{
		display:block;
	}

	.searchbar .guest-row{
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin-bottom:25px;
	}

	.searchbar .guest-row h4{
		margin:0;
	}

	.searchbar .guest-row p {
		margin: 2px 0 0;
		color: #2b2b2b;
		font-size: 13px;
	}
	.searchbar .search-field .pet-check input {
		width: auto;
		margin-right: 5px;
	}
	.searchbar .counter{
		display:flex;
		align-items:center;
		gap:15px;
	}

	.searchbar .counter button{
		width:42px;
		height:42px;
		border-radius:50%;
		border:1px solid #ccc;
		background:#fff;
		font-size:24px;
		cursor:pointer;
	}

	.searchbar .pet-check{
		display:block;
		margin:20px 0;
	}

	.searchbar .done-btn{
		float:right;
		padding:12px 25px;
		border:none;
		border-radius:25px;
		background:#18214f;
		color:#fff;
		cursor:pointer;
	}
	/** // Guest opoup open **/
	
	
/** // Search Banner **/


/** Singin bar **/
.signbar {
    background: #13181e;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-radius: 7px;
}

.signbar .lft {
    display: flex;
    gap: 20px;
    align-items: center;
}

.signbar .lft h5 {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}
.signbar a.signin {
    background: var(--basecolor);
    padding: 9px 20px;
    border-radius: 7px;
    color: var(--basegraybgcolor);
    text-transform: uppercase;
}

.signbar a.signin:hover {
    background: var(--basecolor);
}
/** // Singin bar **/


/** Category bar **/
.category_bar h2 {
    display: none !important;
}

.category_bar .category_list {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

.category_bar .category_list .catebox {
    background: #00311b !important;
    flex: 1;
    padding: 22px 10px;
    transition: all 0.3s ease;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.category_bar .category_list .catebox img {
    filter: brightness(0) invert(1) !important;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.category_bar .category_list p,
.category_bar .category_list .catebox p {
    color: #ffffff !important;
    margin-top: 12px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
}

.category_bar .category_list .catebox:hover {
    background: #024727 !important;
    transform: translateY(-4px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
}

.category_bar .category_list .catebox:hover p {
    color: #ffffff !important;
}

.category_bar .category_list .catebox:hover img {
    filter: brightness(0) invert(1) !important;
}

/** // Category bar **/


/** Getaway sec **/
.getaways_sec {
    margin-top: 40px;
}

.getaways_sec p {
    font-size: 14px;
    color: #9c9c9c;
    margin: 0;
}

.getaways_sec h2 {
    margin-bottom: 5px;
}

.gdbox {
    margin-top: 25px;
}

.gdbox .gdbox_inner {
    display: block;
    position: relative;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gdbox .gdbox_inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14);
    border-color: rgba(218, 167, 68, 0.6);
}

.gdbox .gdbox_inner img.img-fluid {
    width: 100%;
}

.gdbox .gdbox_inner .heart {
    position: absolute;
    right: 12px;
    left: auto;
    top: 12px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    padding: 8px;
    border-radius: 50%;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebarbdrbg {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.gdbox .gdbox_inner .topsec,
.getaways_sec .gdbox .gdbox_inner .topsec {
    position: relative !important;
    height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
}

.gdbox .gdbox_inner .hmultipic,
.gdbox .gdbox_inner .hmultipic .owl-stage-outer,
.gdbox .gdbox_inner .hmultipic .owl-stage,
.gdbox .gdbox_inner .hmultipic .owl-item,
.gdbox .gdbox_inner .hmultipic .multipic {
    height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
}

.gdbox .gdbox_inner .hmultipic .multipic img,
.gdbox .gdbox_inner .hmultipic img,
.gdbox .gdbox_inner .topsec .hmultipic img {
    height: 220px !important;
    max-height: 220px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 16px 16px 0 0 !important;
    display: block !important;
}

.gdbox .gdbox_inner .heart,
.heart.wishlist-heart {
    position: absolute !important;
    right: 12px !important;
    left: auto !important;
    top: 12px !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(4px) !important;
    padding: 0 !important;
    border-radius: 50% !important;
    z-index: 10 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.gdbox .gdbox_inner .heart img,
.heart.wishlist-heart img,
.gdbox .gdbox_inner .topsec .heart img {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
}

.gdbox .gdbox_inner .btm {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 18px 18px;
    background: #ffffff;
}

.gdbox .gdbox_inner .btm .title {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    line-height: 1.3;
}


.gdbox .gdbox_inner .btm .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gdbox .gdbox_inner .location, .gdbox .gdbox_inner .review {
    font-size: 13px;
    color: #555555;
}
.searchresult .gdbox .gdbox_inner .btm .info .inclusionlist {
    margin: 10px 0;
}

.gdbox .gdbox_inner .green {
    background: #209D5F;
    color: #fff;
    padding: 1px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 5px;
}

.gdbox .gdbox_inner .detail h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
    color: var(--basecolor);
}

.gdbox .gdbox_inner .detail p {
    font-size: 12px;
    color: #000;
    line-height: 19px;
}


.gdbox .gdbox_inner:hover .btm .title {
    color: #BB8C33;
}
.getaways_sec .gdbox_inner .hmultipic button {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,0.5) !important;
    z-index: 1;
    border-radius: 30px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.getaways_sec .gdbox_inner .hmultipic button img.owl-nav-icon {
    width: auto;
}

.getaways_sec .gdbox_inner .hmultipic button.owl-next {
    right: 7px;
}

.getaways_sec .gdbox_inner .hmultipic button.owl-prev {
    left: 7px;
}

.getaways_sec .gdbox_inner .hmultipic button:hover {
	background: #fff !important;
}
.getaways_sec .gdbox .gdbox_inner .btm {
    padding: 15px;
    background: #fff;
}
/** // Getaway sec **/


/** Popular Place **/
.perfectplace_sec {
    margin-top: 40px;
}
.perfectplace_sec .gdbox .gdbox_inner .btm {
    padding: 15px;
    gap: 5px;
    background: #fff;
}
.perfectplace_sec ul.nav.nav-tabs {
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.perfectplace_tab .nav-tabs .nav-link {
    padding: 9px 17px;
    text-align: center;
    border: 0;
    padding-bottom: 5px;
}

.perfectplace_tab .nav-tabs .nav-link span {
    display: block;
    font-size: 13px;
    margin-top: 7px;
    color: #Fff;
}

.perfectplace_tab .nav-tabs .nav-link img {
    width: 30px;
    filter: brightness(10) invert(0);
}
.perfectplace_tab .nav-tabs .nav-link.active img {
    filter: brightness(0) invert(0);
}
.perfectplace_tab .nav-tabs .nav-link.iconcolor img {
	filter: brightness(0) invert(1);
}
.perfectplace_tab .nav-tabs .nav-link.active.iconcolor img {
    filter: brightness(0) invert(0);
}
.perfectplace_tab .nav-tabs .nav-link:hover {
    border: none;
}

.perfectplace_tab .nav-tabs .nav-link.active {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #BD9549;
}

.perfectplace_sec p {
    color: #9c9c9c;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 14px;
    line-height: 19px;
}

.perfectplace_tab .nav-tabs .nav-link.active span {
    color: var(--basecolor);
}

.perfectplace_sec .viewmore {
    background: #d1b47f;
    border: 1px solid var(--basecolor);
    color: #000;
    width: 250px;
    display: block;
    text-align: center;
    margin: 25px auto 0;
    padding: 20px 0;
    border-radius: 4px;
}

.perfectplace_sec .viewmore:hover {
    background: var(--basecolor);
    color: #fff;
}
/** // Popular Place **/

/** moto sec **/
.motofeat_sec {
    background: #DAA744;
    margin: 50px 0;
    padding: 50px 0;
}

.motofeat_sec .motoinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.motofeat_sec .motoinner .mbox {
	overflow: hidden;
	flex: 1;
}

.motofeat_sec .motoinner .icon {
    float: left;
    background: #ffffff;
    padding: 20px 25px;
    border-radius: 15px;
    border: 2px dashed #000;
    margin-right: 15px;
}


.motofeat_sec .motoinner h4 {
    color: #000000;
    font-size: 18px;
}

.motofeat_sec .motoinner p {
    color: #fff;
}

.motofeat_sec .motoinner .icon img {
    width: 50px;
}
/** // moto sec **/


/** popular place **/
.popularplace_sec .placebox {
    border-radius: 15px;
    overflow: hidden;
    background: #F6F3EE;
}

.popularplace_sec .placebox img.img-fluid {
    width: 100%;
}

.popularplace_sec .placebox .detail {
    padding: 25px 15px;
}

.popularplace_sec .placebox .detail span {
    display: block;
    font-size: 13px;
    color: #757575;
}

.popularplace_sec .placebox .detail .title {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-top: 7px;
    display: block;
}

.popularplace_sec .placebox .detail .gblbtn {
    margin-bottom: 0;
    display: inline-block;
    padding: 7px 15px;
}
.popularplace_sec .col-md-4 {
    width: auto;
    margin-top: 15px;
}
/** // popular place **/


/** Book Bar **/
.booknowbar_sec .bookbg {
    background-image: url("../images/book_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.booknowbar_sec {
    margin: 50px 0;
}

.booknowbar_sec .innercontent {
    max-width: 460px;
    padding: 80px 60px;
}


.booknowbar_sec .innercontent h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.booknowbar_sec .innercontent p {
    color: #fff;
    font-weight: 300;
}

.booknowbar_sec .book {
    background: #fff;
    display: inline-block;
    padding: 12px 35px;
    border-radius: 5px;
    color: #000;
    margin-top: 15px;
}

.booknowbar_sec .book:hover {
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    background: #fbf1e0;
    color: #805910;
}
/** // Book Bar **/


/** Hotel & accomodation **/
.popularhoteracc_sec .thlink {
    margin-top: 15px;
    display: block;
    position: relative;
}
.popularhoteracc_sec .thlink img.img-fluid {
    width: 100%;
}
.popularhoteracc_sec .thlink .listing {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    font-size: 14px;
    padding:  4px 9px;
    border-radius: 3px;
    color: #000;
}

.popularhoteracc_sec .thlink h4 {
    position: absolute;
    bottom: 0;
    padding: 20px 10px 10px 10px;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    background: #000;
    background: linear-gradient(180deg, rgba(87, 199, 133, 0) 0%, rgba(0, 0, 0, 1) 100%);
    right: 0;
    left: 0;
    color: #fff;
}
/** // Hotel & accomodation **/


/**  Testimonials **/
.testimonial_wrap {
    padding: 60px 0;
    background: #ffffff !important;
    margin: 50px auto 0px;
}
.testimonial_wrap h2 {
    color: #111111 !important;
    font-weight: 700;
}
.testimonial_wrap .col-md-6 {
    width: 97%;
}
.testimonial_wrap .content {
    padding: 20px;
    margin-top: 10px;
    border: 1px solid var(--basecolor);
    border-radius: 10px;
    margin-bottom: 7px;
    background: #ffffff; box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.testimonial_wrap .slide_element {
    position: relative;
}
.testimonial_wrap .content p {
    margin: 0;
    color: #262626;
}
.testimonial_wrap .slide_element .client_area {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.testimonial_wrap .slide_element .client_area picture {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 30px;
}

.testimonial_wrap .slide_element .client_area h4 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}

.testimonial_wrap .slide_element .client_area span {
    display: block;
    font-size: 13px;
    color: #757575;
}
/** // Testimonials **/



/* Footer section */
.footer {
    padding: 55px 0 20px;
    border-top: 5px solid #002213;
    background: #00311b;
}

.footer .footer_element > ul {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer_element > ul > li:first-child {
    width: 34%;
}
.footer .footer_element > ul > li {
    width: 22%;
    padding: 5px 10px;
}
.footer .footer_element > ul > li:first-child p {
    display: block;
    width: 77%;
    font-weight: 300;
    font-size: 13px;
}
.footer .footer_element h5 {
    font-size: 18px;
    color: var(--white);
    margin-bottom: 15px;
}
.footer .footer_element .f_logo {
    max-width: 160px;
}
.footer .footer_element a {
    color: rgb(192 206 221 / 60%);
    padding: 5px 0;
    font-size: 14px;
    display: block;
}
.footer .footer_element a.call, .footer .footer_element a.email, .footer .footer_element p {
    color: var(--white);
}
.footer .footer_element a.call:hover, .footer .footer_element a.email:hover, .footer .footer_element a:hover {
    color: #DAA744 !important;
}

.footer .footer_element .social {
  display: flex;
}

.footer .footer_element .social a {
    margin-right: 10px;
    font-size: 20px;
    margin-top: 0;
}
.footer_element p {
    color: var(--white);
    line-height: 24px;
    font-size: 14px;
    margin: 10px 0;
    opacity: 0.8;
}
.btm_footer {
  background: #010204;
  overflow: hidden;
}
.footer .footer_element p span {
    display: block;
}
.footer .footer_element p img.map {
    margin-top: 5px;
}
.footer .footer_element p {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}
.btm_footer p {
  margin: 10px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
.footer h6.copyright {
    color: #74716d;
    text-align: center;
    border-top: 1px dashed #74716d;
    font-size: 13px;
    padding-top: 20px;
    margin-top: 15px;
}
.footer .appsec {
    background: #DAA744;
    height: 200px;
    margin: 35px 0 40px;
    border-radius: 30px;
    display: flex;
    padding: 0 50px;
    align-items: center;
    justify-content: space-between;
}

.footer .appsec img.appth {
    margin-top: -54px;
    width: 272px;
}

.footer .appsec .details {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer .appsec .details .content {
    max-width: 250px;
}

.footer .appsec .details h4 {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
}

.footer .appsec .details p {
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}

.footer .appsec .linkarea {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer .appsec .linkarea > a {
    border: 1px solid #fff;
    border-radius: 6px;
    flex: 1;
    display: flex;
    padding: 7px 15px;
    gap: 2px;
    min-width: 180px;
}

.footer .appsec .linkarea span {
    font-size: 13px;
    color: #fff;
}

.footer .appsec .linkarea h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

/* // Footer section */


/* Whatsapp Float icon */
.whatsapp_float {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 999;
}
.whatsapp_float img {
    width: 50px;
}
/* // Whatsapp Float icon */


/* Search result listing page */
	
	/** inner page search header**/
	.searchbar.srpage_header {
		max-width: 630px;
	}
	.searchbar.srpage_header .search_area {
		margin: 0;
		border: 1px solid #c3c3c3;
		border-radius: 4px 12px 0px 4px;
		padding: 0px 0px 0px 0px;
		background: #f1f1f1;
	}
	.innerpg_header .main_head a.nav-link {
		display: none;
	}
	.innerpg_header .main_head a.nav-link.signin, .innerpg_header .main_head a.nav-link.appbtn {
		display: block;
	}
	.searchbar.srpage_header .search-field {
		padding: 2px 5px;
		border-color: #d1d1d1 !important;
	}
	.searchbar.srpage_header .search-btn {
		width: 45px;
		padding: 6px 0;
		height: 47px;
		border-radius: 0px 10px 0px 10px;
	}
	.searchbar.srpage_header .search-field input, .search-field select {
		font-size: 14px;
	}
	.innerpg_header .main_head a.nav-link.appbtn {
		margin-right: 10px;
	}
	/** //inner page search header**/
	
	.breadcrumb_wrap {
		background: #00311b !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}
	.breadcrumb_wrap h6 {
		padding: 12px 0;
		font-size: 13px;
		color: #ffffff !important;
		margin-left: 15px;
		flex-wrap: wrap;
		gap: 5px;
		font-weight: 500;
	}

	.breadcrumb_wrap h6 a {
		font-size: 13px;
		color: #d1d5db !important;
		text-decoration: none;
		transition: color 0.2s ease;
	}
	.breadcrumb_wrap h6 a:hover {
		color: #DAA744 !important;
	}
	.searchresult .gdbox {
		margin-top: 0;
	}	
	.pagination  a.page-link {
		color: var(--black);
		padding: 8px 15px;
	}
	.searchresult select.form-select {
		width: 250px;
	}

	.searchresult .resultno span {
		display: block;
		font-size: 13px;
		color: #757575;
		margin-bottom: 10px;
	}
	.rspg_sidebar_map {
		position: sticky;
		top: 80px;
	}
	.rspg_sidebar_map iframe {
		width: 100%;
		min-height: 100vh;
	}
	.pagination a.page-link.active {
		background: var(--basecolor);
		color: #fff;
	}
	.pagination_wrap {
		margin-top: 12px;
		padding: 11px;
	}
	.searchresult .gdbox .gdbox_inner {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		border: 1px solid #4a525d;
		padding: 15px;
		border-radius: 7px;
		background: #13181e;
	}
	.searchresult .gdbox .gdbox_inner .topsec {
		position: relative;
		flex: 0 0 275px;
	}
	.searchresult .gdbox .gdbox_inner .btm {
        border-bottom: none;
        flex: 1 0 0%;
        padding: 0;
        gap: 10px;
        flex-direction: row;
        background: none;
        justify-content: space-between;
    }
	.searchresult .gdbox .gdbox_inner .btm .info {
		display: block;
	}
	.searchresult .gdbox .gdbox_inner .btm .title {
		font-size: 20px;
		line-height: 24px;
		display: block;
		margin-bottom: 7px;
		color: #fff;
	}
    .searchresult .gdbox .gdbox_inner .btm .detail {
		flex: 0 0 200px;
		border-left: 1px dashed #4a525d;
		padding-left: 15px;
		text-align: right;
	}

    .searchresult .gdbox .gdbox_inner span.green {
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 7px 7px 7px 0;
        width: 45px;
    }

    .searchresult .gdbox .gdbox_inner h4 {
        margin: 16px 0 10px;
    }

    .searchresult .gdbox .gdbox_inner p {
		color: #9ca2a8;
		margin: 0;
	}

    .searchresult .gdbox .gdbox_inner .review {
        font-size: 14px;
    }

    .searchresult .gdbox .gdbox_inner .location a {
        font-weight: 500;
        font-size: 13px;
        margin-left: 3px;
        color: #9d7425;
    }

    .searchresult .gdbox .gdbox_inner .book, .gdbox.itemdesc .gdbox_inner .btm .book {
        font-size: 14px;
        background: #FBF3E4;
        color: var(--black);
        padding: 9px 25px;
        display: inline-block;
        margin-top: 15px;
        border-radius: 20px;
        border: 1px solid var(--basecolor);
    }

    .searchresult .gdbox .gdbox_inner .book:hover, .gdbox.itemdesc .gdbox_inner .btm .book:hover {
        background: var(--basecolor);
        color: var(--white);
    }

    .searchresult .gdbox .gdbox_inner .inclusionlist li, .inclusionlist li {
		font-size: 13px;
		color: var(--basecolor);
		margin: 4px 0;
	}

    .searchresult .gdbox .gdbox_inner .inclusionlist li i, .inclusionlist li i {
        margin-right: 5px;
    }
    .searchresult .gdbox .gdbox_inner .review {
        font-size: 15px;
        color: #209D5F;
        font-weight: 600;
        display: flex;
        gap: 10px;
    }
    .searchresult .gdbox .gdbox_inner .review .txt {
        flex: 1;
    }
    .searchresult .gdbox .gdbox_inner .review .userreview {
        font-size: 13px;
        font-weight: 400;
        color: #757575;
        line-height: 17px;
        display: block;
    }
    .searchresult .gdbox .gdbox_inner .special img {
        width: 25px;
    }

    .searchresult .gdbox .gdbox_inner h6 {
		font-size: 13px;
		margin-top: 9px;
		color: #9ca2a8;
	}
    .searchresult .gdbox .gdbox_inner .special {
        display: flex;
        gap: 10px;
        align-self: flex-start;
        align-items: center;
    }
    .searchresult .gdbox .gdbox_inner img.img-fluid {
        border-radius: 10px;
    }
	
/* // Search result listing page */

/* Item Details page */
.item_detailpg_wrapper {
    margin: 20px 0 50px;
}
.gdbox.itemdesc {
    margin: 0;
}
.item_detailpg_wrapper .photo_area.onlymobile_view {
    display: none;
}
.gdbox.itemdesc .gdbox_inner .btm .info {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.gdbox.itemdesc .gdbox_inner .btm .info .title {
    font-size: 19px;
    color: #fff;
}

.gdbox.itemdesc .gdbox_inner .btm .info li {
    margin: 4px 0;
    font-size: 13px;
}

.gdbox.itemdesc .gdbox_inner:hover {
    background: none;
}

.gdbox.itemdesc .gdbox_inner .btm .review {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.gdbox.itemdesc .gdbox_inner .btm .userreview {
    font-size: 13px;
    color: #757575;
}
.facility {
    background: #13181e;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #4a525d;
}

.gdbox.itemdesc .gdbox_inner .btm h4 {
    margin: 10px 0 0;
    font-size: 25px;
}
.gdbox.itemdesc .gdbox_inner .btm p {
    color: #86919b;
    margin-top: 0;
}


.gdbox.itemdesc .gdbox_inner .btm .policy li, .gdbox.itemdesc .gdbox_inner .btm .policy li strong {
    font-size: 12px;
    margin-top: 5px;
    color: #3cb87a;
}

.gdbox.itemdesc .gdbox_inner .btm .policy {
    margin: 10px;
}

.gdbox.itemdesc .gdbox_inner .btm .policy li strong {
    font-weight: 600;
}
.item_detailpg_wrapper .itemname_area h2 {
    font-weight: 600;
}

.item_detailpg_wrapper .itemname_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #4a525d;
    padding-bottom: 10px;
}

.item_detailpg_wrapper .itemname_area .location {
    color: #9ca2a8;
}
.item_detailpg_wrapper .itemname_area .wishlist_share {
    display: flex;
    gap: 25px;
}
.item_detailpg_wrapper .itemname_area .wishlist_share a {
    color: #fff;
    background: #414752;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
}

.item_detailpg_wrapper .itemname_area .wishlist_share svg {
    width: 18px;
    margin-right: 10px;
    filter: invert(1);
}
.item_detailpg_wrapper .gdbox .gdbox_inner .btm {
    background: #13181e;
    padding: 20px;
    border: 1px solid #4a525d;
    border-radius: 15px;
}

.itemdetail .item_gallery .gal_th img {
    border-radius: 5px;
    overflow: hidden;
}

.itemdetail .item_gallery .gal_th {
    display: block;
}

.itemdetail .item_gallery .gal_th.mt-3 {
    position: relative;
}

.itemdetail .item_gallery .gal_th .morepic {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    padding: 11px;
}

.item_detailpg_wrapper .highlights picture svg {
    width: 25px;
}

.item_detailpg_wrapper .highlights picture {
    background: #00311b !important;
    padding: 13px;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.15);
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 10px;
}

.item_detailpg_wrapper .highlights .item {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 15px;
}

.item_detailpg_wrapper .itemdetail {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.item_detailpg_wrapper .highlights h5 {
    font-size: 14px;
}


.item_detailpg_wrapper .highlights .d-flex.align-items-center {
    gap: 30px;
}

.item_detailpg_wrapper .subheading {
    font-weight: 600;
    margin-bottom: 12px;
}

.item_detailpg_wrapper .facility svg {
    width: 25px;
    filter: invert(1);
    opacity: 0.5;
}

.item_detailpg_wrapper .facility .option {
    display: flex;
    gap: 10px;
}

.item_detailpg_wrapper .facility h5 {
    font-size: 14px;
    font-weight: normal;
}
.userreviewlist {
    padding: 0 20px;
}
.userreviewlist .reviewbox {
    border: 1px solid #4a525d;
    padding: 15px;
    border-radius: 10px;
    width: 99%;
}

.userreviewlist .reviewbox .info picture {
    width: 40px;
    display: block;
    height: 40px;
    border-radius: 32px;
    overflow: hidden;
}

.userreviewlist .reviewbox .info {
    display: flex;
    gap: 15px;
}

.userreviewlist .reviewbox .info p {
    margin: 0;
    font-weight: 600;
    line-height: 15px;
}

.userreviewlist .reviewbox .info span {
    font-size: 12px;
    color: #9c9a9a;
}
.userreviewlist .reviewlist button {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    background: #bec6cd !important;
    z-index: 1;
    border-radius: 30px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.userreviewlist .reviewlist button.owl-prev {
    left: -20px;
}
.userreviewlist .reviewlist button.owl-next {
    right: -20px;
}
.item_detailpg_wrapper .morefeatures {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.item_detailpg_wrapper .morefeatures h4 svg {
    width: 25px;
    margin-right: 10px;
    filter: invert(1);
}

.item_detailpg_wrapper .morefeatures h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

.item_detailpg_wrapper .morefeatures li {
    padding: 4px 0;
    font-size: 14px;
    color: #9ca2a8;
}
.item_detailpg_wrapper .morefeatures li i.fa {
    margin-right: 8px;
}
.faq_wrap .faq_box {
    margin: 10px 0;
}
.faq_wrap .faq_box h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
}
.faq_wrap .accordion-button {
    background: #13181e;
    border-radius: 6px;
}
.faq_wrap .faq_box .accordion-button:not(.collapsed) {
    color: #363636;
    background-color: #13181e;
    box-shadow: none;
}
.faq_wrap .faq_box .accordion-body {
    font-size: 15px;
    color: #9ba4ad;
    border-top: 1px solid #3b464d;
    position: relative;
    background: #13181e;
    border-radius: 0px 0px 7px 7px;
}
.faq_wrap .faq_box .accordion-button::after {
    filter: invert(1);
}
/* // Item Details page */


/* About us page */
.pagename {
    background: #f8f9fa;
    padding: 20px 0;
    border-bottom: 1px solid #e5e7eb;
}

.pagename h2 {
    color: #111111 !important;
    font-weight: 800;
    margin: 0;
    font-size: 26px;
    border-bottom: none !important;
}

.abtpg_abtsec {
    background: #ffffff !important;
    padding: 50px 0;
}

.abtpg_abtsec .ser_desc h2 {
    color: #111111 !important;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 20px;
}

.abtpg_abtsec .ser_desc h3 {
    color: #111111 !important;
    font-weight: 700;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.abtpg_abtsec .ser_desc p {
    color: #333333 !important;
    font-size: 15.5px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.abtpg_abtsec .ser_desc p b {
    color: #111111 !important;
}

.abtpg_abtsec picture {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.abtpg_abtsec .lb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin: 25px 0;
}
.abtpg_abtsec .lb li {
    padding: 15px 15px 15px 43px;
    background-color: #f3f4f6 !important;
    color: #111111 !important;
    border-left: 4px solid #00311b !important;
    border-radius: 6px;
    margin: 0;
    background-size: 25px;
    background-position: 7px;
    margin-top: 10px;
    font-size: 15px;
    background-image: url("../images/tick.png");
    background-repeat: no-repeat;
    padding-left: 42px;
    font-weight: 700;
}

.motofeat_sec {
    background: #f9fafb !important;
    padding: 50px 0;
}

.motofeat_sec .mbox h4 {
    color: #111111 !important;
    font-weight: 700;
}

.motofeat_sec .mbox p {
    color: #4b5563 !important;
}
.feature_list {
    margin: 70px 0;
}

.feature_list .feature_inner {
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.feature_list .feature_inner a {
    display: block;
    margin: 200px 20px 20px;
    overflow: hidden;
    background: rgba(192,162,91,0.9);
    padding: 20px 20px;
    border-radius: 15px;
}

.feature_list .feature_inner h4 {
    font-size: 23px;
    color: var(--white);
}
.feature_list .feature_inner a p {
    color: #fff;
}
.feature_list .feature_inner img.arw {
    filter: brightness(0.5);
    margin-top: 15px;
    margin-left: 10px;
    transition: all 0.3s;
}
.feature_list .feature_inner a:hover img.arw {
    margin-left: 20px;
}
/* // About us page */


/* Contact us page */
.cntpg_wrap {
    margin: 50px 0 80px;
}
.cntpg_wrap .location_wrap h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0;
}
.location_wrap .thumb {
    margin-bottom: 30px;
    border-bottom: 1px dashed #555;
}
.cntpg_wrap .location_wrap ul li {
    margin: 15px 0;
}
.cntpg_wrap .location_wrap ul li img {
    margin-right: 17px;
    color: #7eb130;
}
.cntpg_wrap {
    margin: 80px 0;
}

.cntpg_wrap .social {
    display: flex;
    gap: 15px;
}

.cntpg_wrap .social img.img-fluid {
    filter: invert(1);
}
.cntpg_wrap .location_wrap {
    width: 100%;
    max-width: 390px;
}
.cntpg_form_sec {
    background: #ffffff;
    padding: 30px;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.cntpg_form_sec input.form-control, .cntpg_form_sec textarea {
    margin-top: 10px;
    border-radius: 8px;
    padding: 14px 18px;
    background: #ffffff;
    color: #111111;
    border: 1px solid #cccccc;
}
.cntpg_form_sec input.form-control::placeholder, .cntpg_form_sec textarea::placeholder {
    color: #777777;
}
.cntpg_form_sec input.gblbtn {
    margin: 10px 0 0;
    background: #00311b !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 14px 28px;
    width: 220px;
    border-radius: 10px !important;
    border: none !important;
    transition: all 0.3s ease;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.2);
}
.cntpg_form_sec input.gblbtn:hover {
    background: #024727 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 49, 27, 0.3);
}
.cntpg_form_sec input.form-control:focus, 
.cntpg_form_sec textarea.form-control:focus {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #00311b !important;
    box-shadow: 0 0 0 3px rgba(0, 49, 27, 0.15) !important;
}
.cntpg_wrap .social a {
    display: flex;
    padding: 6px;
    background: #00311b; color: #ffffff;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 17px;
}
.cntpg_map iframe {
    width: 100%;
}
.appsec {
    display: flex;
    gap: 25px;
    margin-bottom: 75px;
    align-items: center;
}

.appsec .th {
    background: #00311b;
    padding: 60px;
    border-radius: 25px;
    max-width: 370px;
}

.appsec .text {
    max-width: 500px;
    margin: 5%;
}
/* // Contact us page */


/* Blog page  */
.innerpage_gbl_banner.blogpg {
    background: #36a768;
}

.innerpage_gbl_banner.blogpg picture,  .innerpage_gbl_banner.blog_viewpg picture {
    margin: 9rem 0 4rem;
    overflow: hidden;
    display: block;
    text-align: right;
    max-width: 400px;
    float: right;
}
.blog_list_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.blog_list_wrap li {
    margin-bottom: 40px;
}

.blog_list_wrap .blog_th a.title {
    display: block;
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
}

.blog_list_wrap .blog_th .thumbnail {
    border-radius: 7px;
    overflow: hidden;
}

.blog_list_wrap .blog_th .more {
    display: inline-block;
    margin-top: 10px;
    font-weight: 800;
    border-bottom: 3px solid #ddd;
}

.blog_list_wrap .blog_th .more:hover {
    color: #000 !important;
    border-color: #000;
}

.blogpg_wrap .col-md-12 > div {
    margin-bottom: 40px;
    padding: 17px;
    background: #13181e;
    border-radius: 10px;
    border: 1px solid #4a525d;
}
.blogpg_wrap .col-md-12 > div h6 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}

.blogpg_wrap .search_post input.form-control {
    padding: 11px;
    border-radius: 0;
    margin-bottom: 10px;
}

.blogpg_wrap .search_post input.submit {
    width: 160px;
    padding: 12px;
    border-radius: 40px;
    background: var(--basecolor);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border: 1px solid var(--basecolor);
	transition: all 0.3s;
}
.blogpg_wrap .search_post input.submit:hover {
    background: var(--white);
	color: var(--basecolor);
}

.blogpg_wrap .archieve_sec a {
    display: inline-block;
    font-size: 15px;
    margin: 5px 0;
}

.blogpg_wrap .recent_post li {
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(255,255,255,0.4);
    padding-bottom: 20px;
}
.blogpg_wrap .recent_post li h5 {
    font-weight: 600;
    margin-top: 10px;
}

.blogpg_wrap {
    margin: 50px 0;
}

.blogpg_wrap .page-item.active .page-link {
    color: #fff;
    background: var(--basecolor);
    border-color: var(--basecolor);
}
.blogpg_wrap .pagination {
    align-items: center;
    justify-content: center;
    margin-top: 0;
}
.innerpage_gbl_banner.blog_viewpg {
    background: #a74d4d;
}
.innerpage_gbl_banner.blog_viewpg .gbl_bn_element h1 {
    text-transform: none;
}
.blog_detailpg_wrap a.title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #000 !important;
    margin-bottom: 25px;
    display: block;
}

.blog_detailpg_wrap p {
    font-size: 17px;
    margin-top: 25px;
    line-height: 27px;
}

.blog_detailpg_wrap h5.highlight_bar {
    padding: 25px;
    background: #e8eff6;
    margin: 25px 0;
    font-size: 22px;
    line-height: 31px;
    border-left: 5px solid #2657e4;
    border-radius: 5px;
}


.blog_detailpg_wrap ul {
    margin-top: 15px;
}


.blog_detailpg_wrap h3, .blog_detailpg_wrap h4, .blog_detailpg_wrap h5 {
    margin-top: 20px;
}
.blogpg_wrap .blog_detailpg_wrap .pagination .page-item::marker {
    display: none;
}

.blogpg_wrap .blog_detailpg_wrap .pagination a.page-link {
    border: none;
    font-size: 18px;
    color: #000 !important;
    letter-spacing: 3px;
    font-weight: 600;
}
.blogpg_wrap .blog_detailpg_wrap .pagination li{
	list-style: none;
}
.blogpg_wrap .blog_detailpg_wrap .pagination {
    justify-content: space-between;
}
/* // Blog page  */


/* Booking page  */
.bookingpg .itempicture {
    max-width: 120px;
}
.item_detailpg_wrapper .nosadult {
    color: #ddd;
}

.item_detailpg_wrapper.bookingpg .itemname_area {
    align-items: flex-start;
}
.bookingpg .itemname_area .review {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 6px;
}
.bookingpg .itemname_area .review .green {
    background: #209D5F;
    color: #fff;
    padding: 1px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 5px;
}
.price-breakup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.price-breakup .label-base-w1 {
    font-size: 15px !important;
}
.final.price-breakup h5 {
    font-weight: 600;
    font-size: 19px;
}
.prptChkContWrapper {
    background: #13181e;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 6px;
    border: 1px solid #4a525d;
}

.prptChkContWrapper .prptChk.forReview {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
}

.prptChkContWrapper .prptChk.forReview p.font12 {
    margin: 0;
    font-size: 13px;
    color: #757575;
}

.prptChkContWrapper .prptChk.forReview .prptChk__date {
    font-size: 18px;
    font-weight: 600;
    margin: 3px 0;
}

.prptChkContWrapper .prptChk.forReview .prptChk__nights {
    background: #fff;
    padding: 2px 10px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
    border-radius: 15px;
}

.prptChkContWrapper .prptChk.forReview .appendTop3 {
    margin: 0;
}

.prptChkContWrapper .blackText {
    margin: 0;
    font-size: 14px;
}

ul.dotlist {
    margin: 13px 0;
}

ul.dotlist li {
    font-size: 15px;
    color: #9ca2a8;
    list-style: unset;
    margin: 4px 20px 4px;
}

.htnote  p {
    margin: 0;
    font-size: 14px;
    color: #86919b;
}
.modal-title, .modal-body h5{
    color: var(--basegraybgcolor);
}

	/*** Popup Full information **/

	#hotelfullinfopopup .modal-dialog {
		max-width: 600px;
	}

	#hotelfullinfopopup .modal-dialog button.close {
		background: var(--basecolor);
		border: none;
		color: var(--white);
		border-radius: 15px;
		width: 25px;
	}
	/*** Popup Full information **/
	
.payment_box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.payment_box .tncCard {
    display: flex;
    align-items: center;
    gap: 10px;
}

.payment_box .tncCard .lineHight16, .payment_box .tncCard .lineHight16 a {
    margin: 0;
    font-size: 14px;
}

.payment_box .paynowbtn {
    background: var(--basecolor);
    color: var(--basegraybgcolor);
    width: 250px;
    padding: 15px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 9px;
}
.payment_box .paynowbtn:hover {
    background: var(--white);
}
	
.couponbar  .makeRelative {
    display: flex;
    background: #13181e;
    padding: 10px;
    border: 1px solid #4a525d;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
}

.couponbar .makeRelative input.offrs__ccInput {
    width: 100%;
    border: none;
    background: none;
    color: #fff;
}

/* // Booking page  */


/* Payment Option page  */
.paymentpg .htinfo {
    display: flex;
    gap: 20px;
}

.paymentpg .htinfo .itempicture {
    max-width: 62px;
}

.paymentpg .htinfo h2 {
    font-size: 18px;
}

.paymentpg .htinfo .summerinfo {
    display: flex;
    gap: 20px;
}

.paymentpg .htinfo .summerinfo p {
    margin: 0;
    color: #c8cfd6;
}

.htinfo span.green {
    background: #209D5F;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 6px;
    color: #fff;
    margin-left: 10px;
}

.paymentpg .bookuserinfo {
    border-top: 1px dashed #bcbcbc;
    margin-top: 10px;
    padding-top: 10px;
    display: flex;
    gap: 15px;
    padding-left: 83px;
}

.paymentpg .bookuserinfo span {
    font-size: 14px;
    color: #9ca2a8;
}

.paymentpg .bookuserinfo span i.fa {
    margin-right: 4px;
}

.payoptions  h2 {
    font-size: 22px;
}

.payoptions > a {
    display: flex;
    position: relative;
    width: 100%;
    border-top: 1px dashed #56616c;
    padding: 12px 0;
    flex-wrap: nowrap;
    align-items: center;
}
.payoptions > a:last-child {
    border-bottom: 1px dashed #56616c;
}
.payoptions > a:hover {
    background: #0b0f12;
}
.payoptions > a .pic {
    width: 40px;
    margin-right: 10px;
}

.payoptions > a i.fa {
    position: absolute;
    right: 10px;
    font-size: 18px;
}

.payoptions > a h6 {
    font-size: 16px;
    color: var(--basecolor);
    font-weight: 500;
}

.payoptions > a p {
    font-size: 13px;
    margin: 0;
    color: #9ca2a8;
}

.payoptions > a .pic img.img-fluid {
    filter: grayscale(1);
}

.payoptions > a.upi .pic .img-fluid {
    filter: none;
}
.totalfaresummery  .totalfare {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--basecolor);
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px;
    margin-top: -20px;
    margin-bottom: 10px;
    border-radius: 10px 10px 0px 0px;
}

.totalfaresummery .totalfare h3.tp {
    color: #fff;
}

.totalfaresummery .faresummerybreakup {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.totalfaresummery .faresummerybreakup li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    color: #9ca2a8;
}

.totalfaresummery .totalfare h3 {
    font-size: 20px;
    margin: 0;
    color: #000;
}

.upipayment_options {
    display: flex;
    gap: 20px;
}

.upipayment_options .qrcode {
    max-width: 130px;
}

.upipayment_options h3 {
    font-size: 20px;
}

.upipayment_options .options {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.upipayment_options p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    color: #9ca2a8;
}
/* // Payment Option page  */



/*  Sign In Popup box */

		/** Onlick placeholder wiil up in input box **/
		.popupsignbox .form-group{
			position:relative;
			margin:30px 0;
		}

		.popupsignbox .form-group input{
			width:100%;
			height:55px;
			border:1px solid #ccc;
			border-radius:6px;
			padding:18px 15px 8px;
			outline:none;
			font-size:16px;
		}

		.popupsignbox .form-group label{
			position:absolute;
			left:15px;
			top:17px;
			background:#fff;
			padding:0 4px;
			color:#777;
			pointer-events:none;
			transition:.25s ease;
		}

		.popupsignbox .form-group input:focus,
		.popupsignbox .form-group input:not(:placeholder-shown){
			border-color:#008cff;
		}

		.popupsignbox .form-group input:focus + label,
		.popupsignbox .form-group input:not(:placeholder-shown) + label{
			top:-8px;
			left:12px;
			font-size:12px;
			color:#008cff;
		}
		/** // onclick placeholder will up in input box **/
		
	
	#signinsteps_popup .btnaction_area {
		display: flex;
		align-items: center;
		justify-content: end;
	}
	#signinsteps_popup button.close {
		background: var(--basecolor);
		border: none;
		width: 30px;
		border-radius: 15px;
		color: #fff;
		height: 30px;
		font-size: 19px;
		margin-right: -28px;
	}
	#signinsteps_popup button#backBtn {
		border: none;
		font-size: 18px;
		background: #e6e6e6;
		padding: 3px 16px;
		border-radius: 5px;
	}

	#signinsteps_popup .signboxhead_area .logo {
		max-width: 160px;
		display: block;
		margin: auto;
		border-radius: 15px;
		overflow: hidden;
	}

	#signinsteps_popup .signboxhead_area .heading {
		text-align: center;
		margin: 25px 0;
		color: var(--basegraybgcolor);
	}


	#signinsteps_popup .modal-content {
		border-radius: 15px;
	}

	#signinsteps_popup .step {
		padding: 0 2rem;
	}

	#signinsteps_popup .form-group {
		margin: 0;
	}

	#signinsteps_popup .popupsignbox p {
		font-size: 14px;
		color: #757575;
		margin-top: 7px;
		line-height: 18px;
	}

	#signinsteps_popup  .gblbtn, #signup_popup_form  .gblbtn {
		padding: 15px;
		background: var(--basecolor);
		border: none;
		color: #fff;
		transition: all 0.3s;
		width: 100%;
		text-transform: uppercase;
	}

	#signinsteps_popup .gblbtn:hover, #signup_popup_form .gblbtn:hover {
		color: #000;
		background: #f0f0f0;
	}

	#signinsteps_popup .divider {
		background: #fff;
		text-align: center;
		position: relative;
	}

	#signinsteps_popup .divider:after {
		position: absolute;
		height: 1px;
		background: #ddd;
		top: 12px;
		left: 0;
		right: 0;
		width: 100%;
		content: "";
	}

	#signinsteps_popup .divider span {
		background: #fff;
		width: 45px;
		display: block;
		margin: auto;
		z-index: 9;
		position: relative;
	}

	#signinsteps_popup .form-group.othersignopt {
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 25px;
	}

	#signinsteps_popup .form-group.othersignopt a {
		background: #f0f0f0;
		padding: 15px;
		border-radius: 9px;
	}
	#signinsteps_popup .popup_head{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}

	#signinsteps_popup .verify_box{
		text-align:center;
		padding:20px 0;
	}
	#signinsteps_popup .verify_box h3, #signinsteps_popup .verify_box p {
		color: var(--basegraybgcolor);
	}

	#signinsteps_popup .otp_box{
		display:flex;
		justify-content:center;
		gap:12px;
		margin:40px 0;
	}

	#signinsteps_popup .otp_box input{
		width:50px;
		height:55px;
		text-align:center;
		font-size:24px;
		border:1px solid #ccc;
		border-radius:8px;
	}

	#signinsteps_popup .otp_box input:focus{
		border-color:#000;
		outline:none;
	}	
	
/* // Sign In Popup Box  */

/** Sign up / Create account popup box **/
	#signinsteps_popup .signboxhead_area .heading .signuplink {
		font-size: 25px;
		text-decoration: underline !important;
		font-weight: 400;
	}
	#signup_popup_form .btnaction_area {
		display: flex;
		align-items: center;
		justify-content: end;
	}
	#signup_popup_form button.close {
		background: var(--basecolor);
		border: none;
		width: 30px;
		border-radius: 15px;
		color: #fff;
		height: 30px;
		font-size: 19px;
	}
	#signup_popup_form .modal-content {
		border-radius: 15px;
	}
	#signup_popup_form .password-group{
		position: relative;
	}

	#signup_popup_form .password-group input{
		padding-right: 45px;
	}

	#signup_popup_form .toggle-password{
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
		color: #777;
		font-size: 18px;
		z-index: 2;
	}

	#signup_popup_form .toggle-password:hover{
		color: #000;
	}
	#signup_popup_form .signboxhead_area {
		text-align: center;
	}

	#signup_popup_form .signboxhead_area .heading {
		margin: 0;
		color: var(--basegraybgcolor);
	}

	#signup_popup_form .signboxhead_area p {
		margin-top: 5px;
		color: #757575;
	}

	#signup_popup_form .form-group {
		margin: 15px 0;
	}

	#signup_popup_form .signupform {
		margin-top: 25px;
		padding: 0 1rem;
	}

	#signup_popup_form .signupform span {
		display: block;
		margin-top: 5px;
		font-size: 14px;
		color: #757575;
	}

	#signup_popup_form .signupform p a {
		text-decoration: underline !important;
	}

	#signup_popup_form .signupform p {
		line-height: 22px;
		color: #757575;
	}
	#signup_popup_form .signupform span.toggle-password {
		margin: 0;
	}
/** Sign up / Create account popup box **/



/*** List property page ***/

.listproperty_wrap {
    max-width: 800px;
    margin: 40px auto 80px;
}

.listproperty_wrap .addproperty_form,
.listproperty_wrap .property-step {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06) !important;
    padding: 2.5rem 3rem !important;
}

.listproperty_wrap h4 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin-bottom: 25px !important;
}

.listproperty_wrap .addproperty_form .form-control,
.listproperty_wrap .form-control,
.property_title_wrap textarea.form-control,
.property_desc_wrap textarea.form-control {
    padding: 15px 18px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    font-size: 15px !important;
}

.listproperty_wrap .addproperty_form .form-control::placeholder,
.listproperty_wrap .form-control::placeholder {
    color: #888888 !important;
}

.listproperty_wrap .addproperty_form .form-control:focus,
.listproperty_wrap .form-control:focus {
    border-color: #00311b !important;
    box-shadow: 0 0 0 3px rgba(0, 49, 27, 0.12) !important;
    background: #ffffff !important;
    color: #111111 !important;
}

.property_category .property_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 25px;
}

.property_category .property_input {
    display: none;
}

.property_category .property_box {
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px 15px;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #ffffff;
    align-items: center;
    text-align: center;
}

.property_category .property_box:hover {
    border-color: #00311b;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.08);
}

.property_category .property_icon {
    font-size: 32px;
}

.property_category .property_box h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    margin: 0 !important;
}

/* Selected */
.property_category .property_input:checked + .property_box {
    border: 2px solid #00311b !important;
    background: #f0fdf4 !important;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.12) !important;
}

.property_category .property_input:checked + .property_box h4 {
    color: #00311b !important;
}

/* Place type */
.placetype_wrap .place_type {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 25px;
}

.placetype_wrap .place_input {
    display: none;
}

.placetype_wrap .place_box {
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #ffffff;
}

.placetype_wrap .place_box:hover {
    border-color: #00311b;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.08);
}

.placetype_wrap .place_content {
    flex: 1;
    padding-right: 20px;
}

.placetype_wrap .place_content h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin-bottom: 4px !important;
}

.placetype_wrap .place_content p {
    font-size: 14px !important;
    color: #666666 !important;
    margin: 0 !important;
}

.placetype_wrap .place_icon i.fa {
    font-size: 36px !important;
    color: #00311b !important;
}

.placetype_wrap .place_input:checked + .place_box {
    border: 2px solid #00311b !important;
    background: #f0fdf4 !important;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.12) !important;
}

.placetype_wrap .place_input:checked + .place_box h3 {
    color: #00311b !important;
}

.map_sec iframe {
    width: 100%;
}
.map_sec .map_wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.map_sec .location_info{
    position:absolute;
    top:25px;
    left:25px;
    z-index:1000;
    background:#fff;
    padding:12px 18px;
    border-radius:50px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:16px;
    font-weight:500;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
}

.map_sec #map{
    width:100%;
    height:100%;
}

/* Center Pin */

.map_sec .map_pin{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-100%);
    z-index:999;
    pointer-events:none;
}

.map_sec .map_pin img{
    width:60px;
}

/* Tooltip */

.map_sec .map_tooltip{
    position:absolute;
    left:50%;
    top:calc(50% + 18px);
    transform:translateX(-50%);
    background:#222;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    z-index:999;
    pointer-events:none;
}


.basic_info {
    max-width: 550px;
    margin: auto;
}

.basic_info .counter_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e5e7eb !important;
}

.basic_info .counter_text h4 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0;
}

.basic_info .counter{
    display:flex;
    align-items:center;
    gap:16px;
}

.basic_info .counter input {
    width: 35px;
    border: none;
    background: none;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    pointer-events: none;
    color: #111111 !important;
}

.basic_info .counter button {
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    background: #00311b !important;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    transition: all 0.2s ease;
    color: #ffffff !important;
}

.basic_info .counter button:hover{
    background: #024727 !important;
}

.basic_info .counter button:disabled{
    opacity:.35;
    cursor:not-allowed;
}

.amenities_area .amenities_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.amenities_area .amenity_input{
    display:none;
}

.amenities_area .amenity_box {
    height: 120px;
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s ease;
    background: #ffffff;
}

.amenities_area .amenity_box:hover{
    border-color: #00311b;
}

.amenities_area .amenity_box i {
    font-size: 28px !important;
    color: #00311b !important;
}

.amenities_area .amenity_box span {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    color: #111111 !important;
}

/* Selected */

.amenities_area .amenity_input:checked + .amenity_box {
    border: 2px solid #00311b !important;
    background: #f0fdf4 !important;
}


.photoupload_area .photo_upload{
    margin:20px 0;
}

.photoupload_area .upload_box {
    width: 100%;
    height: 320px;
    border: 2px dashed #00311b !important;
    background: #f9fafb !important;
    border-radius: 18px !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.photoupload_area .upload_box h4 {
    color: #111111 !important;
}

.photoupload_area .upload_box p {
    color: #666666 !important;
}

.photoupload_area .upload_content {
    text-align: center;
    z-index: 1;
}

.photoupload_area .upload_content img{
    width:90px;
    margin-bottom:20px;
}

.photoupload_area .preview {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    padding: 15px;
    background: #13181e;
}

.photoupload_area .preview img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:12px;
}

.listproperty_wrap .gblbtn {
    width: 170px;
    padding: 13px 20px;
    text-transform: uppercase;
    background: #00311b !important;
    color: #ffffff !important;
    font-weight: 700;
    transition: all 0.3s ease;
    font-size: 14px;
    border-radius: 10px !important;
    border: none !important;
    margin-top: 30px;
    box-shadow: 0 4px 15px rgba(0, 49, 27, 0.2);
}
.listproperty_wrap .gblbtn.prevStep {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}

.listproperty_wrap .gblbtn:hover {
    background: #024727 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.listproperty_wrap .gblbtn.prevStep:hover {
    background: #e5e7eb !important;
    color: #111111 !important;
    transform: translateY(-2px);
}


.listproperty_wrap h4 {
    font-size: 25px;
    margin-bottom: 20px;
}

.placetype_wrap .place_icon i.fa {
    font-size: 45px;
    color: var(--basecolor);
}

.map_sec iframe {
    width: 100%;
}

.listproperty_wrap .basic_info h4, .amenities_area h4, .photoupload_area h4, .property_title_wrap h4, .property_desc_wrap h4 {
    margin-bottom: 10px;
}

.listproperty_wrap .basic_info h6, .amenities_area h6, .photoupload_area h6, .property_title_wrap h6, .property_desc_wrap h6 {
    color: #7a828d;
    margin-bottom: 15px;
}


.property_title_wrap textarea.form-control {
    padding: 20px;
    font-size: 20px;
    background: #13181e;
    color: #fff;
    border: 1px solid #4a525d;
}

.property_title_wrap span, .property_desc_wrap span {
    color: #757575;
    margin: 5px 10px;
    display: inline-block;
}

.property_desc_wrap textarea.form-control {
    padding: 20px;
    min-height: 200px;
    background: #13181e;
    border: 1px solid #4a525d;
}

	/*** Property step in popup ***/
	.property-step{
		display:none;
	}

	.property-step.active{
		display:block;
	}
	/*** // Property step in popup ***/
	
	
/*** // List property page ***/

@keyframes appsecPulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(218, 167, 68, 0); }
  50% { transform: scale(1.02); box-shadow: 0 8px 30px rgba(218, 167, 68, 0.45); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(218, 167, 68, 0); }
}
.appsec-highlight {
  animation: appsecPulse 1.3s ease-in-out;
  border-radius: 20px;
}











/* ============================================
   NOTIFICATION BELL BADGE — Woods Villa
   ============================================ */
.wv-notif-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    background: #e53e3e;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(229,62,62,0.4);
    animation: wv-badge-pulse 2s infinite;
    pointer-events: none;
}
@keyframes wv-badge-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(229,62,62,0.5); }
    70%  { box-shadow: 0 0 0 6px rgba(229,62,62,0); }
    100% { box-shadow: 0 0 0 0 rgba(229,62,62,0); }
}
#notif-nav-li .nav-link {
    display: inline-flex;
    align-items: center;
}

/* Floating WhatsApp Button */
a.whatsapp-float,
.whatsapp-float {
    position: fixed !important;
    width: 60px !important;
    height: 60px !important;
    bottom: 30px !important;
    right: 30px !important;
    background-color: #25d366 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    text-align: center !important;
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.55) !important;
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease, background-color 0.3s ease !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

a.whatsapp-float:hover,
.whatsapp-float:hover {
    background-color: #1eb857 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 12px 35px rgba(37, 211, 102, 0.7) !important;
}

.whatsapp-float .whatsapp-icon,
a.whatsapp-float svg,
a.whatsapp-float i {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    fill: #ffffff !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

@media (max-width: 768px) {
    a.whatsapp-float,
    .whatsapp-float {
        width: 52px !important;
        height: 52px !important;
        bottom: 20px !important;
        right: 20px !important;
    }
    .whatsapp-float .whatsapp-icon,
    a.whatsapp-float svg {
        width: 30px !important;
        height: 30px !important;
    }
}

/* Wishlist Heart Icon Buttons */
.wishlist-heart,
.wishlist-list-heart,
.gdbox .wishlist-btn,
.fav_icon,
.fav_btn {
    background: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.wishlist-heart:hover,
.wishlist-list-heart:hover,
.gdbox .wishlist-btn:hover,
.fav_icon:hover,
.fav_btn:hover {
    transform: scale(1.18) !important;
    box-shadow: 0 6px 18px rgba(255, 56, 92, 0.35) !important;
    background: #ffffff !important;
}

/* Hide Leaflet map attribution footer */
.leaflet-control-attribution {
    display: none !important;
}