.mock-title{
    margin: 150px 0 60px;
    text-align: center;
}
.mock-test{
    gap: 30px;
    display: flex;
    margin-bottom: 100px;
    align-items: center;
    justify-content: center;
    .card{
        max-width: 500px;
        > .card-body{
            > ul {
                padding-top: 10px;
                > li{
                    display: flex;
                    align-items: center;
                    list-style: none;
                    padding-top: 15px;
                    > p{
                        margin: 0%;
                        color: #505056;
                    }
                    > i{
                        color: #fff;
                        background: #007465;
                        padding: 5px;
                        font-size: 10px;
                        margin-right: 5px;
                        border-radius: 100px;
                        -webkit-border-radius: 100px;
                        -moz-border-radius: 100px;
                        -ms-border-radius: 100px;
                        -o-border-radius: 100px;
                    }
                }
            }
            > .mock-button{
                display: flex;
                align-items: end;
                justify-content: end;
                > button{
                    color: #fff;
                    border: none;
                    padding: 10px;
                    margin: 15px;
                    border-radius: 5px;
                    background-color: #007465;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                }
            }
        }
    }
}



/* ======== responsive section start ========= */
@media (max-width: 768px){
    .mock-test{
        flex-direction: column;
        .card > .card-body > ul {
            padding: 0px;
        }
    }
    .mock-button > button{
        margin: 5px !important;
    }
    
}