.featured-category-block{
    .container-fluid {
        max-width: var(--wp--style--global--content-size) !important;
        padding: 0 0 90px 0;
    }
    .featured-category-cols{
        display: flex;
        flex-direction: row;
        align-items: self-end;
        justify-content: center;
        flex-wrap: wrap;
        gap: 28px;
        margin-top: 31px;
            a{
                text-decoration: none;
                display: block;
                &:hover{
                    text-decoration: none;
                        .featured-post-thumbnail {
                            img{
                                transform: scale(1.05);
                                transition: all 0.3s ease-in-out;
                            }
                        }
                }
            }
            .top-label, h3{
                margin-bottom: 5px;
            }
            .as-excerpt{
                margin-bottom:0;
                font-size: 16px;
                line-height: 24px;
            }
            .featured-post-thumbnail{
                aspect-ratio: 1/0.74;
                overflow: hidden;
                border-radius: 0 100px 0 0;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center;
                        transition: all 0.3s ease-in-out;
                    }
            }
            .categ-info{
                padding:50px 0;
                border-bottom:solid 1px #DCE2E6;
                margin-bottom: 50px;
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                gap: 20px;
                    .category-name{
                        font-size: 32px;
                        line-height: 1.1;
                        margin-bottom:0;
                        text-align: left;
                        font-family: var(--wp--preset--font-family--outfit);
                        font-weight: 500;
                    }
            }
            .first-col-wrapper{
                width: 41%;
                    .featured-post-txt{
                        padding:40px 45px 48px;
                        background-color: var(--wp--preset--color--x-light-grey);
                    }
            }
            .second-col-wrapper{
                width: 56%;
                    .featured-post-item{
                        &:not(:last-child){
                            margin-bottom: 40px;
                        }
                        h3{
                            font-size: 24px;
                        }
                        a{
                            display: flex;
                            width: 100%;
                            flex-direction: row;
                            align-items: center;
                            justify-content: flex-start;
                            gap: 31px;
                        }
                    } 
                    .featured-post-thumbnail{
                        border-radius: 0 70px 0 0;
                        width:257px;
                        flex-shrink: 0;
                    }
            }
            .featured-category-cta{
                margin-top: 4px;
                border-top:solid 1px #DCE2E6;
                padding-top: 33px;
                text-align: center;
                    h3{
                        font-size: 24px;
                        margin-bottom: 21px;
                    }
                    .gform_wrapper{
                        margin: 0 auto;
                        max-width: 100%;
                        width: 70%;
                        position: relative;
                        text-align: left;
                        height:54px;
                        border-radius: 4px;
                        border:solid 1px #DCE2E6;
                            .gfield [type="email"]{
                                height:52px;
                                border:none;
                                padding: 0 18px;
                                font-size: 16px;
                                margin-right:65px;
                                outline: none;
                                background-color: transparent;
                            }
                            .gform-footer{
                                margin-block-start: 0;
                            }
                            .gform_validation_errors{
                                display: none !important;
                            }
                            .gform_button{
                                position: absolute;
                                right: 0;
                                top: 0;
                                height: 52px !important;
                                width: 59px !important;
                                padding: 0 !important;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                background-color: var(--wp--preset--color--primary) !important;
                                background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 1.21875L13.75 6.46875C13.9062 6.625 14 6.8125 14 7.03125C14 7.21875 13.9062 7.40625 13.75 7.5625L8.25 12.8125C7.96875 13.0938 7.46875 13.0938 7.1875 12.7812C6.90625 12.5 6.90625 12 7.21875 11.7188L11.375 7.78125H0.75C0.3125 7.78125 0 7.4375 0 7.03125C0 6.59375 0.3125 6.28125 0.75 6.28125H11.375L7.21875 2.3125C6.90625 2.03125 6.90625 1.53125 7.1875 1.25C7.46875 0.9375 7.9375 0.9375 8.25 1.21875Z' fill='white'/%3E%3C/svg%3E");
                                background-repeat: no-repeat;
                                background-position: center;
                                color: var(--wp--preset--color--white);
                                border:none !important;
                                outline: none !important;
                                text-indent: -9999px;
                                flex-shrink: 0;
                                cursor:pointer;
                                    &:hover{
                                        background-color: var(--wp--preset--color--primary-hover);
                                    }
                            }
                    }
            }
    }
    .mobile-use{
        display: none !important;
    }
    
}



@media (max-width: 1199px){
    .featured-category-block{
        .featured-category-cols {
            align-items: flex-start;
        }
        .mobile-hide{
            display: none !important;
        }
        .mobile-use{
            display: block !important;
            padding:0 !important;
            border-bottom:none !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            flex-shrink: 0 !important;
            .category-name{
                text-align: center !important;
            }
            .wp-block-buttons{
                justify-content: center !important;
                margin-top:26px;
            }
        }
    }
}

@media (max-width: 1000px){
    .featured-category-block {
        & .featured-category-cols {
            gap:2%;
            .first-col-wrapper {
                width: 48%;
            }
            .second-col-wrapper {
                width: 50%;
                    .featured-post-thumbnail {
                        border-radius: 0 50px 0 0;
                        width: 157px;
                        align-self: flex-start;
                    }
                    h3 {
                        font-size: 20px !important;
                    }
            }
            .mobile-use{
                margin-bottom:35px !important;
            }
        }
    }
}

@media (max-width: 880px){
    .featured-category-block {
        & .featured-category-cols {
            .second-col-wrapper {
                .featured-post-thumbnail {
                    border-radius: 0 35px 0 0;
                    width: 130px;
                }
                .as-excerpt {
                    display: none !important;
                }
            }
        }
    }
}

@media (max-width: 767px){
    .featured-category-block {
        & .featured-category-cols {
            flex-direction: column;
            .first-col-wrapper {
                width: 100%;
            }
            .second-col-wrapper {
                width:100%;
                margin-top:36px;
            }
        }
    }
}

@media (max-width: 680px){
    .featured-category-block {
        & .featured-category-cols {
            .second-col-wrapper {
                .featured-post-thumbnail {
                    border-radius: 0 22px 0 0;
                    width: 103px;
                }
            }
        }
    }
}

@media (max-width: 500px){
    .featured-category-block {
        & .featured-category-cols {
            & .featured-category-cta {
                .gform_wrapper {
                    width: 100%;
                }
            }
        }
    }
}