/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 19 2025 | 19:29:19 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.main_menu li.menu-item a {
    position: relative;
    min-width: 90px;
    display: inline-flex;
    justify-content: center;
}

.main_menu li.menu-item a:after {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #000 !important;
    opacity: 1 !important;
}

.main_menu li.menu-item:last-child a:after {
    display: none;
}

.main_menu li.menu-item a:hover, .main_menu li.menu-item.current_page_item  a {
        background: #f77833;
}
.ul_gap ul{
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.op_03{
	opacity: 0.3;
}
.top_c  .elementor-icon-box-wrapper h3.elementor-icon-box-title {
    margin: 0;
}
p:last-child{
	padding-bottom: 0;
	margin-bottom: 0
}

@media (max-width:1024px) {
.main_menu nav.elementor-nav-menu--dropdown {
	position: absolute;
	left: -16px;
	z-index: 9999;
	width: 100vw;
	right: auto;
	top: 90px !important;
	margin: 0 !important;
	max-height: calc(100vh - 110px) !important;
	overflow: auto;
}

.main_menu .elementor-menu-toggle {
    margin: auto;
}
    .main_menu li.menu-item a:after {
    display: none;
}
.main_menu li.menu-item a{
    width: 100%;
}
}
@media (max-width:767px) {
    .main_menu nav.elementor-nav-menu--dropdown{
       top: 90px !important;
        left: -16px;
    }
	.bg_dark_mob{
		background-image: none !important;
		background-color: #131919 !important
	}
}