body::-webkit-scrollbar {
    /* Chrome, Safari and Opera */
    display: none;
}
body {
    /* IE and Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    width: 100%;
    max-width: 100%;
}
.layout-canvas-g {
    background: transparent;
}
.layout-canvas-g>.section {
    margin: 0px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding: 0px 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row>* {
    padding: 0px 15px;
}
.section-heading {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.7px;
    line-height: 40px;
    color: #503296;
    margin-bottom: 28px;
}
.input-container,
.selection-container {
    margin-bottom: 36px;
    position: relative;
}
.text-input {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 24px;
    color: #000000;
    height: 40px;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #D7E1E6;
    border-radius: 12px;
    padding: 0px 16px;
}
.text-input::placeholder {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 38px;
    color: #503296;
}
.text-input:focus-visible,
.text-input:focus,
.text-input.calendar-open {
    outline: #503296 solid 2px;
    outline-offset: 0px;
    border-color: transparent;
}
.text-input.error:focus-visible,
.text-input.error:focus {
    outline: #D63838 solid 2px;
    outline-offset: 0px;
    border-color: transparent;
}
.text-input.active {
    padding-top: 14px;
}
.text-input.active.empty {
    color: transparent;
}
.has-info-button .text-input {
    width: calc(100% - 32px);
    vertical-align: top;
}
.input-label {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 12px;
    color: #503296;
    position: absolute;
    top: 3px;
    left: 17px;
    z-index: 1;
}
.textarea-container .input-label {
    top: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #FFFFFF;
    width: calc(100% - 34px);
}
.input-label.error {
    color: #D63838;
}
.required-error,
.validation-error {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 12px;
    color: #D63838;
    position: absolute;
    top: 42px;
    left: 17px;
}
.selection-container .required-error {
    top: unset;
    bottom: -14px;
    left: 30px;
}
.info-button {
    width: 20px;
    height: 20px;
    padding: 0px;
    border: 0px;
    margin: 10px 2px 10px 5px;
    background: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/2c618a06-6af2-42a4-8687-5a84e436e74a.png) no-repeat center;
    background-size: contain;
    vertical-align: top;
}
.info-container {
    background-color: #EFF1FC;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 12px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 43px;
    width: 215px;
}
.info-arrow-container {
    filter: drop-shadow(-3px 1px 2px #00000029);
    position: absolute;
    top: 13px;
    right: -7px;
    transform: rotate(225deg);
}
.info-arrow {
    height: 15px;
    width: 15px;
    background-color: #EFF1FC;
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    border-radius: 0 0 0 0.15em;
}
.info-content {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.selection-heading {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1.44px;
    line-height: 24px;
    color: #503296;
}
.selection-label {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 24px;
    color: #0A090B;
    margin-top: 20px;
    padding-left: 12px;
}
.radio-input {
    visibility: hidden;
}
.radio-input:after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -2px;
    left: 0px;
    position: relative;
    background-color: #FFFFFF;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #D7E1E6;
}
.radio-input:checked:after {
    width: 16px;
    height: 16px;
    left: 2px;
    background-color: #503296;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 0 2px #38c6f4;
}
.radio-input:hover,
.checkbox-input:hover,
.selection-label:hover {
    cursor: pointer;
}
.checkbox-input {
    visibility: hidden;
}
.checkbox-input:after {
    width: 20px;
    height: 20px;
    top: 5px;
    left: 0px;
    position: relative;
    background-color: #FFFFFF;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #D7E1E6;
    border-radius: 4px;
}
.checkbox-input:checked:after {
    background-image: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/841c7d4e-f459-45aa-bdcb-aa5cdb982636.png);
    background-size: 14px 11px;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #38c6f4;
}
textarea.text-input {
    resize: none;
    overflow: scroll;
    margin-bottom: -6px;
    height: 153px;
}
textarea.text-input::-webkit-scrollbar {
    /* Chrome, Safari and Opera */
    display: none;
}
textarea.text-input {
    /* IE and Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
}
.text-input.two-lines {
    height: 64px;
    line-height: 48px;
}
.text-input.two-lines::placeholder,
textarea.text-input::placeholder {
    line-height: 24px;
    padding-top: 7px;
}
.ui-selectmenu-button.ui-button {
    display: block;
    width: 100%;
    background: #FFFFFF;
}
.ui-selectmenu-button.ui-button:hover {
    border: 1px solid #D7E1E6;
    color: #503296;
}
.ui-selectmenu-button.ui-button.active:hover {
    color: #000000;
}
.ui-selectmenu-button.ui-button.active.empty:hover {
    color: transparent;
}
.ui-selectmenu-button.ui-button:focus {
    border-color: transparent;
}
.ui-selectmenu-button-closed {
    line-height: 40px;
    color: #503296;
}
.ui-selectmenu-button-closed.active,
.ui-selectmenu-button-closed.active:hover {
    line-height: 24px;
    color: #000000;
}
.ui-selectmenu-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 12px;
    height: 7px;
    position: absolute;
    right: 17px;
    top: 16px;
}
.ui-selectmenu-button-closed .ui-selectmenu-icon,
.ui-selectmenu-button-closed:hover .ui-selectmenu-icon,
.ui-selectmenu-button-closed:focus .ui-selectmenu-icon {
    background-image: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/5dc8c8c8-179c-450b-9ba7-7bd6c29e9b64.png);
}
.ui-selectmenu-button-open .ui-selectmenu-icon,
.ui-selectmenu-button-open:hover .ui-selectmenu-icon,
.ui-selectmenu-button-open:focus .ui-selectmenu-icon {
    background-image: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/4f8d682e-dd11-45b0-a879-68d52ef8cd1c.png);
}
.ui-selectmenu-menu .ui-menu {
    list-style-type: none;
    padding: 0px;
    border-radius: 12px;
    border: 1px solid rgb(215, 225, 230);
    position: relative;
    top: 2px;
    height: 194px;
}
.ui-menu .ui-menu-item-wrapper {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 16px;
    color: #000000;
    padding: 16px;
}
.ui-menu-item-wrapper.ui-state-active {
    border: 0px;
    background: rgba(80, 50, 150, 0.2);
    color: #000000;
    margin: 0px;
}
#first-occupancy-date:hover,
.ui-datepicker-trigger {
    cursor: pointer;
}
#first-occupancy-date.active:hover {
    cursor: auto;
}
.ui-datepicker-trigger {
    position: absolute;
    top: 9px;
    right: 15px;
    width: 22px;
    height: 22px;
}
.ui-datepicker {
    width: 274px;
    padding: 19px 8px 21px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid rgba(238, 238, 238, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
    margin-top: 2px;
    z-index: 101 !important;
}
.ui-datepicker .ui-datepicker-header {
    background: none;
    border: 0px;
    padding: 0px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0px;
    width: 24px;
    height: 24px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0px;
}
.ui-datepicker .ui-datepicker-next {
    right: 0px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: none;
    border: 0px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin: 0px;
    top: 0px;
    left: 0px;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/88525642-f066-413f-9f51-2df8c917313e.png);
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
    opacity: 1;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled .ui-icon {
    background-image: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/06503d3a-38b1-49ed-b432-c51746ece0be.png);
}
.ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/79bec96e-3204-434c-9ce5-c79ddd4079bb.png);
}
.ui-datepicker .ui-datepicker-title {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.10px;
    color: #000000;
    line-height: 24px;
}
.ui-datepicker th {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.40);
    padding: 20px 0px 12px;
}
.ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0px;
}
.ui-datepicker .ui-datepicker-calendar td {
    padding: 0px;
}
.ui-datepicker .ui-state-default {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 33px;
    color: #000000;
    width: 100%;
    height: 32px;
    border: 0px;
    background: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.ui-datepicker .ui-state-default.ui-state-highlight {
    color: #000000;
    background: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/364b0f33-853d-4090-83a5-42e6abe4f570.png) no-repeat center;
    background-size: 28px 28px;
}
.ui-datepicker .ui-state-default.ui-state-active {
    color: #FFFFFF;
    background: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/d4d8af5d-fcca-4676-9802-4b4c1bc63bcb.png) no-repeat center;
    background-size: 28px 28px;
}
.ui-datepicker .ui-state-default.ui-state-hover {
    color: #000000;
    background: url(https://image.q.quantumfiber.com/lib/fe3511717064047f701577/m/1/32c017ae-886d-4ad7-85ef-7516f99361fe.png) no-repeat center;
    background-size: 28px 28px;
}
.helper-text {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 20px;
    color: #14161A;
    position: absolute;
    top: 38px;
    padding: 0px 17px;
}
textarea.text-input+.helper-text {
    top: 151px;
}
.submit-button {
    font-family: objektiv-mk2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 41px;
    color: #503296;
    width: 100%;
    height: 41px;
    background-color: #38C6F4;
    border-radius: 20px;
    text-align: center;
    border: 0px;
    margin-top: 79px;
}
.disclaimer {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 20px;
    color: #14161A;
    margin-top: 15px;
    text-align: center;
}
.link {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 20px;
    color: #503296;
    text-decoration: underline;
}
.link:hover {
    color: #503296;
}
@media (min-width: 410px) and (max-width: 767px) {
    #company-hoa-management-name {
        height: 40px;
        line-height: 24px;
    }
    #company-hoa-management-name::placeholder {
        line-height: 38px;
        padding-top: 0px;
    }
}
@media (min-width: 488px) and (max-width: 767px) {
    #regions-states-provide-service {
        height: 40px;
        line-height: 24px;
    }
    #regions-states-provide-service::placeholder {
        line-height: 38px;
        padding-top: 0px;
    }
}
@media (min-width: 768px) {
    body {
        background-color: transparent;
    }
    .text-input,
    .ui-selectmenu-button.ui-button,
    .has-info-button .text-input,
    .helper-text {
        width: 352px;
    }
    .info-container {
        right: unset;
        left: 407px;
        background-color: #FFFFFF;
    }
    .info-arrow-container {
        right: unset;
        left: -7px;
        transform: rotate(45deg);
        filter: drop-shadow(-1px 2px 2px #00000029);
    }
    .info-arrow {
        background-color: #FFFFFF;
    }
    .textarea-container .input-label {
        width: calc(352px - 34px);
    }
    .ui-datepicker-trigger {
        right: unset;
        left: 315px;
    }
    .submit-button {
        width: 153px;
    }
    .disclaimer {
        width: 352px;
        text-align: left;
    }
}