html{box-sizing:border-box;scroll-behavior:smooth}*{box-sizing:border-box}.hide{display:none !important}.text-shadow{text-shadow:2px 2px 3px #000}@media(max-width: 820px){.hide-on-mobile{display:none !important}}@media(min-width: 821px){.hide-on-desktop{display:none !important}}.negative-overlay{position:relative;z-index:10}@media(max-width: 820px){.negative-overlay{margin-top:-10px !important}}@media(max-width: 820px){.no-gap{gap:0}}.hover .wc-block-grid__product-image{transition:all 300ms}.hover .wc-block-grid__product-image:hover{transform:translateY(-8px)}@media(max-width: 820px){.wp-block-loginout a{color:#000}}.tpgb-plus-button.button-style-1 .button-link-wrap{border:1px solid rgba(0,0,0,0);overflow:hidden;background:#e84545}.tpgb-plus-button.button-style-1 .button-link-wrap:hover{border-color:rgba(0,0,0,0)}.wpforms-submit{height:auto !important;padding:20px 40px !important;transition:all 300ms}.wpforms-submit:hover{background:#21c4d2 !important}@media(max-width: 768px){:root{--wp--preset--spacing--20: 20px;--wp--preset--spacing--30: 30px}.no-padding-mobile{padding:0 !important}header .wp-container-core-group-is-layout-3{justify-content:center}.full-width-mobile{width:100%}}@media(min-width: 769px){.wpforms-field-layout-rows.wpforms-field-large{position:relative}.wpforms-field-layout-rows.wpforms-field-large .form-absolute{position:absolute;top:0;left:52%}}
@media screen  and (max-width: 600px) {
    .no-margin-mobile {
        margin-top: 0 !important;
    }
}
/* Wrapper for the select box */
.school-selector-wrapper {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #f5f5f5; /* Light grey background */
    border-radius: 5px;
}

.school-selector-wrapper label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.school-dropdown {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Loading state styling */
.form-loading {
    color: #666;
    font-style: italic;
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
#dynamic-form-container {
    width: `100%;
    overflow: hidden;
}