
.policies-container{
    margin-top: 30px;
    width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.policies-container .main-header{
    padding-top: 50px;
    text-align: center;
    background-color: transparent;
}
.policies-container .policy-container{
    width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    justify-content: center;
}
.policy-container .header{
    display: block;
    margin: auto;
    text-align: center;
    color: var(--policy-heading-color);
}
.policy-container .detail p{ 
    display: block;
    color: var(--policy-text-color); 
    font-size: 15px; 
    font-style: italic; 
    width: 70%;
    margin: auto;
    line-height: 2.2;
    text-align: center; /* centers the text inside / margin: 0 auto; / centers the 50%-wide element / display: block; / ensure width applies if it's not already block */ 
}
