.main-container{
    .prayer-preview{
        margin:10px;
        min-height:500px;
        padding:10px;
        border:1px solid #cfcdcd;
        border-radius:5px;
        background-color:white;
        box-shadow: -2px 13px 5px -8px rgba(77, 77, 77, 0.75);
        cursor:pointer;
        &:hover{
            color:gold;
            background-color: #ffffff;
            border-color:gold;
            box-shadow:0px 0px 5px 1px gold;
            .title{
                color:rgb(211, 179, 0);
            }
        }
        .prayer-preview-header{
            display:flex;
            justify-content:center;
        }
        .prayer-preview-content{
            margin-top:10px;
            font-size:1rem;
            color:#666;
            .image-container{
                display:flex;
                justify-content:center;
                img{
                    width:100%;
                    border-radius:5px;
                }
            }
        }
        .prayer-preview-footer{
            margin-top:10px;
            display:flex;
            justify-content:center;
            .title{
                text-align:center;
                font-size:1rem;
                font-weight:bold;
            }
        }
    }

    .p-carousel-indicator-active .p-carousel-indicator-button{
        background-color:gold;
    }

    .load-more-button-wrapper{
        display:flex;
        justify-content:center;
        margin-top:10px;
        margin-bottom:10%;
        .load-more-button{
            background-color:rgb(218, 185, 0);
            color:white;
            border:none;
            padding:10px 20px;
            border-radius:5px;
            cursor:pointer;
            font-size: 1rem;
            &:hover{
                background-color:rgb(201, 171, 2);
            }
        }
    }
}