:root {
    --bs-primary: #d61f28;
    --bs-primary-hover: #b40406;
    --bs-body-bg: #f2f3f8;
    --font-color: #6d767e;
    --font-color-emp: #1a1f23;
    --font-family: 'Poppins', sans-serif;
    --box-radius: 10px;
    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    --form-field-border-color: #d6d6d6;
    --form-field-border-radius: 8px;
    --form-field-padding: 0.75rem 1rem;
}

a{
    color:var(--bs-primary);
}
    a:hover,
    a:focus{
        color: var(--bs-primary-hover);
    }

body,
h1,
p{
    font-family:var(--font-family);
}
h1{
    font-size:1.5rem;
    color:var(--font-color-emp);
    margin-bottom:1rem;
}
p{
    color:var(--font-color);
    line-height:1.7em;
}
.hr-card {
    border-bottom: 1px #ccc solid;
    margin: 1.5rem 0;
    opacity: unset;
}
/*--------------------------------------------------------------
# Pre login page setup
--------------------------------------------------------------*/

.plp-setup{
    background-color:var(--bs-body-bg);
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.plp-card {
    width: 630px;
}

.plp-logo{
    display:flex;
    justify-content:center;
    padding:0.5rem 1.5rem;
}

.plp-icon-ban{
    font-size:7.5rem;
    color:var(--bs-primary);
}

.card {
    margin-bottom: unset;
    border-left: 5px var(--bs-primary) solid;
    border-radius: var(--box-radius);
    box-shadow:var(--box-shadow)
}

.card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-body {
    padding: 2.5rem;
}

@media (max-width:480px) {
    .plp-card {
        width: 100%;
    }
}