.elementor-454 .elementor-element.elementor-element-7ac627a{--display:flex;}@media(min-width:768px){.elementor-454 .elementor-element.elementor-element-7ac627a{--content-width:1320px;}}/* Start custom CSS for shortcode, class: .elementor-element-e496f91 */.order-success-box,
.order-success-box *{
    font-family:"Hanken Grotesk", sans-serif;
}
.order-success-box{
    max-width:900px;
    margin:70px auto;
    background:#fff;
    border:3px solid #111;
    padding:45px;
    box-shadow:12px 12px 0 #111;
    position:relative;
}

/* แถบสีด้านบน */
.order-success-box::before{
    content:"PAYMENT SUCCESS";
    display:block;
    background:#C8FF00;
    color:#111;
    font-weight:900;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:12px 20px;
    margin:-45px -45px 35px;
    border-bottom:3px solid #111;
}

.order-item{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:35px;
    padding:22px 0;
    border-bottom:1px solid #ddd;
    transition:.25s;
}

.order-item:hover{
    background:#fafafa;
    padding-left:15px;
    padding-right:15px;
}

.order-item:last-child{
    border-bottom:none;
}

.order-label{
    min-width:180px;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#777;
}

.order-value{
    flex:1;
    color:#111;
    font-size:18px;
    line-height:1.7;
    font-weight:600;
    word-break:break-word;
}

.order-total{
    font-size:42px;
    font-weight:900;
    color:#111;
}

.order-total::before{
    content:"PAID ";
    display:inline-block;
    background:#C8FF00;
    color:#111;
    padding:4px 10px;
    margin-right:12px;
    font-size:13px;
    letter-spacing:1px;
    vertical-align:middle;
}

.order-value a{
    color:#111;
    font-weight:700;
    text-decoration:none;
    border-bottom:2px solid #C8FF00;
}

.order-value a:hover{
    color:#C8FF00;
}

@media(max-width:768px){

.order-success-box{
    margin:20px;
    padding:25px;
}

.order-success-box::before{
    margin:-25px -25px 25px;
}

.order-item{
    display:block;
}

.order-label{
    margin-bottom:8px;
}

.order-value{
    font-size:16px;
}

.order-total{
    font-size:32px;
}

}/* End custom CSS */