.block--home-our-solution{
    border-top: 1px solid #BABBB4;
    border-bottom: 1px solid #BABBB4;
    background: #9A99FF;
    padding: 160px 0;
    position: relative;
    @media screen and (max-width: 950px) {
        padding: 80px 0;
    }
    & .bottom-left{
        position: absolute;
        left: 0;
        bottom: 0;
        pointer-events: none;
        max-width: 100%;
    }
    & .solution-top-row{
        display: grid;
        grid-template-columns: 1fr 1.4fr 1fr;
        gap: 30px;
        align-items: end;
        margin-bottom: 72px;
        @media screen and (max-width: 950px) {
          grid-template-columns: 1fr;
          margin-bottom: 32px;
        }
        & p.desc{
            font-family: var(--wp--preset--font-family--area);
            color: #1B1C30;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
        }
        & h2{
            color: #1B1C30;            
            font-family: var(--wp--preset--font-family--area);
            font-size: 48px;
            font-style: normal;
            font-weight: 900;
            line-height: 120%; /* 57.6px */
            letter-spacing: 0.48px;
        }
        & mark{
            background-color: transparent;
            color: #B2CFFF;
            font-size: clamp(1.875rem, 1.075rem + 2vw, 2.875rem);
        }
    }
    & .solu-cards{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 24px;
        @media screen and (max-width: 950px) {
          grid-template-columns: 1fr 1fr;
        }
        @media screen and (max-width: 550px) {
          grid-template-columns: 1fr;
        }
        & > div{

            display: flex;
            flex-direction: column;
            justify-content: space-between;
            
            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);
            @media screen and (max-width: 550px) {
                padding: 18px;
            }
            & h3{
                color: #F4F3EC;                
                font-family: var(--wp--preset--font-family--area);
                font-size: clamp(1.25rem, 0.65rem + 1.5vw, 2rem);
                font-style: normal;
                font-weight: 800;
                line-height: 140%;
                letter-spacing: 0.32px;
                margin-top: 26px;
                margin-bottom: 24px;
                & highlight{
                    color: #9A99FF;
                }
            }
            & .heading{
                color: #BABBB4;
                font-family: var(--wp--preset--font-family--area);
                font-size: clamp(0.875rem, 0.775rem + 0.25vw, 1rem);
                font-style: normal;
                font-weight: 600;
                line-height: 150%; /* 24px */
                margin-bottom: 0;
            }
            & .desc{
                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%;
                margin-bottom: 42px;
            }
        }
    }
}