body {
	color: #000;
}

.web-logo {
	display: inline-block;
}
.web-name {
	color: #368639;
	display: inline-block;
	font-weight: 1000;
}
.web-title > span, a:hover, a:active {
	color: #368639;
}
#footer-informasi {
	background-color: #368639;
}

.butn {
	&.primary {
		background-color: #368639;
	}
	&.light {
		color: #368639;
		
		&:hover {
			background: #368639;
		}
		&:after {
			background: #368639;
		}
	}
}

.btn-custom {
	border-radius: 15px;
	background: #327D35;
	
	&:hover {
		border-radius: 15px;
	}
	
	&:after {
		border-radius: 15px;
	}
	&:hover:after {
		border-radius: 15px;
	}
}

.btn-custom-2 {
	border-radius: 8px;
	background: #327D35;
	
	&:hover {
		border-radius: 8px;
	}
	
	&:after {
		border-radius: 8px;
	}
	&:hover:after {
		border-radius: 8px;
	}
}

#btnlink-pendaftaran
{
	font-size: 30px !important;
}

.link-paket {
	background-color: #FFD206 !important;
	border-radius: 18px !important;
}
.link-news {
	font-size: 10px;
	margin-left: 5px;
}
.text-theme {
	color: #368639;
}
.text-justify {
	text-align: justify;
}
.item-galery {
	height: 500px;
}

/* list style 20 */
.list-style-20 {
  list-style: none;
  margin: 0;
  padding: 0;

  li {
    line-height: 24px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    &:after {
      content: '\f146';
      font-family: Font Awesome\ 5 Free;
      position: absolute;
      left: 0px;
      top: 1px;
      z-index: 1;
      color: #DE3E4C;
    }

    &:hover {
      padding-left: 40px;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }
}

/* CSS for swipe plugin */
.swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 300px;
}

.swiper-slide img {
  display: block;
  width: 100%;
}
/* End CSS for swipe plugin */


/* CUSTOM CSS For Navbar */
.navbar-nav > li > a:hover {
	color: #368639; 
}
.navbar-nav > li.has-sub > a:hover {
	color: #368639; 
}
.navbar-nav li.current > a {
	color: #368639; 
}
.navbar-nav li.current > a:hover {
	color: #282b2d; 
}
.navbar-nav li > ul {
	background: #368639;
}
.navbar-nav li > ul a { 
	color: #e3e3e3;
}
.navbar-nav li > ul a:hover {
	color: #DEDB0E !important;
}
@media screen and (max-width: 991px){
	.navbar-toggler{
		background: #368639;
	}
	.navbar ul ul {
		background: #f5f5f5;
	}
	.navbar-nav li > ul a:hover {
		color: #282b2d !important;
	}
	#btnlink-pendaftaran
	{
		font-size: 20px !important;
	}
}
/* End Custom CSS for navbar */


/* CSS for Whatsapp button */
#wa-contact-us {
	bottom: 20px; /* Place the button at the bottom of the page */
	left: 30px; /* Place the button 30px from the right */
	background-color: #368639; /* Set a background color */
	border-radius: 10px; /* Rounded corners */
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	display: none; /* Hidden by default */
	font-size: 18px; /* Increase font size */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	padding: 15px; /* Some padding */
	position: fixed; /* Fixed/sticky position */
	z-index: 99; /* Make sure it does not overlap */
}
#wa-contact-us:hover, .wa-contact-us:active {
	color: #fff;
}
/* End CSS for Whatsapp button */

/* CSS for tour package box */
.tour-list {
	position: relative;
}
.tour-link {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	background-color: #FFD206 !important;
	border-radius: 20px !important;
	padding: 10px 15px 10px 15px;
}
/* End CSS for tour package box */

/* CSS untuk FAQ cicilan haji plus */
.faq-list {
	padding-left: 20px !important;
}