/*carousel css*/
.carousel-item {
            height: 32rem;
            background-color: white;
            color: whitesmoke;
            position: relative;
        }
        img {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }
        h2 {
            text-align: center;
        }
        p {
            text-align: center;
        }
.d-block{
           position: absolute;
           left: 20rem;
           padding-bottom: 50px;
}

/* card css */
        .container,
        .row,
        .row-cols-2{
            margin-top: 6em;
            margin-right: 2em;
            display: flex;
        }

        .card-img-top{
            margin-top: 5rem;
            margin-bottom: 8rem;
            margin-left: 4rem;
            width: 18rem;
            height: 12rem;
            justify-content: center;
        }

        .card-body{
            text-align: center;
            margin-top: 8rem;
        }

        /* .card-body:hover{
            color: #f2fcfe;
        } */

        .card:hover,
        .col:hover {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            background: #1c92d2;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to bottom, #f2fcfe, #1c92d2);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to bottom, #f2fcfe, #1c92d2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            border-style: ridge;
            color: #f2fcfe;
}

/* pagination */

.page-link{
    color: #03a678;
    font-weight: bold;
}

.page-link:hover,
.page-item:hover {
    background-color: #36d7b7;
    color: whitesmoke;
    transform: scaleY(1.1);
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
}