.elementor-98 .elementor-element.elementor-element-8c76e4d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-98 .elementor-element.elementor-element-9c23afb.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-9c23afb */.custom-megamenu .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
}

.custom-megamenu .card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.custom-megamenu .card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.custom-megamenu .card:hover {
    transform: translateY(-5px);
}

.custom-megamenu .card-title {
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.custom-megamenu .card-title {
    color: #000 !important;
}

.custom-megamenu .card-title a {
    color: #000 !important;
    text-decoration: none;
}
@media (max-width: 900px) {
    .custom-megamenu .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .custom-megamenu .grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */