html{
        overflow-x: hidden !important; /* hide horizontal scroll */
        width: 100%; /* ensure full width */
   
}

.header_top_bottom_holder .header_top {
        display:block !important;
    }

.hide_top_bar_on_mobile_header .header_top {
    display: block !important;
  }

.header_top .left .header-widget:last-of-type figure a img {
    width: 60px !important;
    margin-top: -15px;
}




.header_top_bottom_holder {
    padding-bottom: 0px !important;
}

body.side_menu_slide_with_content{
	overflow: hidden !important;
	position: static !important;
}

.q_logo a{
	height: 90px;
	visibility: visible !important;
}

.q_logo a img{
	visibility: visible !important;
}

@media only screen and (max-width: 1000px) {
    .q_logo a {
       height: 80px;
    }
}



/* Booking Link Prominence */
#nav-menu-item-195 a {
	
}
#nav-menu-item-195 a span:first-child {
	border: 1px solid white !important;
}

/* @font-face {
    font-family: 'NexaBold';
    src: url('https://asyanagardens.ke/wp-content/uploads/nexa-font/Nexa-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
} */
.scroll_header_top_area{
	display: inline-block;
}
/* Apply the font to the body */
body {
    font-family: 'NexaBold', sans-serif !important;
}
.wpb_wrapper h1{
/* 	font-family: raleway !important; */
	font-weight:700;
	font-size: 64px;
	line-height:84px;
}
#media_image-2{
	width: 60%;
}
#slider-1-slide-1-layer-4{
 font-size: 23px !important;
	line-height: 33px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 1px !important;
	 margin-left: -31px !important;
    margin-top: 7px !important;
	  font-family: 'NexaBold', sans-serif !important;
		
}
#slider-2-slide-2-layer-7{
/* 	    font-family: 'NexaBold', sans-serif !important; */
}
/* #slider-2-slide-2-layer-1{
		    font-family: 'NexaBold', sans-serif !important;
} */
#slider-2-slide-2-layer-3{
		    font-family: 'NexaBold', sans-serif !important;
}
#slider-2-slide-2-layer-6{
		    font-family: 'NexaBold', sans-serif !important;
}
#slider-1-slide-1-layer-6{
		    font-family: 'NexaLight', sans-serif !important;
}
.cf7_custom_style_1 input{
	   font-family: 'NexaLight', sans-serif !important;
}
.cf7_custom_style_1 textarea{
	   font-family: 'NexaLight', sans-serif !important;
}
.cf7_custom_style_2 input{
	   font-family: 'NexaLight', sans-serif !important;
}
.footer-social-icons{
	   display: flex;
    gap: 15px;
    margin-top: 6px;
    align-items: center;
}
.wp-block-button__link{
	background-color: #e28000 !important;
	border-color: #e28000 !important;
}
.content .container .container_inner.page_container_inner, .full_page_container_inner {
     padding: unset; 
	width:100vw;
}
/* .container{
	margin: 0 !important;
} */
.container p{
	font-family: 'Nexa Bold', sans-serif;
}
#master-container{
	max-width: unset !important;
	height: 500px !important;
}
#copyleft a img{
	width: 24px;
	padding-left: 10px;
}
#copyleft{
	
/* 	padding-left: 128px; */
}
.text-copyright{
	font-size: 13px;
	
/*     padding-right: 140px; */
	
}
h3{
/* 	font-family: 'NexaBold'; */
}
.extra-footer {
    text-align: center;
    background-color: #1b1b1b;
    font-size: 14px;
    color: #cecece;
    position: relative;
    padding: 11px;
	background-color: #000000;
}
.footer_bottom_holder{
	padding-top: 3px;
	background-color: #000000;
}
h3{
	font-style: unset;
}
.footer_bottom_holder .two_columns_50_50{
	border-top: 1px solid white;
    width: 80%;
    margin: auto;
}
#sp-testimonial-free-wrapper-306{
	display: none;
}
.qbutton:hover{
	color: #000000;
}
.parallax_section_holder .wpb_wrapper h2{
	color: white;
}
.wpcf7-form-control:hover{
	color:black !important;
}
#block-8 .wp-block-button a:hover{
	color:black !important;
}
.testimonial_text_inner{
	width: 70%;
	margin:auto;
}
/* .q_image_with_text_over img {
    display: block;
    position: relative;
    height: 358px;
    width: 100%;
    z-index: 10;
} */
.booking-form1{
	display: none;
}



