body {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

.container {
	margin: auto;
	display: flex;
}

.custom-nav-ul > li > a {
	text-decoration: none;
	color: white;
	line-height: 90px;
	cursor: pointer;
	font-family: "Manrope";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	transition: all 0.3s ease;
	display: inline-block;
}

.custom-nav-ul li {
	list-style: none;
	transition: ease 0.3s all;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: transparent;
	z-index: 9999;
}

header #topnav {
	border-bottom: 1px solid #F8F6F4;
	transition: ease 0.3s all;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

header #topnav.nav-sticky {
	border-bottom: none;
}

.custom-nav-ul,
.custom-nav-div,
.navbar-brand {
	display: flex;
	align-items: center;
}

.custom-nav-ul {
	column-gap: 60px;
}

.custom-nav-div {
	flex-grow: 1;
}

.collapse-nav {
	width: 100%;
}

.custom-navbar {
	align-items: center;
	flex: 1 0 auto;
	/* padding: 0 10px; */
	column-gap: 140px;
}

.navbar-toggler {
	display: none;
}

#topnav.nav-sticky {
	background-color: black;
	transition: ease 0.3s all;
}

@media screen and (min-width:992px) {
	.mobile-view-menu {
		display: none;
	}

	.desktop-view-menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.right-nav-div .custom-nav-ul {
		justify-content: flex-end;
	}

	.custom-nav-ul {
        display: flex;
        margin: 0px;
    }

    .custom-nav-ul>li {
        /* height: 100px;
        display: flex;
        align-items: center;
        transition: ease 0.3s all; */
		position: relative;
    }

    .custom-nav-ul>li>.sub-menu li:hover {
        background-color: #606E67;
        transition: ease 0.3s all;
    }

    .custom-nav-ul li .sub-menu li {
		border-bottom: 1px solid #ffffff42;
	}

    .custom-nav-ul li .sub-menu li a {
        color: white;
        padding: 18px 15px 18px 52px;
        display: block;
        transition: ease 0.3s all;
		font-size: 15px;
		position: relative;
		letter-spacing: 0.65px;
    }
	.custom-nav-ul li .sub-menu li a:before{
		background-image: url("../image/submenu-icon.svg");
		content: "";
		position: absolute;
		top: 20px;
		margin: auto;
		height: 17px;
		width: 17px;
		left: 25px;
		display: block;
	}
	.custom-nav-ul li .sub-menu li:hover a{
		color: white;
	}

    .sub-menu {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-transition: 0.3s;
        transition: all 0.3s ease 0s;
        z-index: 999999;
        text-align: left;
        left: 0;
        top: 90px;
        width: 100%;
        min-width: 400px;
		border: 1px solid white;
        background-color: #1f1f1ffa;
        border-radius: 20px;
        overflow: hidden;
    }

    .custom-nav-ul li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
    }

    .sub-menu .arrow {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .sub-menu .arrow svg path {
        fill: white;
    }


	.custom-nav-ul > li > a::before, .custom-nav-ul > li.current-menu-item > a::before {
		position: absolute;
		content: "";
		width: 0%;
		height: 2px;
		background-color: #BD913E;
		left: 0;
		bottom: 30px;
		transition: all 0.3s ease;
	}

	.custom-nav-ul > li:hover > a, .active {
		color: #BD913E;
		transition: all 0.3s ease;
	}

	.custom-nav-ul > li:hover a::before,
	.custom-nav-ul > li.current-menu-item a::before,
	.active::before {
		width: 100%;
		transition: all 0.3s ease;
	}

	.custom-nav-ul > li:hover > .submenu-arrow svg {
        transform: rotateZ(-180deg);
        transition: ease 0.3s all;
    }
	.custom-nav-ul > li > .submenu-arrow svg{
		width:13px;
	}
	.custom-nav-ul > li > .submenu-arrow svg path{
		fill: white;
	}
	.custom-nav-ul > li.current-menu-item > a{
		color: #BD913E;
	}
	.custom-nav-ul > li > .sub-menu li.current-menu-item{
		background-color: #606E67;
	}
	.custom-nav-ul > li.current-menu-item > .submenu-arrow svg path,
	.custom-nav-ul > li:hover > .submenu-arrow svg path
	 {
		fill: #BD913E;
	}
	.custom-nav-ul > li > .submenu-arrow svg{
        margin-left: 7px;
        transform: rotateZ(0deg);
		transition: ease 0.3s all;
    }
	.service-menu-section ul li a {
		position: relative;
		transition: ease 0.3s all;
	}

	.service-menu-section ul li a:hover {
		text-decoration: none;
	}

	.service-menu-section ul li a:hover::before {
		width: 100%;
	}

	.service-menu-section ul li a:before {
		width: 0px;
		height: 2px;
		background-color: white;
		position: absolute;
		bottom: -2px;
		left: 0px;
		content: "";
		transition: ease 0.3s all;
	}

	.service-menu-section .current-menu-item a:before {
		width: 100%;
	}
    
}

@media screen and (max-width: 1360px) and (min-width: 992px) {
	.navbar-brand img {
		max-width: 120px;
	}

	.custom-navbar {
		column-gap: initial;
		justify-content: space-evenly;
	}

	.custom-nav-ul {
		column-gap: 30px;
	}
}

@media screen and (max-width: 992px) {
	header #topnav {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	.custom-navbar {
		justify-content: space-between;
	}

	.navbar-toggler,
	.collapse-nav,
	.custom-nav-ul li {
		display: flex;

	}

	.navbar-toggler {
		visibility: visible;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
	}

	.collapse-nav,
	.custom-nav-ul li,
	.custom-nav-ul {
		width: 100%;
	}

	.custom-nav-ul li {
		border-bottom: 1px solid #bd913e26;
		flex-wrap: wrap;
	}

	.custom-nav-ul li:last-child {
		border-bottom: none;
	}

	.custom-nav-ul {
		flex-direction: column;
	}

	.custom-nav-ul li a {
		line-height: initial;
		width: 100%;
		padding: 0 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 15px;
	}

	.custom-nav-div {
		position: absolute;
		right: -100%;
		background-color: rgb(255, 255, 255);
		max-width: 350px;
		top: 90px;
		z-index: 999;
		height: calc(100dvh - 87px);
		padding: 0px 0px 15px;
		transition: all 0.3s ease-in-out;
		overflow: auto;
		align-items: flex-start;
		box-shadow: 2px 7px 10px rgba(0, 0, 0, 0.2);
		width: 100%;
	}

	.custom-nav-div.show {
		right: 0px;
		transition: all 0.3s ease-in-out;
	}

	.mobile-view-menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.desktop-view-menu {
		display: none;
	}

	.custom-nav-ul li a {
		color: black;
	}

	.custom-nav-ul li {
		position: relative;
	}

	.submenu-arrow {
		position: absolute;
		top: 0px;
		right: 10px;
		width: 30px;
		height: 46px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 999;
		transition: ease 0.3s all;
		cursor: pointer;
	}

	.active-arrow {
		transform: rotate(-180deg);
		transition: ease 0.3s all;
	}

	.sub-menu {
		display: none;
		width: 100%;
	}

	.sub-menu li a {
		padding-left: 30px !important;
		font-size: 15px;
	}

	.custom-nav-ul li a {
		text-transform: initial;
	}

	.overflow {
		overflow: hidden;
	}

	.current_page_item > a {
		background-color: #bd913e;
		color: white !important;
	}


}

/* for responsive container */
@media screen and (min-width: 1760px) {
	.container {
		max-width: 1760px;

	}
}