h1{
    color: red;
    font-size: 5rem;
}
.header-logo{
   width: 166px!important;
    /* height: 100px; */
    /* background-color: blue; */
}
.header-logo img{
    width: 100%;
    height: auto;
}
.header-logo img:hover{
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

/* Custom styles for active service in sidebar */
.widget-categories ul li.active a {
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

.widget-categories ul li.active a i {
    color: inherit;
}

/* Prevent parent category list items from taking hover background */
.main-sidebar .single-sidebar-widget .widget-categories > ul > li {
    background-color: transparent !important;
}
.main-sidebar .single-sidebar-widget .widget-categories > ul > li:hover,
.main-sidebar .single-sidebar-widget .widget-categories > ul > li.active {
    background-color: transparent !important;
}

/* Service details sidebar: only child items should get hover/active backgrounds */
.service-categories > .service-category-list > li {
    background-color: transparent !important;
}
.service-categories > .service-category-list > li:hover,
.service-categories > .service-category-list > li.active {
    background-color: transparent !important;
}
.service-categories > .service-category-list > li > ul > li {
    background-color: var(--white);
    border-radius: 15px;
}
.service-categories > .service-category-list > li > ul > li:hover,
.service-categories > .service-category-list > li > ul > li.active {
    background-color: var(--theme);
}

.service-category-group,
.service-category-group:hover,
.service-category-group.active {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Force the sidebar widget container to stay neutral on hover */
.main-sidebar .single-sidebar-widget,
.main-sidebar .single-sidebar-widget:hover {
    background-color: transparent !important;
}
.main-sidebar .single-sidebar-widget .widget-categories > ul > li > h4 {
    margin-bottom: 10px;
}
/* Apply hover/active only to nested service items */
.main-sidebar .single-sidebar-widget .widget-categories > ul > li > ul > li {
    background-color: var(--white);
    border-radius: 15px;
}
.main-sidebar .single-sidebar-widget .widget-categories > ul > li > ul > li:hover {
    background-color: var(--theme);
}
.main-sidebar .single-sidebar-widget .widget-categories > ul > li > ul > li.active {
    background-color: var(--theme);
}