/*
Theme Name: hotelzo
Theme URI: https://hotelzo.peacefulqode.co.in/
Author: Peacefulqode
Author URI: https://peacefulqode.co.in/
Description: Hotelzo is a high quality WordPress theme for luxury hotel, resort, vacation room/spa rental services. Hotelzo is fully integrated with responsive design and many more functionality.hotelzo includes plenty of customization options and let you change its visual style without touching to single line of codes.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotelzo
Tags: accommodation, luxury, bed and breakfast, elementor, hotel, lodge, motel, resort, spa, tourism, travel, vacation, wordpress
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@media (max-width: 767px) {
	.swiper-wrapper {
		gap: 0px !important;
	}	
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	gap: 0 !important;
}

.pt-popup-video-block .pt-video-icon a:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 1px solid #7fbab3;
	border-radius: 100%;
	transition: all 0.5s ease;
}
#villa-facilities .pt-btn-container {
	display: none;
}
#villa-facilities .pt-process-step.pt-process-style-1 {
	padding: 10px 20px;
	position: relative;
	overflow: hidden;
	background: var(--grey-color);
}
.pt-bottom-header {
	position: fixed;
	width: 100%;
	background: white;
	transform: translate(0px, -22px);
}
/* .pt-top-header {
display: none;
} */
#hero .elementor-widget-wrap.elementor-element-populated {
	padding: 0 !important;
}
.content-area .site-main {
	padding: 0 !important;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	float: left;
}
.pt-breadcrumb {
	background: var(--grey-color);
	color: var(--white-color);
	padding: 90px 0 40px 0 !important;
	position: relative;
	text-align: left;
	background-position: center center;
	background-repeat: repeat;
	background-size: 40% auto;
}
.pt-error-block {
	padding-bottom: 130px;
}




#rooms p {
	margin-bottom: 15px !important;
}



#pt-header.pt-header-style-3 .pt-bottom-header .pt-button {
	position: relative;
	width: auto;
	background: var(--primary-color);
	color: var(--white-color);
	font-weight: 500;
	font-size: 12px !important;
	letter-spacing: 0.2em;
	padding: 8px 20px !important;
	text-transform: uppercase;
	line-height: 2;
	vertical-align: middle;
	border: none;
	display: inline-block;
	border: 2px solid transparent;
}
#pt-header.pt-header-style-3 .pt-bottom-header ul#pt-main-menu {
	gap: 25px;
}
#pt-header.pt-header-style-3 .pt-bottom-header .navbar .navbar-nav li {
	margin-right: 0px !important;
}
a.whatsapp-link {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.whatsapp-link:hover .info-icon-content h4 {
	color: #00a9ae;
}
.whatsapp-link .icon {
	display: flex;
}
.whatsapp-link .info-icon-content{
	padding-left: 10px !important;
}
.whatsapp-link .info-icon-content h4 {
	font-size: 15px !important;	
	transition: all 0.3s ease-in-out;
}
#pt-header.pt-header-style-3 .pt-bottom-header .pt-header-info-box {
	padding: 0 15px 0 25px !important;
}
#pt-header.pt-header-style-3 .pt-bottom-header .pt-button span {
	z-index: 9;
	position: relative;
	display: inline-block;
	text-align: center;
}
#pt-header.pt-header-style-3 .pt-btn-container {
	padding-left: 0 !important;
}


