/**
 * GW Elementor - Global Container Border
 * v1.7.6
 */

.gw-premium-border-yes {
    --gw-premium-border-gradient-height: 3px;
    --gw-premium-border-gradient-start: rgba(162, 150, 102, 0.28);
    --gw-premium-border-gradient-middle: #C4BA90;
    --gw-premium-border-gradient-end: rgba(162, 150, 102, 0.28);
    --gw-premium-border-gradient-duration: 3.5s;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    background-color: #f5f5f0;
    border-style: solid;
    border-color: rgba(162, 150, 102, 0.3);
    border-width: 1px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.gw-premium-border-yes > .gw-premium-border-line {
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    left: 10px;
    right: 10px;
    bottom: auto;
    width: auto;
    height: var(--gw-premium-border-gradient-height);
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-premium-border-gradient-start) 12%,
        var(--gw-premium-border-gradient-middle) 50%,
        var(--gw-premium-border-gradient-end) 88%,
        transparent 100%
    );
    pointer-events: none;
}

.gw-premium-border-yes.gw-premium-border-gradient-speed-slow {
    --gw-premium-border-gradient-duration: 6s;
}

.gw-premium-border-yes.gw-premium-border-gradient-speed-normal {
    --gw-premium-border-gradient-duration: 3.5s;
}

.gw-premium-border-yes.gw-premium-border-gradient-speed-fast {
    --gw-premium-border-gradient-duration: 1.8s;
}

.gw-premium-border-yes.gw-premium-border-gradient-style-classic > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(162, 150, 102, 0.28) 12%,
        #C4BA90 50%,
        rgba(162, 150, 102, 0.28) 88%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-soft > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(214, 204, 166, 0.2) 10%,
        #F5F0E0 45%,
        #D6CCA6 55%,
        rgba(184, 168, 122, 0.22) 90%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-metallic > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        #6E6444 12%,
        #A29666 28%,
        #F5F0E0 48%,
        #C4BA90 58%,
        #8A7E56 80%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-dark > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        #5F5638 15%,
        #8A7E56 35%,
        #C4BA90 50%,
        #6E6444 72%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-double > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(162, 150, 102, 0.2) 10%,
        #C4BA90 24%,
        transparent 37%,
        #F5F0E0 50%,
        transparent 63%,
        #C4BA90 76%,
        rgba(162, 150, 102, 0.2) 90%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-diagonal > .gw-premium-border-line {
    background: linear-gradient(
        115deg,
        transparent 0%,
        #8A7E56 18%,
        #D6CCA6 42%,
        #F5F0E0 50%,
        #A29666 72%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-custom > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-premium-border-gradient-start) 12%,
        var(--gw-premium-border-gradient-middle) 50%,
        var(--gw-premium-border-gradient-end) 88%,
        transparent 100%
    );
}

.gw-premium-border-yes.gw-premium-border-gradient-style-animated-flow > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        #6E6444 12%,
        #A29666 26%,
        #F5F0E0 42%,
        #C4BA90 55%,
        #8A7E56 72%,
        transparent 100%
    );
    background-size: 240% 100%;
    animation: gw-premium-border-flow var(--gw-premium-border-gradient-duration) linear infinite;
}

.gw-premium-border-yes.gw-premium-border-gradient-style-animated-shimmer > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(162, 150, 102, 0.18) 20%,
        #C4BA90 35%,
        #FFFFFF 50%,
        #C4BA90 65%,
        rgba(162, 150, 102, 0.18) 80%,
        transparent 100%
    );
    background-size: 260% 100%;
    animation: gw-premium-border-shimmer var(--gw-premium-border-gradient-duration) ease-in-out infinite;
}

.gw-premium-border-yes.gw-premium-border-gradient-style-animated-pulse > .gw-premium-border-line {
    background: linear-gradient(
        90deg,
        transparent 0%,
        #8A7E56 15%,
        #C4BA90 50%,
        #8A7E56 85%,
        transparent 100%
    );
    animation: gw-premium-border-pulse var(--gw-premium-border-gradient-duration) ease-in-out infinite;
}

.gw-premium-border-yes.gw-premium-border-gradient-no > .gw-premium-border-line {
    display: none;
    animation: none;
}

.gw-premium-border-yes:hover {
    box-shadow: 0 3px 12px rgba(162, 150, 102, 0.15);
}

.gw-premium-border-yes.gw-premium-border-shadow-no {
    box-shadow: none;
}

.gw-premium-border-yes.gw-premium-border-shadow-no:hover {
    box-shadow: none;
}

@keyframes gw-premium-border-flow {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 240% 50%;
    }
}

@keyframes gw-premium-border-shimmer {
    0%,
    100% {
        background-position: 0% 50%;
        opacity: 0.75;
    }

    50% {
        background-position: 100% 50%;
        opacity: 1;
    }
}

@keyframes gw-premium-border-pulse {
    0%,
    100% {
        opacity: 0.45;
        box-shadow: 0 0 0 rgba(196, 186, 144, 0);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(196, 186, 144, 0.45);
    }
}

@media (prefers-reduced-motion: reduce) {
    .gw-premium-border-yes.gw-premium-border-gradient-style-animated-flow > .gw-premium-border-line,
    .gw-premium-border-yes.gw-premium-border-gradient-style-animated-shimmer > .gw-premium-border-line,
    .gw-premium-border-yes.gw-premium-border-gradient-style-animated-pulse > .gw-premium-border-line {
        animation: none;
    }
}


