:root {
	--bs-primary: #f5b44e;
	--bs-secondary: #060606;
	--brand-logo: #8f995b;
}

body{
/* this background color also can be used : #ffc02b0d */
        background: #f6f6f6 !important;
	font-family: "Helvetica", sans-serif;
    }


img {
	width: 100%;
	display: inline-table;
}

.bg-primary-custom {
	background-color: var(--bs-primary) !important;
}
.text-primary-custom {
	color: var(--bs-primary) !important;
}
.border-primary-custom {
	border-color: var(--bs-primary) !important;
}
.bg-secondary-custom {
	background-color: var(--bs-secondary) !important;
}
.text-secondary-custom {
	color: var(--bs-secondary) !important;
}
.text-brand-logo {
	color: var(--brand-logo) !important;
}
.hover-bg-yellow-600:hover {
	background-color: #d89635;
}
.transition-colors {
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out,
		border-color 0.3s ease-in-out;
}

.carousel-indicators [data-bs-target] {
	background-color: var(--bs-primary);
	width: 2rem;
	height: 0.5rem;
	border-radius: 0.5rem;
	margin-right: 0.25rem;
	margin-left: 0.25rem;
}
.carousel-indicators {
	bottom: 1rem;
}
.carousel-caption h5 {
	font-size: 2.25rem;
}
.carousel-caption p {
	font-size: 1.125rem;
}

.card-img {
	height: 100%;
	background-size: cover;
	background-position: center;
}

.card-hover-effect:hover {
	transform: translateY(-0.5rem);
}
.card-hover-effect {
	transition: transform 0.3s ease-in-out;
}

.nav-link.bg-primary-custom {
	color: var(--bs-secondary) !important;
}
.nav-link.bg-white:hover {
	background-color: var(--bs-primary) !important;
}

.text-logo-orange {
	color: #f97316 !important;
}
.hover-text-logo-orange:hover {
	color: #f97316 !important;
}

.text-logo-yellow {
	color: #f5b44e !important;
}

.bg-gradient-yellow {
	background-color: #f5b44e;
	background-image: linear-gradient(to right, #f5b44e, #f97316);
}
.shadow-md {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.hover-shadow-lg:hover {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.transition-shadow {
	transition: box-shadow 0.3s ease-in-out;
}

.dropdown-group:hover .dropdown-menu-custom {
	opacity: 1;
	visibility: visible;
}
.dropdown-group .dropdown-menu-custom {
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	display: block;
	min-width: 12rem;
}
.dropdown-group:hover .dropdown-toggle-icon {
	transform: rotate(180deg);
}
.dropdown-group .dropdown-toggle-icon {
	transition: transform 0.2s ease-in-out;
}

.mobile-menu-custom {
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transform: translateY(-100%);
	display: none;
}
.mobile-menu-custom.show-mobile-menu {
	transform: translateY(0);
	display: block;
}

.mobile-menu-custom a:hover {
	color: #fdbf68 !important;
}

.absolute-form-wrapper {
	display: none;
}

/* Adjust position for desktop (lg breakpoint) to align it within the image section */
@media (min-width: 996px) {
	.absolute-form-wrapper {
		position: absolute;
		width: 95%; /* Full width on small screens */
		max-width: 400px; /* Constrain width on mobile/tablet */
		top: 15%;
		left: 7%;
		transform: translateX(0);
		display: block;
	}
}


/* Custom CSS for Hover Dropdown and Multi-Level Functionality */

    /* Mobile Menu Chevron Rotation */
    .mobile-group .mobile-chevron {
        transform: rotate(0deg);
        transition: transform 0.2s ease-in-out;
    }

    .mobile-group .mobile-menu-link[aria-expanded="true"] .mobile-chevron {
        transform: rotate(180deg);
    }

    .mobile-group-nested .mobile-chevron-nested {
        transform: rotate(0deg);
        transition: transform 0.2s ease-in-out;
    }

    .mobile-group-nested .mobile-menu-link-nested[aria-expanded="true"] .mobile-chevron-nested {
        transform: rotate(180deg);
    }


    @media (min-width: 768px) {
        .dropdown-group:hover>.dropdown-menu {
            display: block;
        }

        .dropdown-group:hover .dropdown-toggle-icon {
            transform: rotate(180deg);
        }

        .nested-dropdown-group:hover>.dropdown-menu {
            display: block;
        }

        .nested-dropdown-group>.dropdown-menu {
            margin-top: -3px;
            /* Align vertically with the parent item */
            margin-left: 0.1rem;
            /* Small gap from parent menu */
        }

        /* Prevent the top-level menu from hiding when hovering on the nested menu */
        .dropdown-menu .dropend .dropdown-menu {
            left: 100%;
            /* Position to the right of the parent item */
            top: 0;
        }

        /* Visual tweak to indicate a nested menu */
        .nested-dropdown-toggle::after {
            border-right: 0.3em solid transparent;
            border-top: 0.3em solid;
            border-left: 0.3em solid transparent;
            transform: rotate(-90deg);
            /* Change from down arrow to right arrow */
            margin-left: 0.5em;
        }

        /* Ensure the main dropdown stays open when hovering over its nested child */
        .dropdown-group:hover>.dropdown-menu {
            visibility: visible;
            opacity: 1;
        }
    }