@media (min-width: 1201px) {
	.navbar-expand-lg .navbar-toggler {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.navbar-expand-lg {
		justify-content: space-between;
	}
	.navbar-expand-lg .navbar-toggler {
		display: block !important;
	}
	.navbar-expand-lg .navbar-collapse.collapse:not(.show) {
		display: none !important;
	}
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-header-info-box {
		margin-left: auto;		
	}
	#pt-header .pt-bottom-header .navbar-toggler {
		letter-spacing: 0;
		font-size: 20px;
		padding: 0 !important;
		color: black !important;
		line-height: normal;
		float: right;
		outline: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0 0 0 15px;
		background: transparent !important;
		transition: all 0.3s ease-in-out !important;
	}
	#pt-header .pt-bottom-header .navbar-toggler:hover {
		color: var(--primary-color) !important;
	}
	#gallery img {
		object-fit: cover;
		height: 280px !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#gallery img {
		object-fit: cover;
		height: 300px !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	#gallery img {
		object-fit: cover;
		height: 300px !important;
	}
}
@media (min-width: 768px) {
	#pt-header.pt-header-style-3 .pt-header-info-box .info-icon i {
		font-size: 26px !important;
		color: var(--primary-color);
	}
	#pt-header .pt-bottom-header .navbar .navbar-brand img {
		height: 75px !important;
	}
}
@media (max-width: 767px) {
	#pt-header.pt-header-style-3 .pt-btn-container {
		display: block !important;
	}
	.whatsapp-link .info-icon-content h4 {
		font-size: 13px !important;
	}
	#pt-header.pt-header-style-3 .pt-header-info-box .info-icon i {
		font-size: 26px !important;
		color: var(--primary-color);
	}
	#pt-header .pt-bottom-header .navbar .navbar-brand img {
		height: 48px !important;
	}
}
@media (min-width: 580px) {
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-header-info-box {
		display: block !important;    
		margin-left: auto;
		margin-right: 5px;
	}
	#pt-header.pt-header-style-3 .pt-btn-container {
		margin-right: 5px !important;
		margin-left: 0 !important;
	}
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-header-info-box {
		padding: 0 15px 0 15px !important;
	}

}
@media (max-width: 579px) {
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-header-info-box {
		display: none !important;
	}
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-btn-container {
		margin-left: auto !important;		
	}
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-button {
		font-size: 12px !important;
	}
}


#gallery .elementor img {
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: 380px !important;
	max-width: 100%;
	object-fit: cover;
}



#gallery img {
	object-fit: cover;
	height: 350px;
}




.cr-link:hover, .social-media-links a:hover {
	opacity: 0.6;

}
#pt-footer .widget:first-child {
	margin-bottom: 0 !important;
}
#pt-footer .pt-footer-top .pt-footer-logo-info {
	padding-bottom: 60px;
	display: none;
}


#review .owl-nav {
	display: block !important;
}


#pt-footer .row {
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
p.footer-p {
	text-align: center;
	padding: 5px 0 0 0;
	max-width: 480px !important;
}
#pt-footer .widget .footer-title {
	margin-bottom: 30px;
	padding: 0;
	font-size: 28px;
	position: relative;
	line-height: 36px;
	text-align: center;
}
.widget h2 {
	text-align: center;
}
#pt-footer ul#menu-custom-main-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}
#pt-footer .widget ul li {
	margin: 0 !important;
}
#pt-footer li.menu-item a::before {
	display: none;
}
#pt-footer .col-lg-4.col-md-6 {
	max-width: 100% !important;
}
.wp-block-group.content1 .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#pt-footer figure {
	margin: 0 0 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#pt-footer figure img {
	width: 128px;

}

footer#pt-footer .pt-copyright-footer .pt-copyright a {
	color: var(--primary-color) !important;
}
/* @media only screen and (max-width: 579px) {
#pt-footer figure img {
width: 240px !important;
}
.pt-copyright-footer {
font-size: 14px;
}
}
@media (min-width: 580px) and (max-width: 767px) {
#pt-footer figure img {
width: 300px !important;
}
} */
.social-media .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.social-media-links {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	font-size: 20px;
}






.custom-breadcrumb a:hover {
	opacity: 0.6;
	color: white;
}






.opening-p {
	margin-bottom: 20px !important;
}
.type-room {
	font-weight: bold;
	margin-bottom: 10px;
}
.size {
	font-size: 38px;
	font-style: italic;
}
/* Responsive adjustments */
@media (max-width: 768px) {
	.size {
		font-size: 28px;  /* Adjust size of the square meter for mobile */
	}
}

@media (max-width: 480px) {
	.size {
		font-size: 22px;  /* Smaller font size for mobile */
	}
}
@media (min-width: 479px) and (max-width: 1024px) {
	.room-info .elementor-widget-wrap.elementor-element-populated {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
}





.wpcf7-submit {
	margin-top: 20px;
}


/* Contact Us */
/* button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, .button:hover {
background-color: #002723;
}
button, input[type='button'], input[type='reset'], input[type='submit'], .button {
background-color: #0093B3;
text-transform: capitalize;
padding: 15px;
font-family: montserrat;
font-size: 14px;
letter-spacing: 1px;
}
.elementor-12 .elementor-element.elementor-element-754bb9b1 {
--container-widget-width: 40%;
}
.form-row {
display: flex;
gap: 5px;
margin-top: -5px;
margin-bottom: -25px;
}
input[name="your-username"], input[name="your-email"], input[name="your-subject"], textarea[name="your-message"] {
font-family: montserrat;
border: 1px solid #1D192112;
border-radius: 3px;
height: 40px;
padding: 8px;
margin-top: -35px;
}	
input[name="your-username"], input[name="your-email"]{
width: 100%;
}	
input[name="your-subject"]{
width: 100%;
}
textarea[name="your-message"] {
height: 120px;
} */
/* End Contact Us */


#rooms img {
	transition: transform 0.3s ease-in-out;
}
#rooms img:hover {
	transform: scale(1.1);
}
#rooms .image {
	overflow: hidden;
}


