/* Wizard Steps */
.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}

/* Sets padding for .btn-wizard class */
.btn-wizard {
    padding: 20px 40px;
}

/* Changes background on hover of .btn-wizard class */
.btn-wizard:hover {
    background: var(--primary-dark-color) !important;
}


/* Step 1 */

/* Styling for the product store */
.product-store .product-card {
    cursor: pointer
}

/* Styling for the selected product card */
.product-store .product-card .cart-selected {
    top: 175px;
    width: 100%;
    display: flex;
    font-size: 10em;
    justify-content: center;
    transition: all 0.3s ease-out;
    opacity: 0;
}

/* Styling for the selected state of the product card */
.product-store .product-card .cart-selected.selected {
    opacity: 1;
}

/* Step 2 Custom CSS */


/* Cursor styling for the upload wrapper */
.select-wrapper .upload-wrapper {
    cursor: pointer;
}

/* Hover styling for the icon in the upload wrapper */
.select-wrapper .upload-wrapper i:hover {
    background: var(--primary-dark-color);
    opacity: 1 !important;
}

/* Image sizing in the select wrapper */
.select-wrapper-image img {
    max-height: 500px;
    max-width: 100%;
}