:root{
    --primary: #5a5e5e;
    --primary-light: #8b8d8d;
    --primary-dark: #292c38;
    --secondary: #ffff;
    --tertiary: #f3a93d;
    --medium: rgba(148, 147, 147, 0.808);
    --medium2: rgba(110, 110, 113, 0.808);
    --dark: rgba(0, 0, 0, 0.808);
    --light: rgba(235, 231, 231, 0.808);
    --inner-shadow:rgba(148, 147, 147, 0.808);  
    --outer-shadow: 3px 3px 3px #232530, -3px -3px -3px #262935;
    --inner-shadow: inset 3px 3px 3px #232530, inset -3px -3px 3px #262935;
    --outer-shadow2: inset 3px 3px 3px #f3a93d, -3px -3px -3px #e29f3a;
    --inner-shadow2: inset 3px 3px 3px #f3a93d, inset -3px -3px 3px #e29f3a
}

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

.inner-shadow{
box-shadow: var(--inner-shadow);
}

.outer-shadow{  
    box-shadow: var(--outer-shadow);
}

.inner-shadow2{
    box-shadow: var(--inner-shadow2);
    }
    
.outer-shadow2{  
    box-shadow: var(--outer-shadow2);
}
.centerContain{
	display: flex;
    align-items: center;
    justify-content: center;
}
/*Image*/
.imgcenter{
	margin-left: auto; 
	margin-right: auto; 
	display: block;
}

@media (max-width: 425px) {
    .displayPhone{
        display: block !important;
    }
    .noDisplayPhone{
        display: none !important;
    }
}