<div id="myContainerId"></div>
<style>
#planitywl {background-color:#F6F7F8
}
@media (min-width: 768px) {#planitywl h3 {color: #000000!important;}}
#planitywl .planity_bookappointment-button-choose {background-color: #000000;}
.planity_ui_appointment_background>div:nth-child(2) {padding: 10px;
}
.planity-gift-voucher-button-choose{background-color: #000000!important;
	}
/*gift voucher title*/
#planitywl>div:nth-child(2)>div:nth-child(2)>div>div>div>div>h2 {color: #000000!important;
}
/*shop container*/
#planitywl>div:nth-child(2)>div:nth-child(2)>div>div>div>h2 {color: #000000!important;
}
#planitywl>div:nth-child(2)>div:nth-child(2)>div>div>div:nth-child(2)>span {color: #000000!important;
}
#planitywl .planity_bookappointment-button-choose {background-color: #000000;
}
</style>
<script>
var container = document.getElementById('myContainerId');
window.planity = {key: '-OJbhdHPambXstpvbUod',
    primaryColor: '#fff',
    appointmentContainer: container,
    options: {}
};
</script>
<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/2/polyfills.latest.js"></script>
<script src="https://d2skjte8udjqxw.cloudfront.net/widget/production/2/app.latest.js"></script>