/* ===========================
   Our Portfolio
=========================== */

.our-portfolio {
    padding: 80px 0;
}

.our-portfolio .btn-outline-dark {
    border: 1px solid #d9d9d9;
    border-radius: 0;
    padding: 14px 34px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .3s ease;
}

.our-portfolio .btn-outline-dark:hover {
    background: var(--bs-gray-900);
    color: var(--bs-white);
}

/* Space between text columns */
.our-portfolio .col-sm-6:first-child {
    padding-right: 35px;
}

.our-portfolio .col-sm-6:last-child {
    padding-left: 35px;
}

/* ===========================
   Tablet
=========================== */

@media (max-width:991px) {

    .our-portfolio {
        padding: 80px 0;
    }

    .our-portfolio .btn-outline-dark {
        display: inline-block;
        margin: 10px auto 0;
    }

    .our-portfolio .col-sm-6:first-child,
    .our-portfolio .col-sm-6:last-child {
        padding: 0 15px;
    }

}

/* ===========================
   Mobile
=========================== */

@media (max-width:767px) {

    .our-portfolio {
        padding: 60px 0;
    }

    .our-portfolio .row.gy-5>div:last-child {
        margin-top: 10px;
    }

}