@media (min-width: 1400px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
    margin: 30px auto;
    
}
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    margin-left: auto;
    margin-right: auto;
   padding: 5px 10px;
    width: 100%;
}

.card {
    border: 1px solid #dfe2e1;
    color: #101820;
    text-decoration: none;
    transition: height 3s ease-in-out!important;
    padding: 20px;
    border-radius: 20px;
    font-size: 16px;
    margin-bottom: 14px;
    cursor: pointer;
}
.card>span{
    word-break:break-all;
}
.card-title{
    font-weight: 700;
    margin: 0  20px  0 0;
}
 @media (max-width: 767px) {
     .container-xxl{
           margin-top:120px; 
           padding: 0 10px;
     }
     .card{
         margin: 10 auto;
     }
 }