.main-other-section{
    height: 87vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    filter: grayscale(0.2);
    z-index: 10;
}

.main-other-section .wrapper-content{
    padding: 1.5em;
    background-color: hsla(216, 39%, 14%, 0.98);
    margin-bottom: -4.5em;
    opacity: 0;
    transform: translateY(3em);
    transition: all 0.5s ease;
}

.other-content-border{
    padding: 2.5em 2em 1.6em 2em;
}

.wrapper-breadcrumb{
    margin-top: 0.5em;
}

.wrapper-breadcrumb a, .wrapper-breadcrumb p, .wrapper-breadcrumb span{
    margin: 0.5em 0;
}

.wrapper-breadcrumb a, .wrapper-breadcrumb p{
    font-size: 1.2em;
}

.wrapper-breadcrumb a{
    transition: color 0.5s ease;
}

.wrapper-breadcrumb a:hover{
    color: var(--gold-txt-color);
}

.wrapper-breadcrumb p{
    font-family: "dm-regular", sans-serif;
}

.wrapper-breadcrumb span{
    margin: 0 0.5em;
    font-size: 1em;
    font-family: "dm-regular", sans-serif;
}

@media screen and (orientation: portrait){
    .main-other-section{
        height: 50vh !important;
    }
}