/* Card 1 - Marketing & Sales (blue tint) */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item:first-child .grb-list {
    background: #deeeff !important;
    border-radius: 16px !important;
    padding: 20px !important;
    min-height: 800px !important;
    max-height: 800px !important;
}

/* Card 2 - Customer Service (peach tint) */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item:nth-child(2) .grb-list {
    background: #0a994830 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    min-height: 800px !important;
    max-height: 800px !important;
}

/* Card 3 - Analytics & AI (lavender tint) */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item:last-child .grb-list {
    background: #dfe5fd !important;
    border-radius: 16px !important;
    padding: 20px !important;
    min-height: 800px !important;
    max-height: 800px !important;
}

/* Media element white pill inside each card */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item .grb-list.centered .media-element {
    background: #fff !important;
    border-radius: 16px !important;
}

/* Override centered text alignment to left */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item .grb-list.centered {
    text-align: left !important;
}

/* Remove extra padding on description paragraphs */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item .grb-list.bs-mtList-wgt .li-description p {
    padding-left: 0 !important;
}

/* Remove extra padding on list items */
.bs-section:nth-of-type(4) article.foreground-layer .carousel .owl-item .grb-list.bs-mtList-wgt .li-description ul li {
    padding-left: 0 !important;
}

/* Media element height inside cards */
.bs-section:nth-of-type(4) article.foreground-layer .bs-mtList-wgt .li-item .media-element {
    background: #fff !important;
    border-radius: 16px !important;
    height: 242px !important;
}
.bs-track-filter-tab {
    display:none !important;
}
.bs-section.community-section-banner .main-banner article.foreground-layer {
    min-height: calc(100vh - 72px) !important;
    flex-direction: row !important;
}