/* Custom Styles */
* {
    scroll-behavior: smooth;
}

section {
    padding: 0 !important;
}

#breadcrumb {
    padding-top: 3rem;
    padding-bottom: 0;
}

.breadcrumb-item.active {
    color: #B3B3B3;
}

.breadcrumb * {
    font-size: 14px !important;
}

.breadcrumb-item a {
    text-decoration: none;
}

/* End Breadcrumb */

/* Logo */
.logo-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
}

.logo-item img {
    /* width: 100%; */
    width: 150px;
    height: 150px;
    object-fit: contain;
}

/* End Logo */

/* Mobile */
@media (max-width: 768px) {
    #breadcrumb {
        display: none;
    }

    #ourClients {
        margin-top: 2rem;
    }

    .banner-image {
        height: 300px !important;
        object-fit: cover
    }

    /* Logo */
    .logo-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 2.5rem;
    }

    .logo-item img {
        width: 100%;
    }
    /* End Logo */
}

/* Tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #breadcrumb {
        display: none;
    }

    #ourClients {
        margin-top: 2rem;
    }

    /* Logo */
    .logo-wrapper {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 3rem;
    }
}