#contact a.text {
	color: #666666 !important;
}
#contact a.text:hover {
	color: var(--primary-color) !important;
}
.pt-contactform .wpcf7-form-control-wrap input, .pt-contactform textarea {
	text-transform: unset;
}



.room-type .swiper-wrapper {
	gap: 0 !important;
}
.room-type .swiper-slide img {
	width: 100%;
	height: 720px; /* Sesuaikan tinggi sesuai kebutuhan */
	object-fit: cover;
	position: relative;
	z-index: 0;
}
.room-type .swiper-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none !important;
	/* 	backdrop-filter: blur(0px) contrast(1.2); */
	opacity: 0.3;
	z-index: 1;
}
/* Tablet besar (1025px - 1200px) */
@media (max-width: 1200px) {
	.room-type .swiper-slide img {
	}
}
/* Tablet kecil (769px - 1024px) */
@media (max-width: 1024px) {
	.room-type .swiper-slide img {
		height: 650px !important;
	}
}
/* HP besar (481px - 768px) */
@media (max-width: 768px) {
	.room-type .swiper-slide img {
		height: 500px !important;
	}
}
/* HP kecil (<=480px) */
@media (max-width: 480px) {
	.room-type .swiper-slide img {
		height: 400px !important;
	}
}

@media (min-width: 767px) and (max-width: 1024px) {
	.contact-flex .elementor-container {
		justify-content: center;
	}
}
@media (min-width: 481px) and (max-width: 1024px) {
	.wrap-col-icon .elementor-container.elementor-column-gap-default {
		flex-wrap: nowrap;
		gap: 40px !important;
	}
}
@media only screen (min-width: 1025px) {
	.wrap-col-icon .elementor-container.elementor-column-gap-default {
		gap: 30px !important;
	}
}

/* @media only screen and (min-width: 768px) {
.room-desc .elementor-icon-list-items {
display: flex;
flex-wrap: nowrap !important;
justify-content: space-between !important;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.room-desc .elementor-icon-list-items {
display: flex;
flex-wrap: wrap !important;
justify-content: space-between !important;
align-items: center;
}
} */



/* ==# VILLA FACILITIES #== */
p.facility-desc {
	margin-bottom: 0;
}


/* ==# GALLERY #== */
.basic-gallery .gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
/* Default 3 columns */
#gallery-1 .gallery-item {
	width: calc(33.33% - 10px); /* Adjust for 3 columns */
}

/* Pengaturan untuk gallery-column-3 di layar besar */
.gallery.gallery-column-3 #gallery-1 .gallery-item {
	width: calc(33.33% - 10px); /* 3 columns */
}

/* 2 columns untuk tablet (screen size between 768px and 1200px) */
@media (min-width: 768px) and (max-width: 1200px) {
	#gallery-1 .gallery-item {
		width: calc(50% - 10px) !important; /* Adjust for 2 columns */
	}

	/* Pengaturan gallery-column-3 untuk 2 kolom */
	.gallery.gallery-column-3 #gallery-1 .gallery-item {
		width: calc(50% - 10px) !important; /* 2 columns */
	}
}

/* 1 column untuk mobile (screen size under 767px) */
@media (max-width: 767px) {
	#gallery-1 .gallery-item {
		width: 100% !important; /* Adjust for 1 column */
	}

	/* Pengaturan gallery-column-3 untuk 1 kolom */
	.gallery.gallery-column-3 #gallery-1 .gallery-item {
		width: 100% !important; /* 1 column */
	}
}
@media (max-width: 1024px) {
	body.admin-bar .dialog-type-lightbox {
		height: 100vh;
		position: fixed !important;
	}
}







