/*article-header*/
.description h1,
.description h2,
.description h3,
.description h4,
.description h5,
.description h6 {
    font-family: var(--lato-b);
    color: var(--main-300);
    letter-spacing: -0.3px;
    margin: 10px 0;
}
.description ul,
.description ol {
    padding: 0 0 0 25px;
    margin: 20px 0;
}
.description ul {
    list-style: disc;
}
.description ul li {
    list-style-type: disc;
}
.description ol {
    list-style: decimal;
}
.description ol li {
    list-style-type: decimal;
}
.description ul li::marker {
    color: var(--main-300);
}
.description ul li,
.description ol li {
    font-family: var(--lato-r);
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.04em;
    color: var(--main-300);
}
.article-header .title {
    text-transform: initial;
}

.article-header img {
    width: auto;
    display: flex;
    margin: 20px auto 0;
    max-width: 100%;
}

.article-header .subtitle {
    font-size: 20px;
    font-family: var(--lato-r);
    color: var(--main-300);
    line-height: 24px;
    margin-top: 2px;
}

.article-header .published-at {
    font-size: 17px;
    font-family: var(--lato-r);
    color: var(--main-300);
    margin-top: 20px;
    display: block;
}

.article-header .social-media-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 18px;
}

.article-header .social-media-icons li a {
    border: 2px solid var(--main-300);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-out;
}

.article-header .social-media-icons li a:hover {
    border-color: var(--main-200);
}

.article-header .social-media-icons li svg {
    fill: var(--main-300);
    width: auto;
    height: 19px;
    transition: .3s ease-out;
}

.article-header .social-media-icons li a:hover svg {
    fill: var(--main-200);
}


/*description*/
.description {
    padding: 20px 0;
    margin-top: 30px;
    border-top: 1px solid #163a5e78;
}

.description br {
    display: none;
}

.description p {
    font-family: var(--lato-r);
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.04em;
    color: var(--main-300);
    margin-bottom: 20px;
}

.description img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 40px;
}

@media(max-width: 991px) {
    .description {
        padding: 20px 0 0;
    }
}


/*more-articles*/
.more-articles {
    padding: 0 0 0 45px;
}

.more-articles .title {
    text-transform: initial;
}

.more-articles ul {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.more-articles ul li a {
    font-family: var(--lato-b);
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.04em;
    color: var(--main-300);
    display: flex;
    align-items: center;
    gap: 5px;
    transition: .3s ease-out;
}

.more-articles ul li a:hover {
    padding-left: 5px;
    color: var(--main-200);
    text-decoration: underline;
}

.more-articles ul li a::before {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid var(--main-300);
    border-right: 2px solid var(--main-300);
    padding: 0;
    rotate: 45deg;
    margin-right: 8px;
    display: block;
}

@media(max-width: 991px) {
    .more-articles {
        padding: 0 0 30px 0;
    }
}