.c-infobox {
    .uabb-infobox-content {
        .uabb-imgicon-wrap {
            .c-infobox-img-noborder & {
                margin: 0;

                img {
                    border-radius: var(--border-radius) var(--border-radius) 0 0;
                    height: 250px!important;
                    object-fit: cover;
                }
            }
        }
        .uabb-infobox-title-wrap {
            .c-infobox-img-noborder & {
                margin: 0;
                padding: 0 20px;
            }

            .uabb-infobox-title-prefix {
                font-weight: var(--font-weight-title);
                font-size: var(--fs-xxs);
                letter-spacing: 0;
                text-transform: uppercase;
                width: fit-content;
                color: var(--primary);

                .c-infobox-center-pretitle & {
                    text-align: center;
                    display: inline;
                }
            }
            .uabb-infobox-title {
                .c-infobox.c-infobox-sm-title & {
                    font-size: var(--fs-sm);
                }

                .c-infobox.c-infobox-md-title & {
                    font-size: var(--fs-md);
                }

                .c-infobox.c-infobox-lg-title & {
                    font-size: var(--fs-lg);
                }
                
                .c-infobox.c-infobox-xl-title & {
                    font-size: var(--fs-xl);
                }

                .c-infobox.c-infobox-xxl-title & {
                    font-size: var(--fs-xxl);
                }
            }
        }
        .uabb-infobox-text-wrap {
            .c-infobox-img-noborder & {
                margin-bottom: 20px;
                padding: 0 20px;
            }
            .uabb-infobox-text {
            
            }
            .uabb-infobox-button {
            }
        }
    }
}

.fl-module.c-grid-infobox {
    @media (max-width: 1600px) {
        grid-column: 1/10;
    }
}

.c-grid-hover.fl-module {
    grid-template-columns: 1.3fr 0.5fr 0.5fr 0.5fr;
    transition: 300ms ease-in-out;

    &:has(*:nth-child(2):hover) {
        grid-template-columns:  0.5fr 1.3fr 0.5fr 0.5fr;
    }
    &:has(*:nth-child(3):hover) {
        grid-template-columns:  0.5fr 0.5fr 1.3fr  0.5fr;
    }
    &:has(*:nth-child(4):hover) {
        grid-template-columns:  0.5fr 0.5fr 0.5fr 1.3fr;
    }

    .c-grid-hover-item {
        .uabb-infobox { 
            z-index: 99;

            .uabb-infobox-title-prefix {

            }

            .uabb-infobox-title {
                font-weight: medium;
                letter-spacing: -1.58px;
                text-transform: uppercase;
            }

            * {
                color: white; 

            }

            }
        position: relative;

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg,rgba(25, 33, 61, 1), rgba(25, 33, 61, 0.18));
            border-radius: 8px;
            pointer-events: none;
            opacity: 0.5;
        }
    }
}

.c-post {
    .uabb-blog-posts {
        .uabb-post-wrapper {
            .uabb-blog-posts-shadow {
                .uabb-blog-post-inner-wrap {
                    .uabb-post-thumbnail {
                        img {
                            border-radius: 8px 8px 0 0;
                            height: 280px;
                            object-fit: cover;
                        }
                    }

                    .uabb-blog-post-content {
                        .uabb-post-meta {
                            font-size: var(--fs-xxs);
                            text-transform: capitalize;
                            display: flex;
                            align-items: center;
                            justify-content: flex-start;

                            &::before {
                                content: '';
                                display: inline-block;
                                width: 22px;
                                height: 1px;
                                margin-right: 14px;
                                background: #515448;
                            }
                        }

                        .uabb-post-heading {
                            font-size: var(--fs-md);
                            transition: var(--transition);
                            width: fit-content;

                            &:hover {
                                color: var(--primary);
                            }
                        }

                        .uabb-blog-posts-description {

                        }
                    }
                }
            }
        }
    }
}