/* Rope divider class */
.rope-header {
    position: relative;
    border-bottom: none !important;
}

.rope-header::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(156, 120, 83, 0.3) 20%, 
        rgba(156, 120, 83, 0.6) 50%, 
        rgba(156, 120, 83, 0.3) 80%, 
        transparent 100%);
    margin: 1rem 0;
}

.rope-header::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 473px;
    height: 20px;
    background-image: url("images/rope-divider-20-web.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(0 2px 4px rgba(58, 58, 58, 0.15));
}

@media (max-width: 500px) {
    .rope-header::after {
        width: 80vw;
    }
}