:root {
    --color-1: #fe4a4a;
    --color-2: #fdac4b;
    --color-3: #808080;
    --color-4: #ffffff;
    --color-5: #ff9345;
}

body {
    background-image: url('../assets/images/backgroud-pattern2.png');
    background-repeat: repeat;
    background-size:100px;
    margin: 0;
    padding: 0;
    /* font-size: 18px; */
    /* line-height: 26px; */
    font-family: sans-serif;
}
.container {
    max-width: 962px;
}
.bg-body-tertiary {
    background-color: transparent !important;
}
.modified-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: -1;
    padding: auto;
}
.modified-bg {
    position: relative;
} 
.modified-bg > * {
    z-index: 1;
} 
.nav-item .nav-link {
    background: var(--color-3);
    color: var(--color-4);
}
.nav-item .nav-link:hover {
    background: var(--color-2);
    color: var(--color-4);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    background: var(--color-2);
    color: var(--color-4);
}
.border-danger-subtle{
    border-color: var(--color-2) !important;
}
.border-danger-subtle{
    border-color: var(--color-2) !important;
}
.font-danger-subtle{
    color: var(--color-2) !important;
}
/* .btn-primary{
    background-color: var(--color-2) !important;
    border: var(--color-2) !important;
}
.btn-primary:hover{
    background-color: var(--color-5) !important;
    border: var(--color-5) !important;
} */
.justify-text {
    text-align: justify;
}
.w-40{
    width: 40%;
}