#ce_wg_teaser h2 {
    text-align: center;
}

#ce_wg_teaser .teaser-section > .text {
    text-align: center;
}

#ce_wg_teaser .teaser-box {
    margin: 0 -10px;
}

#ce_wg_teaser .teaser-item {
    overflow: hidden;
}

#ce_wg_teaser .teaser-item.has-btn {
    cursor: pointer;
}

#ce_wg_teaser .teaser-item.no-image .teaser-info {
    border-top-left-radius: var(--border-radius-20);
    border-top-right-radius: var(--border-radius-20);
}

.section.section-default > div.frame-background-primary #ce_wg_teaser .teaser-item:hover .teaser-info {
    background-color: var(--primary-color-frame-box-hover);
}

.section.section-default > div.frame-background-secondary #ce_wg_teaser .teaser-item:hover .teaser-info {
    background-color: var(--secondary-color-frame-box-hover);
}

.section.section-default > div.frame-background-dark #ce_wg_teaser .teaser-item:hover .teaser-info {
    background-color: var(--dark-color-frame-box-hover);
}

#ce_wg_teaser .teaser-item .image {
    overflow: hidden;
    border-top-left-radius: var(--border-radius-20);
    border-top-right-radius: var(--border-radius-20);
}

#ce_wg_teaser .teaser-item img {
    max-height: 360px;
    height: auto;
    object-fit: cover;
    width: 100%;
    transition: transform 0.5s ease;
}

#ce_wg_teaser .teaser-item:hover img {
    transform: scale(1.1);
}

#ce_wg_teaser .teaser-item {
    padding: 0 10px;
    margin-bottom: 20px;
}

#ce_wg_teaser .teaser-item .teaser-info {
    padding: 25px;
    border-bottom-left-radius: var(--border-radius-20);
    border-bottom-right-radius: var(--border-radius-20);
}

.section.section-default > div.frame-background-primary #ce_wg_teaser .teaser-item .teaser-info {
    background-color: var(--primary-color-frame-box);
    transition: 0.5s;
}

.section.section-default > div.frame-background-secondary #ce_wg_teaser .teaser-item .teaser-info {
    background-color: var(--secondary-color-frame-box);
    transition: 0.5s;
}

.section.section-default > div.frame-background-dark #ce_wg_teaser .teaser-item .teaser-info {
    background-color: var(--dark-color-frame-box);
    transition: 0.5s;
}

@media (max-width: 991.98px) {
    #ce_wg_teaser .teaser-box {
        margin: 0;
    }

    #ce_wg_teaser .teaser-item {
        padding: 0;
    }
}

@media(min-width: 992px) {
    #ce_wg_teaser .teaser-box > .col-12.teaser-item:not([class*="col-xl-"]) img {
        height: 600px;
        max-height: 100%;
    }
}

@media (max-width: 575.98px) {
    #ce_wg_teaser .teaser-item img {
        max-height: 200px;
    }
}