:root {
    --brand: rgb(224, 184, 50);
	--brand2: rgb(229, 158, 3);
    --dark: #092032;

}

body, html {
    height: 100vh;
}

a{
	text-decoration: none;
}

/* navbar */
.navbar {
    color: var(--dark);
}

.navbar .navbar-nav .nav-link {
    color: var(--dark);
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--brand);
}

.navbar .navbar-nav .nav-link.active {
    color: var(--brand);
    font-weight: bold;
    border: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--brand);
}

#home {

	background-image: url("../img/banner.png");
	background-size: cover;
	height: 600px;

}

.warna {
	background-image: linear-gradient(to right, var(--dark), rgba(255, 0, 0, 0));
	height: 600px;
}

.home2 {
	background-image: url("../img/banner-hotline.png");
    background-position: center;
    background-size: cover;
    min-block-size: 100vh;
}

.bg-opacity {
	background-color: rgba(255, 255, 255, 0.7);
}

.text-sign-top {
	margin-top: 30%;
}


.bg-all {
	background-image: url("../img/banner-all.png");
    background-position: center;
    background-size: cover;
    min-block-size: 100vh;
}

.bg-all2 {
	background-image: url("../img/banner-all2.png");
	background-size: cover;
	border-radius: 25px 25px 25px 25px;
}

.bg-sign {
	background-image: url("../img/room1.jpg");
	background-size: cover;
}

.bg-fascilitas {
	background-image: url("../img/banner-all.png");
	background-size: cover;
}

.bg-sign-color {
	background-image: linear-gradient(to left, rgb(224, 184, 50, 0.9), rgb(229, 158, 3, 0.9));
	height: 100%;
}

#btn-custom {
	background-color: var(--brand);
	color: white;
}

.bg-card-title {
	/* background-image: linear-gradient(to top, rgb(224, 184, 50, 0.9), rgb(229, 158, 3, 0.0)); */
	background-color: var(--brand);
}

.bg-card-about {
	background-image: linear-gradient(to bottom, rgb(224, 184, 50, 0.2), rgba(224, 184, 50, 0.2));
}

.bg-card-subtitle {
	background-image: linear-gradient(to bottom, rgb(224, 184, 50, 0.9), rgb(229, 158, 3, 0.0));
}

.bg-facilitas {
	background-image: linear-gradient(to left, rgb(224, 184, 50, 0.9), rgb(229, 158, 3, 0.9));
}

.btn-next {
	color: #ffff;
	height: 35px;
	width: 35px;
	background: var(--brand2);
	border-radius: 100%;
}

.btn-next:hover {
	background: var(--brand);
}

.btn-next::before {
	font-size: 20px;
}

.btn-next::after {
	font-size: 20px;
}

.swiper-button-next {
	right: 5;
}

.swiper-button-prev {
	left: 5;
}

.swiper-pagination-bullet {
	background-color: #ff7700;
}

.swiper-pagination-bullet-active {
	background-color: var(--brand2);
}