trying to hide price

I am trying to hide a price as the site offers only bulk pricing and the price showing is for an individual price and it adds it to the cart along with the bulk pricing. When I change the price to zero it says free large across the top.
Here is what I have

}

/* WooCommerce
——————————————— */

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background-color: #F27999 !important;
border-radius: 0 !important;
color: #fff !important;
font-weight: normal !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #FADCD5 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-family: “Montserrat”,sans-serif !important;
font-size: 12px;
font-weight: 400 !important;
text-transform: uppercase;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce form .form-row .required {
color: #F27999 !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
border-top-color: #F27999 !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
text-align: center;
}

.woocommerce span.onsale {
background-color: #F27999 !important;
font-size: 10px !important;
padding: 4px 7px !important;
}

.woocommerce-cart table.cart img {
width: 100px !important;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
float: left;
padding: 5px !important;
width: 50%;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 100% !important;
}

.woocommerce-cart .entry-content p:first-child::first-letter,
.woocommerce-checkout .entry-content p:first-child::first-letter {
float: none;
font-size: inherit;
margin: 0;
padding: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
list-style: none;
}

.woocommerce-page input[type=”checkbox”],
.woocommerce-page input[type=”radio”] {
width: auto;
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
display: inline !important;
}

.woocommerce .quantity .qty {
padding: 5px 10px;
}

.woocommerce .product-title {
font-family: “Montserrat”,sans-serif;
font-weight: 400;
font-size: 10px;
text-transform: uppercase;
}

I believe its this area here
.woocommerce div.product p.price, .woocommerce div.product span.price {
text-align: center;

is there a workaround to just hide that amount all together so I can set the value to zero and not show the word free?

https://www.oddlotpaperie.com/product/country-cowboy-photo-christmas-card/

https://www.ads-software.com/plugins/woocommerce/