@font-face {
    font-family: 'Arboria';
    src: url("/jakarta.faces.resource/arboria.woff2.jsf?ln=fonts") format('woff2'),
        url("/jakarta.faces.resource/arboria.woff.jsf?ln=fonts") format('woff'),
        url("/jakarta.faces.resource/arboria.ttf.jsf?ln=fonts") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body,
body .ui-widget,
body .ui-button,
body .ui-inputfield,
body input,
body textarea,
body select,
body button {
    font-family: 'Arboria', Arial, sans-serif !important;
}

.product-image{
    width: 100%;
    max-width: 100% !important;
}

.btn.ui-commandlink, .btn.ui-link{
    color: #fff !important;
    padding: 15px 25px 15px 25px;
}

img.welcome{
    border-radius: 50px 0 50px 0;
    box-shadow: 10px 10px 10px #ccc;
}

.product-item-content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.product-image-container{
    padding: 15%;
    text-align: center;
    background: var(--black);
}

.product-image{
    width: 100%;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
    top: 35%;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover{
    background: var(--primary);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active{
    border-color: var(--primary);
    background: var(--primary);
}

.flex-start{
    display: flex;
    align-items: center;
    justify-content: left;
}

.flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ui-widget{
    font-family: var(--ff) !important;
}

.order-status{
    text-align:center;
    margin-top: 20%;
}