/* styles.css */

/* Add any global styles here */

/*container for keeping each section in flexbox*/
.custom-container-editorial {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*align all elements in the centre of the page*/
    margin: auto;
    /*set the width of the container to 100% of the page*/
    width: 100%;
    /*set the max width of the container to 1360px*/
    max-width: 1360px;
    /*set the padding of the container to 30px*/
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 222px;

}

.container {
    margin-top: 50px; /* Adjust as needed */
}

.page-section {
    text-align: left;
}

@media (max-width:768px) {
    .page-section {
        text-align: center;
    }
}

.section-title {
    color: #003A65; /* Your desired title color */
    font-size: 2rem; /* Adjust the font size as needed */
}

.bullet-points {
    list-style-type: circle; /* Use 'disc', 'circle', or 'square' for different bullet styles */
    font-size: 1.2rem; /* Adjust the font size for bullet points */
    text-align: left; /* Adjust the text alignment as needed */
}