.roof-sarking-page,
.roof-sarking-page * {
    box-sizing:border-box;
}

.roof-sarking-page {
    width:100%;
    font-family:Poppins-Regular;
    color:#222;
    line-height:1.7;
    font-size:14px;
}

.roof-sarking-page .rs-container {
    max-width:1440px;
    margin:0 auto;
    padding:45px 24px;
}


.roof-sarking-page h2 {
    font-size:22px;
    font-family:Poppins-Bold
    line-height:1.3;
    font-weight:600;
    margin:0 0 25px;
}

.roof-sarking-page h3 {
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    margin:25px 0 10px;
}

.roof-sarking-page p {
    margin:0 0 16px;
}

.roof-sarking-page img {
    max-width:100%;
    display:block;
}


/* Section spacing */

.roof-sarking-page .rs-section {
    margin-bottom:55px;
}


/* Two column layout */

.roof-sarking-page .rs-two-column {
    display:flex;
    align-items:stretch;
    gap:45px;
}


.roof-sarking-page .rs-two-column .rs-text {
    width:55%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}


.roof-sarking-page .rs-two-column .rs-image {
    width:45%;
}


.roof-sarking-page .rs-image img {
    width:100%;
    height:360px;
    object-fit:cover;
}



/* Technical data */

.roof-sarking-page .rs-table-wrap {
    width:100%;
    overflow-x:auto;
}


.roof-sarking-page table {
    width:100%;
    border-collapse:collapse;
    font-size:14px;
}


.roof-sarking-page table td {
    border:1px solid #ddd;
    padding:13px 15px;
    vertical-align:middle;
}


.roof-sarking-page table tr:first-child td {
    font-weight:600;
}


.roof-sarking-page table td:first-child {
    width:35%;
}



/* Responsive */

@media(max-width:1024px){

    .roof-sarking-page .rs-container {
        padding:40px 20px;
    }

    .roof-sarking-page h2 {
        font-size:28px;
    }

    .roof-sarking-page .rs-two-column {
        gap:30px;
    }

    .roof-sarking-page .rs-image img {
        height:320px;
    }

}



@media(max-width:768px){

    .roof-sarking-page {
        font-size:15px;
    }

    .roof-sarking-page .rs-container {
        padding:30px 16px;
    }

    .roof-sarking-page h2 {
        font-size:24px;
    }

    .roof-sarking-page h3 {
        font-size:20px;
    }


    .roof-sarking-page .rs-section {
        margin-bottom:40px;
    }


    .roof-sarking-page .rs-two-column {
        display:block;
    }


    .roof-sarking-page .rs-two-column .rs-text,
    .roof-sarking-page .rs-two-column .rs-image {
        width:100%;
    }


    .roof-sarking-page .rs-image {
        margin-top:20px;
    }


    .roof-sarking-page .rs-image img {
        height:240px;
    }


    .roof-sarking-page table {
        font-size:14px;
    }


    .roof-sarking-page table td {
        padding:10px 12px;
    }

}