@media(max-width:767px){
	.home-contact{
  background-color:black !important;
	}
	.home-client{
		background-color:black !important;
	}
}
@media(max-width:480px){
	#slider-2-slide-2-layer-1{
		font-size: 22px !important;

	}
	#slider-2-slide-2-layer-3{
		left: 20px !important;
	}
	#slider-2-slide-2-layer-6{
		right: 20px !important;
	}
}
@media(min-width:481px) and (max-width:710px){
	#slider-2-slide-2-layer-1{
		font-size: 28px !important;
	}
}
@media(min-width:778px) and (max-width:1010px){
	#slider-2-slide-2-layer-1{
		font-size: 35px !important;
	}
}
/* @media(max-width:1399px){
	.q_image_with_text_over img {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 10;
}
}
@media(max-width:767px){
	.q_image_with_text_over img {
    display: block;
    position: relative;
    height: unset;
   width: 100%;
    z-index: 10;
}
} */

/* @media(min-width:768px) and (max-width:1398px){
 height: 100%;
} */

/* @media (max-width:1400px){
	#slider-1-slide-1-layer-4{
		margin-left:-69px !important;
		margin-top: 12px !important;
		  font-family: 'NexaBold', sans-serif !important;
	}
}
@media (max-width:767px){
	#slider-1-slide-1-layer-4{
		margin-left:-88px !important;
		margin-top: 49px !important;
		font-size: 17px !important
	}
	@media (min-width:768px) and (max-width:1023px){
	#slider-1-slide-1-layer-4{
		margin-left:-46px !important;
		margin-top: -90px !important;
		font-size:77px !important
	}
} */
/* .contact-us-image .q_elements_holder_custom_221998{
	width:33% !important;
	margin: auto !important;
} */
#wpcf7-f154-p33-o1{
	width:57% !important;
	margin: auto !important;
}
.contact-us-image img{
	width:50% !important;
	margin: auto !important;
}
.wpcf7 form.wpcf7-form p{
	margin-bottom:0;
}
.header_inner_right{
	display: none;
}
.blog .title_holder{
	padding-top:74px !important;
}
/* accommodation page
} */
.page-id-1048 .title{
	height: unset
}
.page-id-1048 .wpb_wrapper .room{
  display: flex;	
}
.room-gallery-wrapper{
	width: 50%;
	order: 2;
}
.room-buttons a {
    border-color: #ffffff;
    height: 46px;
    background-color: black;
    -webkit-border-radius: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-width: 1px;
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 39px;
    margin: 0;
    padding: 0 23px;
    border: 2px solid #303030;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
    font-style: normal;
	   font-family: 'NexaBold' !important;
}
.book-now-button{
	margin-right: 15px !important;
}
.page-id-1048 .buttons{
	margin-top: 16px
}
.page-id-1048 .title_subtitle_holder{
	margin-top: 62px;
}
.page-id-1048 .room{
	margin-bottom: 60px;
}
.room-details-wrapper{
	width: 50%;
}
.room{
	gap:43px;
}
.page-id-1048 p{
	  font-family: 'NexaBold', sans-serif !important;
}
.swiper-button-next,
.swiper-button-prev {
    color: #fff; /* White color for arrows */
}

/* Swiper pagination dots */
.swiper-pagination-bullet {
    background-color: #fff; /* White color for dots */
}
.book-now-button:hover{
	background-color:white !important;
	color:black;
	border-color:unset;
}
.view-360-button:hover{
	background-color:white;
	color:black;
	border-color:unset;
}

.header_top_bottom_holder {
	display: flex;
  flex-direction: column-reverse;
	height: 133px;
  padding-bottom: 10px;
}
header .header_top_bottom_holder {
    background-color:unset !important
}
header .header_top_bottom_holder .header_bottom{
    background-color:#0000007a !important;
}
header .header_top_bottom_holder .header_top svg{
    height: .7em;
    width: .7em;
}
header .header_top_bottom_holder .header_top {
    padding-top:5px;
}
.gallery-2{
	background: black;
    text-align: center;
    padding: 50px 0px 70px;
}
.gallery-2 h2{
color: white;
    padding-bottom: 50px;
}
.image-360{
	height: 650px !important;
    background-position: center !important;
    background-size: cover !important;
}

.image-360-new{
	  background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://asyanagardens.org/wp-content/uploads/2024/09/360-Background.jpeg)!important;
}
.image-blogs{
	 background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://asyanagardens.org/wp-content/uploads/2024/09/Background_blog.webp")!important;
}

.image-careers{
		 background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://asyanagardens.org/wp-content/uploads/2026/03/20240502_101758-2-scaled.jpg")!important;
}

.faq-image-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://asyanagardens.org/wp-content/uploads/2025/11/WhatsApp-Image-2025-10-20-at-4.57.00-PM.jpeg) !important;
}


.blog-image-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://asyanagardens.org/wp-content/uploads/2025/11/faqs-2.jpeg) !important;
}


.new-image-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://asyanagardens.org/wp-content/uploads/2025/11/WhatsApp-Image-2025-10-20-at-4.57.27-PM.jpeg) !important;
}

