/**=====================
     NAV CSS Start
==========================**/
#accordionoc {

	#collapseicon,
	#collapseicon1 {
		padding-top: 0px;
	}

	li {
		button {
			display: flex;
			align-items: center;
		}
	}
}

.navs-icon {
	&.default-according {
		&.style-1 {
			li {
				button {
					position: relative;

					&:hover {
						color: var(--theme-color) !important;
					}
				}

				button[aria-expanded="true"] {
					&:before {
						right: 2px;
						top: 6px;
					}
				}

				button[aria-expanded="false"]:before {
					right: 2px;
					top: 6px;
				}
			}
		}
	}
}

.navs-icon {
	padding: 30px;

	li {
		padding: 9px 0;

		a {
			color: $theme-body-font-color;

			&:hover {
				color: var(--theme-color);
			}
		}

		ul {
			padding-top: 9px;
		}
	}
}

.onhover-dropdown {
	&.navs-dropdown {
		&:hover {
			.onhover-show-div {

				&:before,
				&:after {
					right: 77px;
					left: unset;
				}
			}
		}
	}
}

.icon-lists {
	font-family: $font-rubik, $font-serif;
}

.pl-navs-inline {
	padding-left: 30px !important;
}

.inline-nav {
	li {
		line-height: 1.3;
	}
}