.products{
    .main{
        padding-top: 20px;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: space-between;
        .product{
            width: 300px;
            padding-bottom: 50px;
            img{
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
            p{
                padding-top: 10px;
                padding-bottom: 0;margin-bottom: 0;
            }
        }
    }
    .main-2{
        .title-heading{
            padding: 20px;
        }
        .product{
            display: flex;
            padding-bottom: 50px;
            .left, .right{
                width: 50%;
                padding: 0 20px;

                .outer{
                    height: 100%;
                    width: 100%;
                    overflow: hidden;
                    img{
                        height: 100%;
                        width: 100%;
                        object-fit: cover;
                        transition: .3s;
                        &:hover{
                            transform: scale(1.2);
                        }
                    }
                }
                p{
                    font-size: 14px;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }
            }
            @media(max-width:991px){
                flex-direction: column;
                .left, .right{
                    width: 100%;
                }
                &.product-2{
                    flex-direction: column-reverse !important;
                }
            }
            
        }
    }
}