.career-image-background {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://asyanagardens.org/wp-content/uploads/2025/11/WhatsApp-Image-2025-10-20-at-4.56.11-PM.jpeg) !important;
}





.conferences-image{
		 background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://asyanagardens.org/wp-content/uploads/2024/09/Conf_Background-scaled.webp")!important;
}
.restaurant-img{
		 background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://asyanagardens.org/wp-content/uploads/2024/09/Restaurant_Background_cropped-1.webp")!important;
}
.acoommodation-image{
		 background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://asyanagardens.org/wp-content/uploads/2024/09/Accommodation_Background.webp")!important;
}
.recreation-image{
		 background-image :linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://asyanagardens.org/wp-content/uploads/2024/09/Recreation_003.webp")!important;
}

.event-list li{
	text-indent: 20px;
}

.bd-slider-txt h2{
	padding-bottom: 25px;
}

.header_top .left {
	padding-left: 50px;
	    top: 105px;
    bottom: auto;
    left: 10px;
    position: fixed;
    z-index: 99999999;
}
.header_top .left .inner {
	display: flex;
  gap: 10px;
}

header.sticky .header_top {
	display: block !important;
}

header.sticky.sticky_animate {
	background-color: black;
}
 .360-container{
	position: relative;
}
.360-container .nav-controls{
	    position: absolute;
    top: 50%;
    z-index: 10;
    width: 100%;
    display: flex;
    justify-content: space-between;
}



@media only screen and (max-width: 1000px) {
	
	header .header_top_bottom_holder .header_bottom{
		z-index:999;
	}
	.hide_top_bar_on_mobile_header .header_top {
		display: block !important;
		height: 32px !important;
		    padding-top:0px !important;
	}
	.header_top .left, .header_top .right {
		background-color: #000 !important;
		padding-top: 15px;
        padding-left: 2.5rem;
	}
	.header_top_bottom_holder {
		padding-bottom: 0px !important;
		height: unset;
	}
	
	.header_top .left{
		background:transparent !important;
	}
}
.caroufredsel-direction-nav a, .flex-direction-nav a{
		    top: 40%;
	}
nav.mobile_menu ul li a {
    padding-left: 20px;
}
.mobile_menu{
	margin-bottom: 20px;
}
header .header_top_bottom_holder .header_top {
    width: max-content;
}

@media(max-width:767px){
	   .restaurant-first-section .image_with_text h3 {
        width: 100%;
    }

	.page-id-1048 .wpb_wrapper .room{
		display:unset;
	}
	.room-gallery img{
		width:100% !important;
	}
	.room-gallery-wrapper {
    width: 100%;
}
	.room-details-wrapper {
    width: 100%;
    margin-bottom: 20px;
}
}
/* End accommodation page
} */
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-hover a {
	color: #FFF;
	text-decoration: underline 2px;
	text-underline-offset: 2px;
}

.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-hover a {
	color: #FFF;
}

.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-hover {
	background: #000;
}

.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active {
	background: #FFF;
	border: 2px solid #000;
}

.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active a {
	color: #000;
	text-decoration: underline 2px;
	text-underline-offset: 2px;
	
}

.qode-advanced-tabs .qode-advanced-tabs-nav li {
	background: #000;
	text-align: center;
}

.qode-accordion-holder .qode-title-holder.ui-state-hover li a {
	color: #FFF;
}

.qode-advanced-image-gallery .owl-nav .qode-next-icon, .qode-advanced-image-gallery .owl-nav .qode-prev-icon {
	font-size: 75px;
	border: none;
}
.room-gallery img{
	height: 450px;
	width: 100%;
}
#copyleft{
	display:flex;
}
.qode-np-item-image-table-cell{
	   display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
}
.qode-np-item-number{
	font-family: raleway;
}

#qlwapp.qlwapp-bottom-right {
  top: 70px;
	bottom: auto;
	right: 10px;
}

.pull-left {
	margin-top: 17px;
}

.pull-right > img {
	margin-top: 22px;
}

.qode-numbered-process-holder .qode-np-title {
    margin-top: 15px;
}

#booking-widget #vue-btn-search.btn-orange-solid {
	margin-top: 14px;
}

header.sticky .header_top {
/*     display: none !important; */
}

header.sticky .header_top_bottom_holder {
	height: 91px;
}
.mobile_menu_button i{
	font-size:25px;
}

