.card {
                border-radius: 20px;
                transition: .4s;
                background: #fff;
                overflow: hidden;
            }

            .card:hover {
                transform: translateY(-8px);
            }

            .card-img-top {
                width: calc(100% - 20px);
                /* Image ke charo taraf space */
                height: 260px;
                object-fit: contain;
                /* Puri image dikhegi */
                margin: 10px;
                border-radius: 15px;
                background: #f8f8f8;
            }

            /* Scroll Animation */
            .card-box {
                opacity: 0;
                transform: translateY(70px);
                transition: all .8s ease;
            }

            .card-box.show {
                opacity: 1;
                transform: translateY(0);
            }

            /* Delay */
            .card-box:nth-child(1) {
                transition-delay: .1s;
            }

            .card-box:nth-child(2) {
                transition-delay: .2s;
            }

            .card-box:nth-child(3) {
                transition-delay: .3s;
            }

            .card-box:nth-child(4) {
                transition-delay: .4s;
            }

            .card-box:nth-child(5) {
                transition-delay: .5s;
            }

            .card-box:nth-child(6) {
                transition-delay: .6s;
            }

            .card-body {
                padding: 15px;
            }


            .webcolor{
                 background: #3E2723;
            }