
            .animate__animated.animate__pulse,
            .animate__animated.animate__jello {
                animation-iteration-count: infinite;
            }

            .my-1 {
                margin: 0.4em 0;
            }

            .grid-container {
                position: relative;
                height: 376px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr;
                grid-gap: 0;
                align-items: start;
                border-radius: 20px 20px 0px 0px;
                overflow: hidden;
            }

            .grid-container>.main-photo {
                max-width: 100%;
                display: flex;
                gap: 1px;
                height: 100%;
                width: 100%;
            }

            .flex-container {
                display: flex;
                flex-wrap: wrap;
                grid-gap: 0em;
            }

            .flex-container>div {
                border: 1px solid #ffffff;
                position: relative;
                height: 188px;
                width: 33%;
            }

            .contacts>div {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 10px;
            }

            @media (max-width: 767px) {
                .grid-container {
                    height: 287px;
                    grid-template-columns: 1fr;
                }

                .flex-container>div {
                    border: 1px solid #ffffff;
                    position: relative;
                    height: 72px;
                    width: 50%;
                }

                .business-title {
                    font-size: 20px;
                    text-transform: capitalize;
                }
            }

            .btn {
                margin-top: 0;
                padding: 14px 20px;
                letter-spacing: 0;
            }

            hr {
                margin: 7px 0;
            }

            .business-gallery {
                display: flex;
                flex-wrap: nowrap;
                gap: 10px;
                overflow-x: auto;
            }

            .business-gallery>div {
                min-width: 150px;
            }

            .business-gallery>div>img {
                width: 100%;
            }

            /* scheduling */
            .table-responsive {
                padding: 0.5em;
            }

            .modal .d-flex {
                column-gap: 10px;
            }

            .modal .card {
                align-self: flex-end;
                min-width: 100px;
                background: #ECE9E6;
                background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
                background: linear-gradient(to right, #FFFFFF, #ECE9E6);
                box-shadow: 0px 0px 4px 2px #b3b2b2;
                border-radius: 0;
                font-size: small;
                animation-duration: 1s;
                transform-origin: bottom;
                padding: 10px 0;
            }

            /*.card{
          transition: all 0.5s ease-out;
         }*/
            .card.active {
                border: 2px solid #ffc6b3;
                box-shadow: 4px 4px 0px 0px #ffc6b3;
            }

            .card:hover {
                border: 1px solid #ffc6b3;
                box-shadow: 4px 4px 0px 0px #ffc6b3;
                animation-iteration-count: infinite;
                animation-name: bounce;
                animation-timing-function: ease;
            }

            @keyframes bounce {
                0% {
                    transform: translateY(0);
                }

                50% {
                    transform: translateY(-5px);
                }

                100% {
                    transform: translateY(0);
                }
            }

            #slot_next {
                display: none;
            }

            .m-2 {
                margin: .5rem !important;
            }