@font-face {
    font-family: 'Brandon-Reg';
    src: url('../../citypointe-heights/fonts/Brandon_reg.otf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon-Reg';
    src: url('../../citypointe-heights/fonts/Brandon_med.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon-Reg';
    src: url('../../citypointe-heights/fonts/Brandon_bld.otf');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wavehaus 66 Book';
    src: url('../ellis-lane-phase-2/broker-portal/fonts/Wavehaus-66Book.woff2') format('woff2'),
        url('../ellis-lane-phase-2/broker-portal/fonts/Wavehaus-66Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wavehaus 95';
    src: url('../ellis-lane-phase-2/broker-portal/fonts/Wavehaus-95SemiBold.woff2') format('woff2'),
        url('../ellis-lane-phase-2/broker-portal/fonts/Wavehaus-95SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.Brandon-Reg {
    font-family: 'Brandon-Reg';
}
.f-wavehaus {
    font-family: 'Wavehaus 66 Book';
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
}
body{
    font-family: 'Wavehaus 66 Book';
    font-style: normal;
    letter-spacing: 1px;
}
:root{
    --dark-pink: #4d2f49;
    --purple: 52, 37, 66;
}
.border-purple{
    border-color: rgb( var(--purple) ) !important;
}
.body-wrapper{
    background-image: url('../images/pattern.png');
    background-size: 70%; /* Ensures the image covers the entire element */
    background-position: -20vw top; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
.header-logo{
    width: 350px;
}
.h1-form, .h2-form{
    font-weight: 700;
    color:rgb( var(--purple) );
}
.form-control{
    background: transparent !important;
}
.form-control, .form-check-label, .form-control::placeholder, fieldset legend{
    color:  rgb( var(--purple) );
    font-family: 'Brandon-Reg';
    font-weight: 500;
}
.form-check-label{
    font-size: 16px;
}
.square-input:checked{
    background-color: rgb( var(--purple) ) !important;
}
.btn-primary{
    font-family: 'Brandon-Reg';
    min-width: 200px;
    padding: 1.25rem 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 0;
    border-color: rgb(var(--purple)) !important;
    color: rgb(var(--purple)) !important;
}
.btn-primary.btn-fill{
    font-family: 'Brandon-Reg';
    min-width: 200px;
    padding: 1.25rem 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 0;
    border-color: rgb(var(--purple)) !important;
    background-color: rgb(var(--purple)) !important;
    color: white !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:focus-within,
.btn-primary:target,
.btn-primary.disabled,
.btn-primary:disabled{
    background-color: rgb(var(--purple)) !important;
    color: white !important;
}
.btn-primary.btn-fill:hover,
.btn-primary.btn-fill:active,
.btn-primary.btn-fill:focus,
.btn-primary.btn-fill:focus-visible,
.btn-primary.btn-fill:focus-within,
.btn-primary.btn-fill:target{
    background-color: rgb(var(--purple), 0.75) !important;
    color: white !important;
}