.custom-logo-area {
    display: flex;
    align-items: center;
    column-gap: 50px;
}

@media (min-width: 992px) {
    .custom-logo-area {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .custom-logo-area {
        flex-wrap: wrap;
    }
}