section{
    padding: 100px 0 100px 0;
}
.accent{
    font-family: "Permanent Marker", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(var(--bs-body-font-size) * 1.5);
    color: var(--bs-primary);
}
.masonry-feedback-card{
    width: 350px;
      margin: 0 auto;
}
.reveal{
    position: relative;
    transform: translateY(5%);
    opacity: 0.8;
    transition: 1s all ease;
}
.reveal.active{
    transform: translateY(0);
    opacity: 1;
}
.arise {
    /* Initial shadow */
    transform: translateY(0);
    box-shadow: var(--bs-box-shadow);
    /* box-shadow: 0 .5rem 1rem rgba(0,0,0, .15); */
    transition: 0.3s all ease; /* Optional: adds a smooth transition effect */
}
.arise:hover {
    /* Shadow on mouseover */
    position: relative;
    transform: translateY(-5px);			
    box-shadow: var(--bs-box-shadow-lg);
    /* box-shadow: 0 1rem 3rem rgba(0,0,0, .175); */
}
.enbiggen{			
    box-shadow: none;
    transition: 0.1s all ease; /* Optional: adds a smooth transition effect */
}
.enbiggen:hover{			
    transform: scale(1.05);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.img-limited{
    max-width: 100%;
    width: 750px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#navbar-container{
    transition: 0.5s all ease;
}
.navbar-scrolled{
    /* variable name found in ritt-custom.min.css */
    background-color: var(--bs-light);
    box-shadow: 0 .5rem 1rem rgba(0,0,0, .15);
}

.dynamic-text {
    --bg-size: 400%;
    --color-one: #f86d53;
    --color-two: #a11900;
    background: linear-gradient(
        90deg,
        var(--color-one),
        var(--color-two),
        var(--color-one)
        )
        0 0 / var(--bg-size) var(--bg-size);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.shadow-nice{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.limited-div {
    max-width: 800px;
}

@media (prefers-reduced-motion: no-preference) {
    .dynamic-text {
        animation: move-bg 10s linear alternate infinite;
    }
    @keyframes move-bg {
        to {
        background-position: 400% 0;
        }
    }
}