/* =========================================
   CUSTOM SIZE PAGE
========================================= */

.custom-size-page{
    width:100%;
    max-width:1200px;
    margin:60px auto;
    padding:0 20px;
}

.custom-container{
    background:#fff;
    border-radius:20px;
    padding:45px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.section-small-title{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#e9f8ef;
    color:#0b8f4e;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.custom-container h1{
    font-size:42px;
    font-weight:800;
    color:#1f1f1f;
    margin-bottom:25px;
}

.custom-container h2{
    font-size:28px;
    font-weight:700;
    color:#0b8f4e;
    margin-top:45px;
    margin-bottom:15px;
}

.custom-container p{
    font-size:17px;
    line-height:1.9;
    color:#555;
}

.custom-container ul{
    margin:20px 0;
    padding-left:25px;
}

.custom-container li{
    font-size:17px;
    line-height:1.8;
    margin-bottom:12px;
    color:#444;
}

.custom-container li::marker{
    color:#0b8f4e;
}

.custom-note{
    margin-top:40px;
    background:#f4fbf6;
    border-left:5px solid #0b8f4e;
    padding:20px;
    border-radius:12px;
    font-size:17px;
    line-height:1.8;
    color:#333;
}

/* Mobile */

@media (max-width:768px){

.custom-size-page{
    padding:0 12px;
    margin:25px auto;
}

.custom-container{
    padding:22px 18px;
}

.custom-container h1{
    font-size:32px;
}

.custom-container h2{
    font-size:24px;
}

.custom-container p,
.custom-container li,
.custom-note{
    font-size:17px;
    line-height:1.8;
}

.section-small-title{
    font-size:12px;
    padding:7px 14px;
}

}
@media(max-width:768px){

    .custom-container p{
        font-size:16px !important;
        line-height:1.65 !important;
        margin-bottom:16px !important;
    }

    .custom-container li{
        font-size:16px !important;
        line-height:1.6 !important;
        margin-bottom:8px !important;
    }

    .custom-container h2{
        margin-top:30px !important;
        margin-bottom:12px !important;
    }
}