section.banner {
    height: 900px;
}

section.banner img {
    height: 900px;
    object-fit: cover;
}

section.banner .banner_link {

    position: relative;

    top: clamp(3.125rem, -2.0833rem + 6.9444vw, 6.25rem);;

}



section.banner span {

    font-family: var(--font-worksans-regular);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



section.content ol {

    margin-bottom: 50px;

}



section.content li {

    font-family: var(--font-worksans-regular);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



section.content a {

    font-family: var(--font-worksans-regular);

    color: var(--gold);

    text-decoration: underline;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



section.content blockquote {

    border: 1px solid #D6B448;

    padding: 30px;

    margin-bottom: 50px;

}



section.content p:has(img) {

    margin-block: 50px;

}



section.content p:has(img) img {

    width: 100%;

    height: auto;

}



section.content .content__text {

    margin-bottom: 100px;

}



section.content .content__socials {

    font-family: var(--font-worksans-regular);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



section.related .card {

    border-radius: 0;

    border: 1px solid #D6B448;
    height: 100%;

}



section.related .card .blog__image {

    height: 250px;

    overflow: hidden;

}



section.related .card .blog__text {

    background: #FFF;

    padding: 30px;

}



section.related .card img {

    transition: .5s ease-in-out;

    transform: scale(1);

    height: 100%;

    object-fit: cover;

    width: 100%;

}



section.related .card svg {

    transition: transform 0.3s ease-in-out;

}



section.related .card:hover img {

    transform: scale(1.2);

}



section.related .card:hover a {

    color: var(--gold);

}



section.related .card:hover a svg path {

    fill: var(--gold);

}



section.related .card:hover a svg {

    transform: translateX(5px); /* Moves the SVG 5px to the right */

}



section.related .related__hr {

   height: 1px;

   border-top: 1px solid #D6B448;

   margin-block: 50px;

}



section.related .row {

    row-gap: 24px;

}



@media (max-width: 1399px) {

    section.banner .banner_link {

        position: unset;

        margin-bottom: 50px;

    }

    section.banner {
        height: auto;
    }

}



@media (max-width: 1199px) {

    section.content .content__text {

        margin-bottom: 70px;

    }

    

}



@media (max-width: 767px) {

    section.content .content__text {

        margin-bottom: 50px;

    }

}