/* =====================================================
   Lime Green Print Engine
   Version 1.1
===================================================== */

*{
    box-sizing:border-box;
}

.lgpe-wrapper{

    max-width:1200px;

    margin:40px auto;

    background:#0f0f0f;

    border-radius:18px;

    padding:40px;

    color:#ffffff;

    font-family:Arial,Helvetica,sans-serif;

    box-shadow:0 20px 60px rgba(0,0,0,.35);

}

.lgpe-header{

    text-align:center;

    margin-bottom:40px;

}

.lgpe-header h2{

    margin:0;

    font-size:40px;

    font-weight:700;

}

.lgpe-header p{

    margin-top:10px;

    color:#7ED321;

    font-size:18px;

}

.lgpe-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:40px;

}

.lgpe-left{

    display:flex;

    flex-direction:column;

}

.lgpe-field{

    margin-bottom:22px;

}

.lgpe-field label{

    display:block;

    margin-bottom:8px;

    font-size:15px;

    font-weight:600;

    color:#dcdcdc;

}

.lgpe-field input,
.lgpe-field select{

    width:100%;

    padding:15px;

    background:#1d1d1d;

    color:#fff;

    border:1px solid #3b3b3b;

    border-radius:10px;

    font-size:16px;

    transition:.25s;

}

.lgpe-field input:focus,
.lgpe-field select:focus{

    outline:none;

    border-color:#7ED321;

    box-shadow:0 0 12px rgba(126,211,33,.35);

}

.lgpe-quote{

    background:#181818;

    border:2px solid #7ED321;

    border-radius:15px;

    padding:30px;

}

.quote-title{

    text-align:center;

    color:#7ED321;

    font-size:24px;

    font-weight:bold;

    margin-bottom:25px;

}

.quote-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 0;

    border-bottom:1px solid #303030;

    font-size:15px;

}

.quote-row span:last-child{

    font-weight:600;

    color:#ffffff;

}

.lg-total{

    margin-top:30px;

    text-align:center;

}

.total-label{

    font-size:14px;

    letter-spacing:3px;

    color:#888;

    margin-bottom:10px;

}

.price{

    font-size:52px;

    color:#7ED321;

    font-weight:700;

    margin-bottom:10px;

}

.vat{

    color:#888;

    font-size:13px;

}

.lgpe-button{

    width:100%;

    margin-top:20px;

    background:#7ED321;

    color:#000;

    border:none;

    padding:18px;

    font-size:18px;

    font-weight:bold;

    border-radius:10px;

    cursor:pointer;

    transition:.25s;

}

.lgpe-button:hover{

    transform:translateY(-2px);

    background:#92e93a;

}

.lgpe-info{

    margin-top:25px;

    color:#bcbcbc;

    line-height:2;

    font-size:15px;

}

@media(max-width:900px){

    .lgpe-grid{

        grid-template-columns:1fr;

    }

    .price{

        font-size:42px;

    }

}

@media(max-width:600px){

    .lgpe-wrapper{

        padding:25px;

    }

    .lgpe-header h2{

        font-size:30px;

    }

    .quote-row{

        font-size:14px;

    }

}