.pb-clover {
    overflow: hidden;
}
.pb-clover .container {
    max-width: 800px !important;
}

.pb-clover .css-grid {
    --width: 280px;
    --gap: 1.75rem;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15));
}

.pb-clover [class*="s-clover"] {
    transform: scale3d(1, 1, 1);
}

.pb-clover .dropdown-menu a,
.pb-clover .dropdown-menu a:hover {
    color: #53565a !important;
}

.pb-clover .s-clover-1 {
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    border-radius: 50% 50% 0 50%;
    z-index: 20;
}

.pb-clover .s-clover-1 .aspect-ratio--object {
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
}

.pb-clover .s-clover-2 {
    overflow: hidden;
    -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
    border-radius: 50% 50% 50% 0;
}

.pb-clover .s-clover-2 .aspect-ratio--object {
    -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
}

.pb-clover .s-clover-3 {
    overflow: hidden;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    border-radius: 0 50% 50% 50%;
    z-index: 18;
}

.pb-clover .s-clover-3 .aspect-ratio--object {
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}

.pb-clover .s-clover-4 {
    overflow: hidden;
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    border-radius: 50% 0 50% 50%;
}

.pb-clover .s-clover-4 .aspect-ratio--object {
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
}

.pb-clover .s-clover-1,
.pb-clover .s-clover-2,
.pb-clover .s-clover-3,
.pb-clover .s-clover-4,
.pb-clover .aspect-ratio--object {
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}


.pb-clover [class*="s-clover"]:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1);
        -ms-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1);
}

.pb-clover [class*="s-clover"]:hover .aspect-ratio--object {
    -webkit-transform: scale3d(1.05, 1.05, 1);
        -ms-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1);
}

.pb-clover p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pb-clover .desktop {
    display: grid;
}

.pb-clover .mobile {
    display: none;
}

@media (max-width: 950px) {
    .pb-clover .css-grid {
        width: 90% !important;
    }
}

@media (max-width: 650px) {
    .pb-clover .container {
        width: 90% !important;
    }

    .pb-clover .css-grid {
        --width: 1fr !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .pb-clover .desktop {
        display: none;
    }

    .pb-clover .mobile {
        display: grid;
    }

    .mobile .full-text * {
        text-align: center !important;
    }

}

@media (max-width: 400px) {
    .pb-clover h4 {
        font-size: 1.25rem !important;
    }
    .pb-clover p {
        font-size: 1rem !important;
    }
    .pb-clover .cta {
        padding: 0.4em 0.6em;
    }
}