/* Gradient heading */
.text-gradient {
    font-weight: 700;
    background: linear-gradient(90deg, #007bff, #a855f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
#map {
    height: 500px;
}

.sidebar {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
}

.filter-option {
    margin-bottom: 10px;
}

.portfolio-item img {
    width: 100%;
    border-radius: 8px;
}

.portfolio-item .cont h6 {
    font-weight: 600;
    margin: 10px 0 5px;
}

.portfolio-item .cont p {
    font-size: 0.9rem;
    color: #555;
}

.active-btn {
    background-color: #000;
    color: #fff;
}


.circle-bg {
    position: relative;
}

    .circle-bg .circle-color {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

        .circle-bg .circle-color.fixed {
            position: fixed;
            pointer-events: none;
            opacity: .5;
        }

    .circle-bg .gradient-circle {
        position: absolute;
        left: -250px;
        top: 250px;
        right: auto;
        bottom: auto;
        z-index: -1;
        width: 500px;
        height: 500px;
        border-radius: 70%;
        background-image: -webkit-linear-gradient(45deg, #059dff, #36c6f0);
        background-image: -o-linear-gradient(45deg, #059dff, #36c6f0);
        background-image: linear-gradient(45deg, #059dff, #36c6f0);
        opacity: .25;
        -webkit-filter: blur(100px);
        filter: blur(100px);
    }

        .circle-bg .gradient-circle.two {
            left: auto;
            top: -250px;
            right: -250px;
            bottom: auto;
            background-image: -webkit-linear-gradient(45deg, #fb5343, #6549d5);
            background-image: -o-linear-gradient(45deg, #fb5343, #6549d5);
            background-image: linear-gradient(45deg, #fb5343, #6549d5);
        }