.ubiquiti-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    background-image: url(../../img/back-ubiquiti.webp);
    border-radius: clamp(16px, 2vw, 24px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: clamp(16px, 3vw, 40px);
    position: relative;
    width: 100%;
    & .logo-ubiquiti {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%) !important;
    }
    & .ubiquiti-item {
        background: white;
        display: flex;
        flex-direction: column;
        border-radius: clamp(16px, 2vw, 24px);
        padding: 16px;
        align-items: center;
        gap: 16px;
        & img:first-child {
            max-width: clamp(70px, 7vw, 100px);
        }
        & p {
            font-size: 12px;
            font-family: var(--Medium);
        }
        & a {
            background: var(--color1);
            text-align: center;
            border-radius: 8px;
            padding: 5px;
            font-size: 14px;
            border: 1px solid var(--color1);
            transition: 0.4s;
            width: 100%;
            &:hover {
                background: white;
            }
        }
    }
}
@media only screen and (max-width: 992px) {
    .ubiquiti-wrapper {
        flex-direction: column;
        background-image: none;
        background-color: var(--color2);
    }
}