:root {
	--my-container-sm: 540px;
	--my-container-md: 720px;
	--my-container-lg: 960px;
	--my-container-xl: 1140px;
}


/* Burger button tanpa border */
.navbar-toggler {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 0.25rem;
}

/* Garis burger */
.toggler-icon {
	display: block;
	width: 24px;
	height: 2px;
	background-color: #222;
	margin: 5px 0;
	transition: all 0.3s ease;
}

/* Efek jadi X ketika aktif */
.navbar-toggler[aria-expanded="true"] .toggler-icon:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.navbar-toggler[aria-expanded="true"] .toggler-icon:nth-child(2) {
	opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .toggler-icon:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}



/* Navbar default transparan */
#mainNavbar {
	transition: top 0.3s ease;
	background: transparent;
}

/* Container default */
#mainNavbar .mainNavbarCollapse {
	transition: top 0.3s ease;
	margin: 10px auto;
}

/* Saat discroll */
#mainNavbar.scrolled {
	background: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Container jadi full */
#mainNavbar.scrolled .mainNavbarCollapse {
	max-width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	background: white;
}


#navbarNav {
	margin: 0;
	padding: .3rem 1rem;
	color: #000;
	background: transparent;
}

.goog-text-highlight {
	background: none !important;
	box-shadow: none !important;
}

span[style*="background-color"],
font[style*="background-color"] {
	background: none !important;
}

font {
	background: none !important;
	box-shadow: none !important;
}


/* Tambahan agar mirip */
.hero-home {
	background: linear-gradient(0deg, #1c612d, #4b554b);
	min-height: 65vh;
}

.hero {
	background: linear-gradient(0deg, #1c612d, #4b554b);
	min-height: 40vh;
}

.search-box-home {
	margin-top: 5vh;
	max-width: 500px;
}

.search-box {
	margin-top: 10vh;
	max-width: 700px;
}

.help {
	background: linear-gradient(135deg, #054408, #2d8844);
}

.icon-circle {
	font-size: 2rem;
}

.flags {
	background-color: #494949;
	height: 40px;
	display: flex;
	align-items: center;
}

.flags img {
	width: 20px !important;
	cursor: pointer;
	margin: 0 5px;
	border: 2px solid transparent;
	transition: 0.2s;
	height: 30px;
}

/* .flags img.active {
	border: 2px solid #000;
	border-radius: 5px;
} */

/* Sembunyikan semua elemen bawaan Google Translate */
#google_translate_element,
.goog-te-banner-frame,
.goog-te-menu-frame,
.goog-te-balloon-frame,
.goog-logo-link,
.goog-te-gadget,
.skiptranslate {
	display: none !important;
}

body {
	top: 0px !important;
	/* hilangkan space dari google translate */
}

/* Default transparan */
#mainNavbar {
	background-color: transparent;
	transition: background-color 0.3s, box-shadow 0.3s;
	top: 30px;
	width: 100%;
	height: 70px;
	position: fixed;
	transition: top 0.5s ease;
	z-index: 1000;
}

#mainNavbar .nav-link {
	font-weight: 500;
	color: #fff !important;
	transition: color 0.3s;
}

#mainNavbar .nav-item .btn {}

#mainNavbar .nav-item .btn:hover {
	color: #fff !important;
	background-color: #198754 !important;
	border-color: #198754 !important;
}

#mainNavbar .navbar-brand {
	color: white !important;
	transition: color 0.3s;
}

/* Saat discroll */
#mainNavbar.scrolled {
	top: 0 !important;
	background-color: white !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#mainNavbar.scrolled .nav-link,
#mainNavbar.scrolled .navbar-brand {
	color: black !important;
}

#mainNavbar.scrolled .btn-outline-light {
	color: black !important;
	border-color: black !important;
}

.table td {
	font-size: 15px;
}

.table th {
	font-size: 13px;
}


.banner_search_form .form-control {
	height: 60px;
	border-radius: 4px;
	padding-left: 20px;
	font-size: 14px;
	border: 0;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
	color: #1d2746;
}

.banner_search_form button {
	padding: 5px 25px;
	font-size: 20px;
	background: #50ce6b;
	color: #fff;
	text-align: center;
	border: 0;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	transition: all 0.4s linear;
}

font[style*="vertical-align: inherit"] {
	vertical-align: unset !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #157347;
}

.nav-link {
	color: #157347;
}

.nav-link:hover {
	color: #157347;
}


.tab-content .item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.tab-content .icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f8ff;
	margin-right: 20px;
	font-size: 40px;
	line-height: 0 !important;
}

.tab-content h5 {
	margin: 0 0 5px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active  {
    border-radius: 0;
    border: 0;
    color: #6b707f;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    transition: color 0.2s linear;
    background: transparent;
}

.nav-tabs .nav-link {
    font-size: 15px;
	color: #6b707f;
}

.nav-tabs .nav-link.active  {
    color: #084215;
    border: 0;
	border-bottom: 2px solid #084215;
}

.nav-tabs .nav-link:hover  {
    color: #084215;
    border: 0;
	border-bottom: 2px solid #084215;
}


/* Background putih hanya untuk mobile collapse */
@media (max-width: 991.98px) {
	#navbarNav {
		width: 100%;
		background: #fff;
	}

	#navbarNav .nav-link {
		color: #000 !important;
	}

	#mainNavbar .nav-link {
		color: #000 !important;
	}

	#navbarNav .btn {
		border-color: #000;
		color: #000;
	}
	.hero-home {
    	padding-top: 70px;
    }

	.border-bawah {
		border-bottom: 1px solid #eee !important;
	}
}