#comparison {
    padding-block: 160px;

    .wrap {
        display: grid;
        gap: 40px;
    }

    .heading {
        display: grid;
        gap: 20px;
    }

    .points {
        display: grid;

        .item {
            position: relative;
            transition: all 0.3s ease;
            position: relative;
            display: flex;
            align-items: center;
            gap: 12px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            padding-block: 50px;

            i {
                font-size: 26px;
                color: var(--primary);

                &:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    transition: all 1s;

                    background-color: #0000;
                    background-image: radial-gradient(transparent 1px, #000 1px);
                    background-size: 3px 3px;
                }

            }

            span {
                text-box: cap alphabetic;
                font-family: var(--font-heading);
                text-transform: uppercase;
                font-size: 100px;            
                font-weight: 600;    
                position: relative;
                overflow: hidden;

                div {
                    text-box: cap alphabetic;                  
                    font-family: var(--font-heading);
                    text-transform: uppercase;
                    font-size: 100px;            
                    font-weight: 600;                       
                }
            }
        }
    }
}