.box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.brand-box,
.price-box {
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 25px 10px;
    text-align: center;
    text-decoration: none;
    color: #333;
    min-height: 120px;
}

    .brand-box img {
        max-height: 50px;
        margin: 0 auto 15px;
    }

.price-box {
    min-height: 80px;
    line-height: 30px;
}
    .brand-card:hover,
    .price-card:hover {
        border-color: #0dcaf0;
        transform: translateY(-2px);
    }

.brand-logo {
    height: 55px;
    object-fit: contain;
    margin-bottom: 15px;
}

.search-btn {
    height: 54px;
}

.budget-input {
    height: 54px;
}

.section-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

@media (max-width:768px) {

    .box {
        padding: 20px;
    }

    .main-title {
        font-size: 22px;
    }

    .search-btn {
        width: 100%;
    }
}