.photo-box-01 {
    background: #fff;
    border-radius: 20px;
    padding: 30px 15px;
}
.white-popup-block {
    border-radius: 20px;
    padding: 40px 30px 30px 30px;
}


.view-category #sp-main-body,
.view-article #sp-main-body{
    padding:50px 0 0 0;
}
.view-category .article-list .article {
    background: #fff;
    border-radius:20px;
    overflow:clip;
    box-shadow:0 10px 15px rgb(0 0 0 / 10%);
}

.view-category #sp-main-body,
.view-article #sp-main-body{
    padding:50px 0 0 0;
}
.view-category .article-list .article {
    background: #fff;
    border-radius:20px;
    overflow:clip;
    box-shadow:0 10px 15px rgb(0 0 0 / 10%);
}
.view-category .article-list .article .article-header h1 a, 
.view-category .article-list .article .article-header h2 a{
    color:#2e2e2e;
    font-size:22px;
}
.view-category .article-list .article .article-header h1 a:hover,
.view-category .article-list .article .article-header h1 a:focus,
.view-category .article-list .article .article-header h2 a:hover,
.view-category .article-list .article .article-header h2 a:focus{
    color:#c32026;
}
.view-category .article-list .article .article-introtext p{
    color:#4B5563;
}
.view-category .article-list .article .article-introtext .readmore a{
    color:#c32026 !important;
}
.view-category .article-list .article .article-introtext .readmore a:hover,
.view-category .article-list .article .article-introtext .readmore a:focus{
    color:#ba272f !important;
}
.view-article .article-details .article-full-image img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
    width: 100%;
}
@media (max-width:767px){
    .view-category .article-list .article .article-header h1 a, 
    .view-category .article-list .article .article-header h2 a{
        font-size:20px;
    }
}


.contact-info {
    border-radius: 20px;
    padding: 30px;
    position:relative;
    z-index:1;
}
.contact-info:before{
    content:'';
    background: url(/images/0_project/home/ipoh-street.jpg);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-size:cover;
    background-position:center;
    z-index:-1;
    opacity:0.15;
}
.contact-info p,
.contact-info a,
.contact-info h3,
.contact-info i{
    color:#fff !important;
}
.contact-info a:hover,
.contact-info a:focus{
    color:rgb(255 255 255 / 50%) !important;
}