/* =========================================
   SKS READYMIX CONCRETE SECTION
========================================= */

.sks-rmc-section{
    background: #f8faf7;
    overflow: hidden;
}

/* Heading */
.sks-rmc-badge{
    display: inline-block;
    background: rgba(182,141,64,0.12);
    color: #b68d40;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.sks-rmc-title{
    font-size: 42px;
    font-weight: 800;
    color: #0c5c3b;
}

.sks-rmc-subtitle{
    color: #666;
    line-height: 1.8;
    margin-top: 15px;
}

/* Cards */
.sks-rmc-overview-card,
.sks-rmc-contact-card,
.sks-rmc-process-wrapper,
.sks-rmc-quality-card{
    border-left: 6px solid #0b6b3a;
    background: #fff;
    border-radius: 28px;
    padding: 35px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.05);
    
}

/* Titles */
.sks-rmc-card-title,
.sks-rmc-process-title,
.sks-rmc-quality-title{
    font-size: 30px;
    font-weight: 800;
    color: #0c5c3b;
    margin-bottom: 20px;
}

/* Text */
.sks-rmc-overview-card p,
.sks-rmc-quality-text{
    color: #666;
    line-height: 1.9;
}

/* Stats */
.sks-rmc-stat-box{
    background: #f8faf7;
    border-radius: 18px;
    padding: 22px;
    border-left: 4px solid #b68d40;
}

.sks-rmc-stat-box h4{
    color: #0c5c3b;
    font-size: 28px;
    font-weight: 800;
}

.sks-rmc-stat-box span{
    color: #666;
    font-size: 14px;
    font-weight: 600;
}

/* Contact Card */
.sks-rmc-contact-card{
    background: linear-gradient(135deg,#0c5c3b,#16784f);
    color: #fff;
}

.sks-rmc-contact-icon{
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.sks-rmc-contact-icon i{
    font-size: 34px;
    color: #fff;
}

.sks-rmc-contact-title{
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 15px;
}

.sks-rmc-contact-text{
    color: rgba(255,255,255,0.8);
    line-height: 1.8;
}

.sks-rmc-contact-list{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 30px;
}

.sks-rmc-contact-list a{
    background: rgba(255,255,255,0.08);
    padding: 16px 20px;
    border-radius: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: .3s ease;
}

.sks-rmc-contact-list a:hover{
    background: #b68d40;
}

.sks-rmc-contact-list i{
    margin-right: 10px;
}

/* Hotline */
.sks-rmc-hotline-box{
    margin-top: 25px;
    background: #b68d40;
    border-radius: 18px;
    padding: 20px;
}

.sks-rmc-hotline-box span{
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.sks-rmc-hotline-box a{
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: 800;
}

/* Process */
.sks-rmc-process-card{
    background: #f8faf7;
    border-radius: 22px;
    padding: 28px;
    height: 100%;
    transition: .3s ease;
}

.sks-rmc-process-card:hover{
    background: #0c5c3b;
    transform: translateY(-5px);
}

.sks-rmc-process-card:hover h4,
.sks-rmc-process-card:hover p,
.sks-rmc-process-card:hover i{
    color: #fff;
}

.sks-rmc-process-card i{
    color: #b68d40;
    font-size: 34px;
    margin-bottom: 18px;
}

.sks-rmc-process-card h4{
    font-size: 22px;
    font-weight: 700;
    color: #0c5c3b;
}

.sks-rmc-process-card p{
    color: #666;
    line-height: 1.8;
}

/* Quality */
.sks-rmc-quality-item{
    background: #f8faf7;
    border-radius: 14px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.sks-rmc-quality-item i{
    color: #0c5c3b;
}

.sks-rmc-quality-item span{
    font-weight: 600;
}

/* Procedure */
.sks-rmc-procedure-list{
    padding-left: 20px;
    margin-top: 25px;
}

.sks-rmc-procedure-list li{
    margin-bottom: 16px;
    color: #666;
    line-height: 1.8;
}

/* Responsive */
@media(max-width:991px){

    .sks-rmc-title{
        font-size: 34px;
    }

    .sks-rmc-card-title,
    .sks-rmc-process-title,
    .sks-rmc-quality-title,
    .sks-rmc-contact-title{
        font-size: 26px;
    }

}

@media(max-width:767px){

    .sks-rmc-title{
        font-size: 28px;
    }

    .sks-rmc-overview-card,
    .sks-rmc-contact-card,
    .sks-rmc-process-wrapper,
    .sks-rmc-quality-card{
        padding: 25px;
        border-radius: 22px;
    }

}