.area img{
    /*            max-width: 150px;
                max-height: 100px;*/
    width: 100%;
    height: 100px;
    object-fit: contain;
    border-radius: 0% !important;
    padding: 10px !important;
    -webkit-filter: drop-shadow(2px 2px 1px #b3b3b3);
    filter: drop-shadow(2px 2px 1px #b3b3b3);
}
div.area{
    height: 8em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-b{
    border-radius: 15px !important;
    box-shadow: 0 2px 10px rgba(154, 154, 154, 0.47) !important;
}
.card-shadow-less{
    /*border-radius: 15px !important;*/
    box-shadow: 0 0px 0px rgba(206, 206, 206, 0)!important;
    /*box-shadow: 0 2px 10px rgba(154, 154, 154, 0.47) !important;*/
}
.card-d{
    /*border-radius: 15px !important;*/
    box-shadow: 0 2px 10px rgba(206, 206, 206, 0.76)!important;
    /*box-shadow: 0 2px 10px rgba(154, 154, 154, 0.47) !important;*/
}
.pointer{
    cursor: pointer !important;
}
.p-10{
    padding: 10px !important;
}
.p-20{
    padding: 20px !important;
}
.card-r {
    border-radius: 8px !important; 
    box-shadow: 0 2px 10px rgba(206, 206, 206, 0.76)!important;
    /* box-shadow: 0 2px 10px rgba(154, 154, 154, 0.47) !important; */
}

.theme-blue.info-box {
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);*/
    height: 52px !important;
    display: flex;
    cursor: pointer !important; 
    background-color: #fff;
    /* position: relative; */
    /* overflow: hidden; */
    margin-bottom: 0px !important; 
}

.theme-blue.info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    width: auto !important; 
    padding: 5px !important;
}
.theme-blue.info-box.hover-zoom-effect .icon {
    /* overflow: hidden; */
}
.theme-blue.info-box .icon i {
    color: #fff;
    font-size: 40px !important;
    line-height: normal !important; 
}