.other-products{
    padding: 80px;
    position: relative;
}
.card-list{
    display: grid;
    list-style: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0;
    .card{
        display: flex;
        flex-direction: column;
        gap: 20px;
        .text{
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 0 20px;
            font-family: 'Manrope', sans-serif;
            h3{
                margin: 0;
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%; /* 41.6px */
                letter-spacing: -0.64px;

                span{
                    background: #015d3f;
                    margin: 10px;
                    padding: 3px 35px;
                    color: #fff;
                    font-size: 24px;
                    border-radius: 15px;
                }
            }
            p{
                margin: 0;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 150%; /* 24px */
                letter-spacing: -0.32px;
            }
        }
        img{
            aspect-ratio: 16 / 9;
            width: 100%;
            align-self: stretch;
            border-radius: 23px;
            object-fit: contain;
        }
    }
    &::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #c6c6c600;
    }

}
@media (max-width: 784px){
    main{
        .other-products{
            padding: 20px;
            h2{
                color: #005D3F;
                font-family: Forum;
                font-size: 40px;
                font-style: normal;
                font-weight: 400;
                line-height: 86%; /* 34.4px */
                letter-spacing: -0.4px;
            }
            .card-list{
                grid-template-columns: 1fr;
                .card{
                    h3{
                        font-family: Manrope;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 150%; /* 36px */
                        letter-spacing: 0.24px;
                    }
                    p{
                        font-family: Manrope;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 140%;
                    }
                }
            }
        }
    }
}