form {
    display: block !important;
}

.registration-bg {
    background-color: #EDEDED;
    border-radius: clamp(1px, 0.8vw, 30px);
}

.date-bg,
.loc-bg,
.rem-bg {
    height: clamp(1px, 3.9999vw, 192px);
    background: #FFFFFF;
    border-radius: clamp(1px, 0.5vw, 20px);

}

.date,
.loc,
.email {
    width: clamp(1px, 2.0834vw, 80px);
    height: clamp(1px, 2.0834vw, 80px);
}

.form-container {
    background-color: #F0F9FF;
    border-radius: clamp(1px, 0.8vw, 30px);
}

.registration-form {
    width: clamp(1px, 31.042vw, 1192px);
    height: 100%;
    background: #FFFEFE;
    box-shadow: -13.5708px 45.559px 47.4977px rgba(0, 0, 0, 0.09), -2.90802px 11.6321px 26.1722px rgba(0, 0, 0, 0.1);
    border-radius: clamp(1px, 0.5, 20px);
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 0.5em 1em !important;
    padding: 0.2em 1em;
    border: 2px solid #F97E00;
}

.registration-label p {
    margin-bottom: clamp(1px, 1.666665vw, 4rem);
}

.registration-label input,
.country select,
.province select,
.city select {
    width: clamp(1px, 17.448vw, 670px);
    height: clamp(1px, 2.917vw, 112px);
    margin: 0;
    border: none;
    background-color: transparent !important;
    border-bottom: clamp(1px, 0.2vw, 4px) solid #CDCDCD;
    padding: 0px 15px;
}

.contact-form input {
    width: clamp(1px, 26.9792vw, 1036px);
}

.street input {
    width: clamp(1px, 40.625vw, 1560px) !important;
}

.zipcode input {
    width: clamp(1px, 13.3334vw, 512px) !important;
}

.wpcf7-submit {
    font-family: Inter SemiBold;
    width: clamp(1px, 13.959vw, 536px);
    height: clamp(1px, 2.917vw, 112px);
    background: #2752A2;
    border-radius: clamp(1px, 0.6vw, 24px);
    border: none;
    padding: 0 !important;
}

.registration-form-label:focus-within label {
    font-family: Inter SemiBold;
    color: #F97E00;
}

.registration-form-label input:focus,
.registration-form-label input:focus-visible {
    outline: none;
    box-shadow: none;
    border-bottom: clamp(1px, 0.2vw, 4px) solid #F97E00;
}

textarea {
    width: clamp(1px, 27.396vw, 1052px);
    min-height: clamp(1px, 5.417vw, 208px);
    border: none;
    border-radius: clamp(1px, 0.6vw, 24px);
    background-color: transparent !important;
    border: clamp(1px, 0.2vw, 4px) solid #CDCDCD;
    padding: clamp(1px, 0.7vw, 40px) 15px;
    margin: 0;
    max-height: clamp(1px, 5.417vw, 208px);
}

textarea:focus,
textarea:focus-visible {
    outline: none;
    box-shadow: none;
    border: clamp(1px, 0.2vw, 4px) solid #F97E00;
}

.soc-icon img {
    width: clamp(1px, 1.777vw, 70px);
    height: clamp(1px, 1.777vw, 70px);
}


/* MOBILE VIEW */
@media (max-width:767px) {
    .registration-bg {
        background-color: #EDEDED;
        border-radius: clamp(1px, 2.8vw, 30px);
    }

    .date-bg,
    .loc-bg,
    .rem-bg {
        height: clamp(1px, 18.605vw, 192px);
        background: #FFFFFF;
        border-radius: clamp(1px, 2.5vw, 20px);
    }

    .date,
    .loc,
    .email {
        width: clamp(1px, 9.303vw, 80px);
        height: clamp(1px, 9.303vw, 80px);
    }

    .form-container {
        border-radius: clamp(1px, 2.8vw, 30px);
    }

    .registration-label input,
    .country select,
    .province select,
    .city select,
    .street input,
    .city input {
        width: clamp(1px, 72.791vw, 670px) !important;
        height: clamp(1px, 13.024vw, 112px);
        border-bottom: clamp(1px, 0.5vw, 4px) solid #CDCDCD;
    }

    .registration-label p {
        margin-bottom: clamp(1px, 7.44185vw, 4rem);
    }

    .wpcf7-submit {
        width: clamp(1px, 72.791vw, 670px) !important;
        height: clamp(1px, 13.024vw, 112px);
        border-radius: clamp(1px, 2.6vw, 24px);
    }
}