@import '/styles/global.css';
@import '/styles/HeaderManager.css';
@import '/styles/FooterManager.css';

.intro--dse {
    margin-top: 100px;
    padding: 20px 20px 0px 20px;
    display: block;
    text-align: center;
    border-bottom: 5px solid transparent;
    border-image: var(--color-gradient);
    border-image-slice: 1;
}
.intro--dse h5 {
    color: var(--color-text);
}
.intro--dse h1 {
    padding-top: 15px; 
    color: var(--color-accent1);
    padding-bottom: 20px;
    text-shadow: none;
}
/*  --------------  */
.dse-container {
    max-width: 1240px;
    padding: 20px 120px;
    margin-bottom: 150px;
}

.dse-container  h3 {
    font-size: 1.4rem;
    padding-top: 50px;
}
.dse-container  h4 {
    font-weight: 700;
    padding-top: 30px;
}
.dse-container  p {
    padding-top: 20px;
}
.dse-container  a {
    color: var(--color-accent1);
    text-decoration: underline;
}
.dse-container  a:hover {
    font-size: 1.01rem;
}

@media(max-width: 1024px) {
    .dse-container {
        padding: 0px 20px 50px 20px;
    }
}
@media(max-width: 850px)  {
    .dse-container {
        margin-bottom: 80px;
    }
}

@media(max-width: 650px) {
    .intro--dse {
        margin-top: 90px;
        text-align: left;
        padding-inline: 20px;
        height: 140px;
    }
    .intro--dse h1 {
        text-align: left;
    }
    .intro--dse p {
        display: none;
    }
    .dse-container {
        margin-bottom: 40px;
    }
}