@media (min-width: 381px) and (max-width: 1023px) {
	header#pt-header .pt-bottom-header .navbar-toggler {
		letter-spacing: 0;
		font-size: 16px !important;
		padding: 10px 10px !important;
		color: var(--white-color);
		line-height: normal;
		float: right;
		outline: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0 0 0 15px;
	}
}
@media (max-width: 380px) {
	#pt-header .pt-bottom-header .navbar-toggler {
		letter-spacing: 0;
		font-size: 17px !important;
		padding: 6px 7px !important;
		color: var(--white-color);
		line-height: normal;
		float: right;
		outline: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0 0 0 10px !important;
	}
	#pt-header .pt-bottom-header .navbar .navbar-brand img {
		height: 40px !important;
	}
	#pt-header.pt-header-style-3 .pt-bottom-header .pt-button {
		position: relative;
		width: auto;
		background: var(--primary-color);
		color: var(--white-color);
		font-weight: 500;
		font-size: 10px !important;
		letter-spacing: 0.2em;
		padding: 7px 14px !important;
		text-transform: uppercase;
		line-height: 2;
		vertical-align: middle;
		border: none;
		display: inline-block;
		border: 2px solid transparent;
	}
}






/* ==# ROOMS #== */
#rooms .one-bed {
	cursor: pointer !important;
}
#rooms .two-bed {
	cursor: pointer !important;
}
.custom-sidebar {
	display: none;
}
.custom .pt-room-box.pt-style-1 .pt-room-img img {
	height: 450px !important;
	object-fit: cover !important;
}
.custom .pt-room-box.pt-style-1 .pt-room-img {
	margin-bottom: 0px !important;
	overflow: hidden;
}
.custom .pt-room-box.pt-style-1 .wrap-info {
	padding: 30px 30px 40px 30px;
}
.wrap-info {
	min-height: 270px !important;
}
@media only screen and (min-width: 1024px) {
	.pt-room-box-slider .owl-stage {
		display: flex;
		width: 100% !important;
		justify-content: space-around;
	}
	.pt-room-box-slider .owl-item {
		width: 50% !important;
		/*     margin-right: 0 !important; */
	}
}
.custom h5.pt-room-title {
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.custom .pt-room-box.pt-style-1 h5.pt-room-title {
		margin-bottom: 10px !important;
	}
}
.custom .pt-room-box.pt-style-1 .pt-room-excerpt {
	margin-bottom: 15px !important;
}
.custom .pt-room-box.pt-style-1 {
	background: var(--white-color);
	padding: 0 !important;
	margin-bottom: 30px;
}





.swiper-slide-inner {
	position: relative;
	overflow: hidden;
}

.elementor-image-carousel-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(1, 1, 1, 0.2);
	text-align: center;
	padding: 10px;
	font-weight: 500;
	letter-spacing: 0.5px;
	/*     backdrop-filter: blur(5px); */
	transition: all 0.3s ease-in-out;
}

.swiper-slide-inner:hover .elementor-image-carousel-caption {
	background: rgba(0, 0, 0, 0.7);
	padding: 12px;
}


footer#pt-footer .pt-footer-top .container {
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1);
	padding-top: 0px !important;
	padding-bottom: 35px !important;
}





/* ==# MAP #== */
.mapouter {
	position: relative;
	text-align: center;
	width: 100%;
	height: 100vh;
}
.gmap_canvas {
	overflow: hidden;
	background: none !important;
	width: 100%;
	height: 100%;
}
.gmap_iframe {
	width: 100% !important;
	height: 100% !important;
}


/* ==# CAPTCHA #== */
/* .grecaptcha-badge, body.page-id-2698 #wa-bot  {
	display: none !important;
} */
.grecaptcha-badge {
	display: block !important;
}

body.page-id-2698 .grecaptcha-badge {
	display: block !important;
}




/* ==# WA #== */
#wa-bot {
	font-family: 'Montserrat', sans-serif;
	width: auto;
	border-radius: 30px;
	background-color: #333;
	position: fixed;
	bottom: 25px;
	right: 15px;
	font-size: 12px;
	padding: 5px 25px;
	z-index: 999;
}
/* #wa-bot {
right: 80px;
} */
#wa-bot .wa-icon {
	margin-right: 15px;
}
#wa-bot i.fab.fa-whatsapp {
	font-size: 35px;
}
#wa-bot a {
	color: #fff;
	text-decoration: none;
}
#wa-bot.fix-btn {
	background: #28D146 !important;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}
#wa-bot .position-btn {
	display: flex;
	align-items: center;
}
#wa-bot .right-menu-btn {
	display: inline-grid;
}
#wa-bot .title-text-btn {
	font-size: 15px;
	font-weight: 700;
}




