.block--product-feature {
    position: relative;
    padding: 160px 0px;
    @media screen and (max-width: 768px){
            padding: 80px 0px;
    }
    & .top-right{
        position: absolute;
        top: 0;
        right: 0;
    }
    & .wp-block-heading.has-area-font-family mark:nth-child(1){
        font-family: var(--wp--preset--font-family--area) !important;
        text-transform: none;
    }    
    & .card-container{
        margin-top: 52px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 24px;        
        @media screen and (max-width: 768px){
            grid-template-columns: 1fr 1fr;
        }
        @media screen and (max-width: 570px){
            grid-template-columns: 1fr;
        }
        & .card{
            padding: 42px 32px;
            border: 0.5px solid #B2CFFF;
            background: #1B1C30;
            box-shadow: 0px 0px 20px 0px rgba(154, 153, 255, 0.20);
            backdrop-filter: blur(210px);
            &:hover{
                cursor: pointer;
                box-shadow: 0px 0px 50px 50px rgba(154, 153, 255, 0.20);
            }
            & .head{
                display: flex;
                gap: 26px;
                align-items: center;
                & h3{
                    color: #F4F3EC;                    
                    font-family: var(--wp--preset--font-family--area);
                    font-size: clamp(0.875rem, 0.575rem + 0.75vw, 1.25rem);
                    font-style: normal;
                    font-weight: 800;
                    line-height: 140%;
                    letter-spacing: 0.2px;
                    width: 150px;
                    margin-bottom: 0;
                }
            }
            & p{
                margin-top: 24px;
                color: #BABBB4;
                font-family: var(--wp--preset--font-family--area);
                font-size: clamp(0.75rem, 0.55rem + 0.5vw, 1rem);
                font-style: normal;
                font-weight: 100;
                line-height: 150%; /* 24px */
            }
        }
    }
}