/*==========================================
 Product Description
==========================================*/

.details{
    font-size:16px;
    line-height:1.9;
    color:#555;
    font-weight:400;
}

.details h1,
.details h2,
.details h3,
.details h4,
.details h5,
.details h6{
    color:#1f2937;
    font-weight:700;
    margin:35px 0 18px;
    line-height:1.4;
    position:relative;
    padding-left:18px;
}

.details h1{
    font-size:34px;
}

.details h2{
    font-size:30px;
}

.details h3{
    font-size:24px;
}

.details h4{
    font-size:21px;
}

.details h5{
    font-size:19px;
}

.details h6{
    font-size:17px;
}

/* Left Accent Line */

.details h1::before,
.details h2::before,
.details h3::before,
.details h4::before,
.details h5::before,
.details h6::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:5px;
    height:70%;
    background:#d4a017;
    border-radius:20px;
}

.details p{
    margin-bottom:18px;
    color:#666;
    font-size:16px;
    line-height:1.9;
}

.details strong{
    color:#222;
    font-weight:600;
}

.details ul,
.details ol{
    margin:20px 0;
    padding-left:0;
    list-style:none;
}

.details ul li,
.details ol li{
    position:relative;
    padding-left:32px;
    margin-bottom:14px;
    color:#555;
    line-height:1.8;
}

/* Golden Tick */

.details ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:1px;
    color:#d4a017;
    font-size:18px;
    font-weight:bold;
}

.details ol{
    counter-reset:item;
}

.details ol li{
    counter-increment:item;
}

.details ol li::before{
    content:counter(item);
    position:absolute;
    left:0;
    top:2px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#d4a017;
    color:#fff;
    font-size:12px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.details a{
    color:#b8860b;
    text-decoration:none;
    transition:.3s;
}

.details a:hover{
    color:#000;
    text-decoration:underline;
}

.details img{
    max-width:100%;
    height:auto;
    border-radius:12px;
    margin:20px 0;
}

.details table{
    width:100%;
    border-collapse:collapse;
    margin:25px 0;
}

.details table th{
    background:#f7f7f7;
    color:#222;
    font-weight:600;
}

.details table th,
.details table td{
    border:1px solid #ececec;
    padding:12px 15px;
    text-align:left;
}

.details blockquote{
    background:#fffaf0;
    border-left:5px solid #d4a017;
    padding:20px;
    margin:25px 0;
    border-radius:8px;
    font-style:italic;
    color:#555;
}

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

@media(max-width:768px){

    .details{
        font-size:15px;
    }

    .details h1{
        font-size:28px;
    }

    .details h2{
        font-size:24px;
    }

    .details h3{
        font-size:21px;
    }

    .details h4{
        font-size:19px;
    }

    .details h5{
        font-size:18px;
    }

    .details p,
    .details li{
        font-size:15px;
        line-height:1.8;
    }

}