.epe-product-page,
.epe-product-page * {
    box-sizing:border-box;
}

.epe-product-page {
    width:100%;
    font-family:Poppins-Regular, Arial, Helvetica, sans-serif;
    color:#222;
    line-height:1.65;
}


/* ===============================
   Typography
================================ */

.epe-product-page h2 {
    font-size:22px;
    font-family:Poppins-Bold, Arial, Helvetica, sans-serif;
    font-weight:600;
    color:#222;
    margin:0 0 18px;
}

.epe-product-page h3 {
    font-size:16px;
    font-weight:600;
    color:#222;
    margin:18px 0 10px;
}

.epe-product-page p {
    font-size:14px;
    color:#444;
    margin-bottom:12px;
}

.epe-product-page ul {
    padding-left:20px;
    margin-bottom:15px;
}

.epe-product-page li {
    font-size:15px;
    color:#444;
    margin-bottom:8px;
}


/* ===============================
   Common Section
================================ */

.epe-section,
.epe-applications,
.epe-comparison,
.epe-packaging {

    margin-bottom:50px;

}


/* ===============================
   Intro Section
================================ */

.epe-intro {

    display:flex;
    align-items:center;
    gap:45px;
    margin-bottom:50px;

}


.epe-intro-text {

    flex:1;

}


.epe-product-title {
    font-family:Poppins-Bold, Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:600;
    color:#222;
    margin-bottom:18px;

}


.epe-intro-image {

    width:42%;
    display:flex;
    justify-content:center;

}


/* ===============================
   Material Structure
================================ */

.material-structure {

    width:100%;
    text-align:center;

}


.ms-title {

    font-size:22px;
    font-weight:500;
    color:#0A4DA2;
    margin-bottom:15px;

}


.ms-stage {

    height:380px;
    display:flex;
    justify-content:center;
    align-items:center;

}


.ms-stage svg {

    max-width:100%;
    height:auto;

}


.ms-layer {

    transition:.5s ease;

}


.ms-layer.normal {

    opacity:.2;

}


.ms-layer.active {

    opacity:1;
    filter:drop-shadow(0 0 16px rgba(0,90,255,.45));

}


.ms-info {

    display:flex;
    justify-content:center;
    gap:55px;
    margin-top:15px;

}


.ms-info-item span {

    display:block;
    font-size:11px;
    color:#777;
    letter-spacing:1px;

}


.ms-info-item strong {

    display:block;
    margin-top:5px;
    font-size:16px;
    color:#0A4DA2;

}


.ms-control {

    margin-top:20px;
    display:flex;
    justify-content:center;
    align-items:center;

}


.ms-control button {

    width:50px;
    height:42px;
    border:0;
    background:#f3f4f6;
    color:#0A4DA2;
    font-size:22px;
    cursor:pointer;

}


.ms-current {

    width:260px;
    height:42px;
    line-height:42px;
    background:#f3f4f6;
    text-align:center;
    margin:0 8px;
    color:#0A4DA2;
    font-size:15px;

}


/* ===============================
   Intro Responsive
================================ */

@media(max-width:768px){

.epe-intro {

    flex-direction:column;
    gap:25px;

}


.epe-intro-image {

    width:100%;

}


.epe-product-title {

    font-size:21px;

}


.ms-stage {

    height:280px;

}


.ms-info {

    gap:25px;

}


.ms-current {

    width:160px;

}

}