.home .image-360 .parallax_content_full_width,
.vc_custom_1718359092226{
	display:none;
}
 figure img{
/* 	    width: 37px !important; */
    height: auto;
    margin-top: -5px;
/* 	 margin-left: -3px; */
}
figure img:hover{
	    width: 39px !important;
	cursor:pointer;
}
.header_top .left .inner :nth-child(2) {
    display: none;
}
@media(max-width:680px){
	.btn-tab-360{
		display: flex;
		flex-direction: column;
	}
}
@media(max-width:767px){
	.p-rich_text_block h3{
		    font-size: 15px;
    padding: 0px 8px;
	}
	#copyleft{
		margin-top:15px;
	}
	.title-360 h1{
/* 		font-size: 40px; */
	}
	.footer_top, .footer_top.footer_top_full{
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: unset;
}
}
/*only mobile view*/
@media(max-width:480px){
	.caroufredsel-direction-nav a, .flex-direction-nav a{
		    top: 33%;
	}
	.title-360 h1{
/* 		font-size: 30px; */
	}
		.header_top .left, .header_top .right {
        padding-left: 1.5rem;
	}
}
/*dropdown footer only mobile view*/
@media (max-width: 768px) {
	.room .room-buttons{
		margin-bottom: 70px;
	}
	    .title {
        padding: 25px 0 0px!important;
    }
    .footer_col2 .widget_nav_menu h5,
    .footer_col3 .widget_nav_menu h5,
    .footer_col4 .widget_nav_menu h5 {
        position: relative;
        cursor: pointer;
    }

    .footer_col2 .widget_nav_menu h5:after,
    .footer_col3 .widget_nav_menu h5:after,
    .footer_col4 .widget_nav_menu h5:after {
        content: '▼';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s;
    }

    .footer_col2 .widget_nav_menu h5.open:after,
    .footer_col3 .widget_nav_menu h5.open:after,
    .footer_col4 .widget_nav_menu h5.open:after {
        transform: translateY(-50%) rotate(180deg);
    }

    .footer_col2 .menu,
    .footer_col3 .menu,
    .footer_col4 .menu {
        display: none;
    }

    .footer_col2 .menu.show,
    .footer_col3 .menu.show,
    .footer_col4 .menu.show {
        display: block;
    }
}

@media(max-width:600px){
    .acc-title h1{
        font-size: 30px !important;
    }
	.wpb_wrapper h2{
		font-size: 15px !important;
	}
	.room{
		    width: 90% !important;
	}
	
	
}
@media(max-width:1000px){
header .header_top_bottom_holder .header_top {
    width: 100%;
}
}
@media(max-width:600px){
   .room-details .title {
        padding: 15px 0 0px 0 !important;
    }
}

input[name="your-name"]::placeholder {
    color: white !important;
}
input[name="your-email"]::placeholder {
    color: white !important;
}
input[name="your-phone"]::placeholder {
    color: white !important;
}
input[name="your-cover-letter"]::placeholder {
    color: white !important;
}
textarea[name="your-cover-letter"]::placeholder {
    color: white !important;
    opacity: 1 !important;
}
input[name="your-resume"]::placeholder {
    color: white !important;
}
input[name="your-resume"]{
	color: white;
}


/* azeemm css  */
.page-id-2414 .container {
    margin-bottom: 10px; 
}
.page-id-2414 .wpb_wrapper { margin-top: 50px; }

.billing-message {
    color: red !important;
}

@media(max-width:767.9px){
	.page-id-2414 .wpb_wrapper { 
    padding: 0px 20px;
    margin: 20px 0px 5px;
}
}

.testimonials .testimonial_text_inner p {
    color: #fff !important;
   
}
.textwidget .q_icon_list:first-of-type p {
  color: #cecece !important;
}

.content {
	margin-bottom: -39px !important;
}

.wp-block-button__link{
	background: transparent   !important;
    border: none !important;
	    padding: 0px;
	font-size: 10px !important;
}

.qlwapp__container.qlwapp__container--bottom-left, .qlwapp__container.qlwapp__container--bottom-right {
    top: 70px !important;
   
}

.qlwapp__container.qlwapp__container--middle-right .qlwapp__button, .qlwapp__container.qlwapp__container--bottom-right .qlwapp__button {
    margin-right: 30px !important;
}


.qlwapp__container.qlwapp__container--rounded .qlwapp__button--bubble {
    border-radius: 50%;
}

.header_top .left {
    right: 50px;
}

@media (max-width: 768px) {
  .header_top .left {
    right: 12px !important;
}
.header_top .left .header-widget:last-of-type figure a img {
			width: 70px !important;
			margin-top: -20px;
	}
	.header_top .left .inner {
    gap: 5px;
}
	
	
}

header .header_top_bottom_holder .header_top {
		display: block !important;
    z-index: 22 !important;
}

@media only screen and (max-width: 1000px) {
    .hide_top_bar_on_mobile_header .header_top {
        display: block !important;
    }
}


.content .container .container_inner.page_container_inner, .full_page_container_inner {
  padding: unset !important;
}

.mobile_menu{
	display:none !important;
}

.awsm-job-wrap{
	padding: 50px !important;
}




 