@media (max-width: 768px) {
	footer#pt-footer .pt-copyright-footer {
		padding: 20px 0 115px 0 !important;
		background: var(--blue-color);
		position: relative;
		z-index: 9;
	}
	#back-to-top .top {
		position: fixed;
		bottom: 100px !important;
		right: 15px !important;
		margin: 0px;
		color: var(--white-color);
		background: var(--primary-color);
		z-index: 999;
		font-size: 26px;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		border: 2px solid transparent;
	}
	/* 	#back-to-top .top {
	bottom: 32px !important;
} */
}
.custom.pt-white-border .pt-button.pt-button-flat:hover:before {
	border-color: var(--primary-color) !important;
}
.pt-button:hover, .pt-button:focus {
	color: var(--white-color);
	background: var(--primary-color) !important;
}
.pt-button.pt-button-flat:hover:before {
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: -5px;
	left: -5px;
	border-color: var(--primary-color) !important;
}




.pt-testimonial-img, .pt-testimonial-meta span {
	display: none;
}
.pt-testimonial-box.pt-style-4 .pt-testimonial-media {
	margin-top: 30px !important;
	display: flex;
	position: relative;
	align-items: center;
	padding: 0 60px 0 45px;
}
.pt-testimonial-box.pt-style-4 .pt-testimonial-content {
	background: var(--white-color);
	padding: 60px 45px 0 45px !important;
	padding-bottom: 30px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div#pt-loading-center img {
	object-fit: contain;
}


.col-heading-logo .text {
	margin-bottom: 0 !important;
}
.col-heading-logo .elementor-widget-wrap.elementor-element-populated {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
}
.col-heading-logo .text, .col-heading-logo .logo {
	width: fit-content !important;
}


@media only screen and (max-width: 767px) {
	#pt-footer figure img {
		width: 120px !important;
	}
	#pt-loading img {
		width: 240px !important;
	}
}


.owl-carousel .owl-nav {
	display: block !important;
}



.navbar-collapse.collapse.show #pt-main-menu .menu-item, .navbar-collapse.collapsing #pt-main-menu .menu-item {
    line-height: 65px !important;
}
.navbar-collapse.collapse.show #pt-main-menu, .navbar-collapse.collapsing #pt-main-menu {
	width: 100%;
	gap: 0 !important;
}
.navbar-collapse.collapse.show #pt-main-menu li {
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	padding: 0 20px !important;
}
.navbar-collapse.collapsing #pt-main-menu li {
	padding: 0 20px !important;
}
.navbar-collapse.collapse.show #pt-main-menu li:hover, .navbar-collapse.collapsing #pt-main-menu li:hover,
.navbar-collapse.collapse.show #pt-main-menu li.current-menu-item, .navbar-collapse.collapsing #pt-main-menu li.current-menu-item {
	background-color: #00a9ae;
}
.navbar-collapse.collapse.show #pt-main-menu li.current-menu-item a, .navbar-collapse.collapsing #pt-main-menu li.current-menu-item a {
	color: white !important;
}
#pt-header .navbar-collapse li a:hover {
    color: var(--primary-color) !important;
}
#pt-header .navbar-collapse.collapsing li a:hover, header#pt-header .navbar-collapse.collapse.show li.current-menu-item {
    color: #fff !important;
}
/* @media (max-width: 767px){
.slogan {
top: 150px !important;
}
.heading {
top: 140px !important;
}
.strip {
padding: 0.5px !important;
top: 145px !important;
}	
} */
@media (max-width: 480px) {
	.slogan{
		position: absolute;
		top: 58% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
	}
	.heading {
		position: absolute;
		top: 53% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
	}
	.strip {
		position: absolute;
		top: 55.5% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
		padding: 0.5px !important;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	.slogan{
		position: absolute;
		top: 50% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
	}
	.heading {
		position: absolute;
		top: 45% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
	}
	.strip {
		position: absolute;
		top: 47% !important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
		padding: 0.5px !important;
	}
}
@media (max-width: 1255px) {
	.strip {
		padding: 0.5px !important;
	}
}


.absolute {
	position: absolute !important;
}




/* icon hamburger ke X  */
.navbar-toggler i {
    transition: transform 0.3s ease, opacity 0.3s ease; 
}
.navbar-toggler i.fa-times {
    transform: rotate(180deg);
}
.navbar-toggler.hamburger-icon {
    background-color: #00a9ae !important;  /* Ganti dengan warna yang diinginkan */
}