*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} blockquote, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
margin: 0;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-8 {
margin-top: 2rem;
}
@media (min-width: 768px) {
.md\:text-title-5xl {
line-height: 49px;
}
} :root {
--navy: #6D6F71;
--teal: #2a7f7f;
--teal-light: #3a9e9e;
--gold: #c8a96e;
--light-bg: #f5f8fa;
--mid-bg: #e8f0f4;
--border: #d0dde6;
--text: #2c3e50;
--text-light: #5a6e80;
--white: #ffffff;
}
.location.mb-\[17px\].text-white.text-paragraph.font-bold.flex.items-center.gap-1 {
line-height: 15px !important;
}
.regional20-page .container {
max-width: 1500px !important;
margin: 0 auto !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.hero-banner.padding-left {
padding-left: 155px !important;
}
.hero-banner h1 {
color: #ffffff !important;
font-weight: 800 !important;
letter-spacing: -0.78% !important;
}
#community_we_server .container,
#hoa-tech-section .container {
max-width: 100% !important; margin-left: max(20px, calc((100vw - 1488px) / 2)) !important;
padding-left: 0px !important;
padding-right: 0px !important;
position: relative;
right: 0;
} .regional20-page {
background: var(--white);
}
.regional20-page .text-paragraph {
font-size: 18px;
line-height: unset;
}
.join-us-section .text-paragraph ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 20px;
}
.join-us-section .text-paragraph ul li {
display: flex;
align-items: flex-start;
gap: 12px;
font-family: Manrope;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
color: #58595D;
}
.join-us-section .text-paragraph ul li::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-image: var(--bullet-icon);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
margin-top: 1px;
}
.join-us-section .content-left.flex {
flex-direction: column;
flex: 0 0 55%;
}
.join-us-section .content-left h3 {
font-weight: 600 !important;
font-size: 24px !important;
line-height: 33px !important;
letter-spacing: 0% !important;
color: #6D6F71 !important;
margin-top: 50px !important;
}
.join-us-section .gform-footer.gform_footer.top_label {
justify-content: center;
}
.join-us-section .gform_footer input[type=submit] {
display: inline-block !important;
margin-top: 6px;
padding: 11px 26px !important;
background: #5A7890;
background-color: #5A7890 !important;
color: #fff !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 3px !important;
cursor: pointer !important;
text-decoration: none !important;
transition: background 0.2s !important;
align-self: flex-start !important;
outline: none !important;
min-width: 199px !important;
}
.gform_required_legend {
display: none !important;
}
.gform_heading {
padding: 15px 20px !important;
text-align: center !important;
background-color: #597890 !important;
color: #fff !important;
margin-bottom: 10px !important;
font-size: 19px !important;
font-weight: 800 !important;
line-height: 26px !important; } .form-card {
background: var(--white);
border: 1px solid var(--border);
box-shadow: 0 6px 32px rgba(26, 46, 74, 0.10);
position: sticky;
top: 24px;
}
.form-card form {
padding: 24px;
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
outline-width: 2px !important;
}
.form-card form .gform_fields {
row-gap: 10px !important;
}
.form-card h4 {
font-family: var(--font-head);
font-size: 18px;
color: var(--navy);
margin-bottom: 24px;
border-bottom: 2px solid var(--teal);
padding-bottom: 14px;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 12px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 12px;
}
.form-group label {
font-size: 12px;
font-weight: 800 !important;
color: #5A7890 !important;
text-transform: unset;
font-size: 14px !important;
line-height: 20px !important;
}
.form-group label span {
color: var(--teal);
}
.form-group input,
.form-group select,
.form-group textarea {
padding: 9px 12px;
border: 1px solid var(--border) !important;
font-family: var(--font-body);
font-size: 14px;
color: var(--text);
background: #fafcfd;
outline: none;
transition: border-color 0.2s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: var(--teal);
}
.form-group textarea {
resize: vertical;
min-height: 80px;
}
.btn-submit {
width: 100%;
background: var(--teal);
color: var(--white);
font-family: var(--font-body);
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 14px;
border: none;
cursor: pointer;
margin-top: 8px;
transition: background 0.2s;
}
.btn-submit:hover {
background: var(--teal-light);
}
.community-services-item {
width: 25%;
max-width: 25%;
}  #our_office_location {
background: #f2f6f9;
}
#our_office_location .container {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
width: 100%;
border-radius: 4px;
overflow: visible; position: relative;
} #our_office_location .office-info {
display: flex;
flex-direction: column;
gap: 22px;
flex: 0 0 65%;
padding: 48px 0px 48px 0px;
}
#our_office_location .office-info h2 {
margin-bottom: 8px;
}
#our_office_location .office-info .bold {
color: rgb(68, 68, 68);
font-weight: 600 !important;
}
#our_office_location .office-info .info-block {
display: flex;
flex-direction: column;
gap: 4px;
margin-left: 20px;
}
#our_office_location .office-info .info-block h4 {
font-size: 18px;
line-height: 1.5;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: 0.06em;
color: rgba(90, 120, 144, 1);
margin-bottom: 2px;
}
#our_office_location .office-info .info-block p,
#our_office_location .office-info .info-block a {
font-size: 18px;
color: #3a4f5e;
line-height: 1.5;
text-decoration: none;
font-weight: 400 !important
}
#our_office_location .office-info .info-block a:hover {
color: #2bb5a0;
}
#our_office_location .office-info .hours-grid {
display: flex;
flex-direction: column;
gap: 2px;
}
#our_office_location .office-info .hours-grid div {
display: flex;
justify-content: flex-start;
font-size: 18px;
color: #3a4f5e;
line-height: 1.5;
gap: 20px
}
#our_office_location .office-info .hours-grid div span:first-child {
min-width: 180px;
}
#our_office_location .office-info .btn-meet {
display: inline-block;
margin-top: 6px;
padding: 11px 26px;
background: #2bb5a0;
color: #fff;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.05em;
border: none;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
transition: background 0.2s;
align-self: flex-start;
margin-left: 20px;
}
#our_office_location .office-info .btn-meet:hover {
background: #23998a;
} #our_office_location .office-profile {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
position: relative; background: #ffffff;
border-radius: 6px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.13);
padding: 52px 36px 44px;
margin: -28px -24px -28px 0; transform: scale(1.04); transform-origin: center center;
z-index: 10;
}
#our_office_location .office-profile .avatar {
width: 100px;
height: 100px;
border-radius: 50%;
background: #2a2a2a;
overflow: hidden;
margin-bottom: 16px;
flex-shrink: 0;
}
#our_office_location .office-profile .avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
#our_office_location .office-profile .profile-name {
font-family: Manrope, sans-serif;
font-size: 1.15rem;
color: #1a2e3b;
text-align: center;
margin-bottom: 3px;
}
#our_office_location .office-profile .profile-name span {
color: #2bb5a0;
font-family: Manrope, sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.04em;
}
#our_office_location .office-profile .profile-title {
font-size: 0.78rem;
color: #6b7e8a;
text-align: center;
margin-bottom: 20px;
font-style: italic;
}
#our_office_location .office-profile .profile-bio {
font-size: 0.78rem;
color: #4a5e6b;
line-height: 1.75;
text-align: left;
}
#our_office_location .office-profile .profile-bio+.profile-bio {
margin-top: 12px;
}
#our_office_location .office-profile .profile-bio+.profile-bio:last-child {
color: #5a6e7b;
font-style: italic;
} #community_we_server {
display: flex;
flex-direction: row;
align-items: stretch; width: 100%; }
#community_we_server .container {
padding-top: 72px;
padding-bottom: 0px;
max-width: unset;
padding-right: unset;
padding-left: unset;
display: flex;
align-items: stretch;
gap: 48px;
} #community_we_server .card {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 0 0 42%;
background: #5f7a96;
border-radius: 14px;
padding: 44px 38px 36px;
color: #e8edf2;
box-shadow: 0 8px 32px rgba(60, 80, 110, 0.22);
}
#community_we_server .card__body {
display: flex;
flex-direction: column;
gap: 20px;
}
#community_we_server .card__body p {
font-size: 15.5px;
line-height: 1.72;
font-weight: 300;
letter-spacing: 0.01em;
color: #dce4ed;
}
#community_we_server .card__footer {
display: flex;
align-items: center;
margin-top: 40px;
}
#community_we_server .card__link {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #e8edf2;
text-decoration: underline;
letter-spacing: 0.05em;  padding-bottom: 3px;
transition: border-color 0.25s ease, color 0.25s ease;
}
#community_we_server .card__link:hover {
color: #fff;
border-color: #fff;
} #community_we_server .panel {
display: flex;
flex-direction: column;
flex: 1 1 0;
justify-content: center;
} #community_we_server .panel__subtext {
font-size: 14.5px;
color: #5a6a7a;
line-height: 1.6;
font-weight: 300;
max-width: 340px;
margin-bottom: 28px;
}
#community_we_server .panel__list {
display: flex;
flex-direction: column;
gap: 0;
list-style: none;
}
#community_we_server .panel__list li {
display: flex;
align-items: center;
padding: 15px 16px;
font-size: 15px;
color: #2c3e50;
font-weight: 400;
border-bottom: 1px solid #dde3ea;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
border-radius: 0;
} #community_we_server .panel__list li:first-child {
background: #eef1f5;
} #community_we_server .panel__list li:not(:first-child):hover {
background: #eef1f5;
padding-left: 22px;
color: #1e2a38;
} #community_we_server .panel__list:hover li:first-child {
background: transparent;
}
#community_we_server .panel__list li:first-child:hover {
background: #eef1f5; padding-left: 22px;
color: #1e2a38;
} section#hoa-tech-section {
overflow: hidden;
}
#hoa-tech-section .container {
padding-top: 72px;
padding-bottom: 72px;
max-width: unset;
padding-right: 0px !important;
padding-left: unset;
} #hoa-tech-section .hts-hero-row {
display: grid;
grid-template-columns: 1fr 65%;
gap: 0;
min-height: 622px;
margin-bottom: 2rem; overflow: hidden;
position: relative; z-index: 9;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
.hts-cards-row.move-up {
margin-top: -100px;
z-index: 10;
position: relative;
width: 80%;
margin-left: 0;
margin-right: auto;
left: 0;
}
#hoa-tech-section .hts-hero-text {
display: flex;
flex-direction: column;
justify-content: center; z-index: 2; position: relative;
}
#hoa-tech-section .hts-hero-text p {
font-size: 0.875rem;
line-height: 1.75;
color: #6b7a8d;
font-weight: 400;
max-width: 480px;
}
#hoa-tech-section .hts-hero-photo {
position: relative;
overflow: hidden;
display: none;
}
.hts-hero-row:before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, #ffffff 30%, transparent 46%);
z-index: 1;
pointer-events: none;
}
#hoa-tech-section .hts-hero-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right top;
display: block;
position: absolute;
right: 0%;
} #hoa-tech-section .hts-hero-photo::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, #ffffff 0%, transparent 35%);
z-index: 1;
pointer-events: none;
} #hoa-tech-section .hts-cards-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
#hoa-tech-section .hts-card {
background: #ffffff;
border-radius: 16px;
padding: 1.75rem 1.6rem 1.5rem; display: flex;
flex-direction: column;
gap: 0.65rem;
transition: transform 0.22s ease, box-shadow 0.22s ease;
box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.04), 3px 0px 3px rgba(0, 0, 0, 0.04);
}
#hoa-tech-section .hts-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 36px rgba(30, 58, 95, 0.13);
} #hoa-tech-section .hts-logo-row {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.3rem;
margin-bottom: 0.4rem;
}
#hoa-tech-section .hts-bv-logo img,
.hts-aam-icon img {
width: 80px;
height: 80;
}
#hoa-tech-section .hts-bv-logo-text {
font-size: 1.5rem;
font-weight: 800;
color: #1e3a5f;
line-height: 1;
letter-spacing: -0.03em;
}
#hoa-tech-section .hts-bv-logo-sub {
font-size: 0.58rem;
font-weight: 700;
color: #1e3a5f;
letter-spacing: 0.04em;
line-height: 1;
padding-bottom: 3px;
text-transform: uppercase;
}
#hoa-tech-section .hts-logo-name-text {
font-size: 0.92rem;
font-weight: 700;
color: #3d4a5c;
letter-spacing: 0.01em;
} #hoa-tech-section .hts-aam-logo-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
margin-bottom: 2px;
}
#hoa-tech-section .hts-aam-tag {
font-size: 0.55rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #ffffff;
background: #2e7d9e;
border-radius: 3px;
padding: 2px 7px;
display: inline-block;
} #hoa-tech-section .hts-card-title {
font-size: 0.88rem;
font-weight: 700;
color: #1e3a5f;
line-height: 1.3;
}
#hoa-tech-section .hts-card-desc {
font-size: 0.82rem;
color: #6b7a8d;
line-height: 1.68;
font-weight: 400;
}
#hoa-tech-section .hts-card-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.28rem;
flex: 1;
}
#hoa-tech-section .hts-card-list li {
font-size: 0.8rem;
color: #3d4a5c;
padding-left: 1rem;
position: relative;
line-height: 1.5;
font-weight: 500;
}
#hoa-tech-section .hts-card-list li::before {
content: '·';
position: absolute;
left: 0;
color: #3d4a5c;
font-size: 1.2rem;
line-height: 1;
top: 0.04rem;
}
#hoa-tech-section .hts-card-link {
display: inline-block;
margin-top: 0.65rem;
font-size: 0.82rem;
font-weight: 700;
color: #2e7d9e;
text-decoration: underline;
letter-spacing: 0.01em;
transition: opacity 0.18s;
}
#hoa-tech-section .hts-card-link:hover {
opacity: 0.75;
}  .section-why {
background: #f2f6f9;
padding: 72px 0px;
color: white;
}
.why-inner {
display: grid;
grid-template-columns: 1fr 615px;
gap: 60px;
align-items: start;
}
.section-why p {
font-size: 15.5px;
color: #5a6e80;
margin-bottom: 16px;
line-height: 1.7;
}
.testimonial-card p { }
.swiper {
width: 100%;
overflow: hidden;
padding: 10px;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
display: flex;
flex-grow: 1;
height: auto;
flex-shrink: 0;
background: #ffffff;
box-shadow: 4px 9px 12px rgba(0, 0, 0, 0.12); border: 1px solid #f1f1f1;
border-radius: 10px;
padding: 10px 30px;
position: relative;
padding-bottom: 80px;
position: relative;
width: auto;
}
.custom_arrows {
position: absolute;
bottom: 16px;
gap: 30px;
left: auto;
transform: translateX(50%);
right: 50%;
flex-direction: row;
justify-content: center;
display: flex;
}
.testimonials-button-prev,
.testimonials-button-next {
align-items: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
cursor: pointer;
display: flex;
justify-content: center;
z-index: 10;
}
.swiper .arrows .testimonials-button-next,
.swiper .arrows .testimonials-button-prev {
background-color: #f2f6f9;
border-radius: 50%;
height: 35px;
position: relative;
width: 35px;
}
.swiper .arrows .testimonials-button-next:after,
.swiper .arrows .testimonials-button-prev:after {
color: #5a7890;
font-size: 20px;
}
.testimonials-button-prev:after {
content: "prev";
}
.testimonials-button-next:after {
content: "next";
}
.testimonials-button-next:after,
.testimonials-button-prev:after {
font-family: swiper-icons;
font-variant: normal;
letter-spacing: 0;
line-height: 1;
text-transform: none !important;
}
.opactity-0 {
opacity: 0;
}
.testimonial-card p {
font-size: 15px;
color: #617E95;
font-style: italic;
margin-bottom: 16px;
padding-top: 16px;
}
.testimonial-card .attribution {
font-size: 13px;
font-weight: 700;
color: #617E95;
letter-spacing: 0.5px;
margin-bottom: 0;
}
.survey-note {
font-size: 11px !important;
color: rgba(255, 255, 255, 0.4);
font-style: italic; line-height: 1.5;
max-width: 450px;
}  .section-faq .container {
padding-top: 72px;
padding-bottom: 72px;
display: grid;
grid-template-columns: 280px 1fr;
gap: 60px;
}
.faq-left {
padding-top: 20px;
}
.section-faq .faq-item {
border-bottom: 1px solid var(--border);
}
#accordion-faq .faq-item button span {
font-size: 20px;
line-height: 1.5;
}
#accordion-faq .text-paragraph {
font-size: 16px;
line-height: 1.5;
}
.faq-left p {
font-size: 14px;
color: var(--text-light);
margin-bottom: 24px;
}
.faq-left a {
font-size: 15px;
font-weight: 700;
color: #5a7890;
text-decoration: underline;
letter-spacing: 0.5px;
}  .section-cta {
padding: 72px 40px;
text-align: center;
position: relative;
overflow: hidden;
}
.section-cta .label {
font-size: 14px;
line-height: normal;
letter-spacing: 3px;
text-transform: uppercase;
color: #E4E9ED;
margin-bottom: 20px;
font-weight: 700;
}
.section-cta h2 {
font-family: Manrope, sans-serif;
font-size: clamp(26px, 3vw, 38px);
color: white;
margin-bottom: 18px;
position: relative;
}
.section-cta p {
color: rgba(255, 255, 255, 0.72);
font-size: 16px;
max-width: 710px;
margin: 0 auto 36px;
position: relative;
}    .section-commitment {
padding: 48px 40px;
}
.section-commitment h3 {
font-family: Manrope, sans-serif;
font-size: 24px;
line-height: 33px;
font-weight: 600;
color: var(--navy);
margin-bottom: 40px;
text-align: left;
}
.commitment-item p {
font-size: 14px !important;
font-weight: 600;
color: var(--navy);
text-align: center;
line-height: 1.3 !important;
} .section-office {
padding: 72px 40px;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
.office-card {
background: var(--light-bg);
padding: 36px;
border-left: 4px solid var(--teal);
}
.office-card h3 {
font-family: Manrope, sans-serif;
font-size: 22px;
color: var(--navy);
margin-bottom: 24px;
}
.office-detail {
margin-bottom: 20px;
}
.office-detail strong {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--teal);
margin-bottom: 6px;
}
.office-detail p,
.office-detail a {
font-size: 14.5px;
color: var(--text);
text-decoration: none;
line-height: 1.7;
}
.hours-table {
width: 100%;
font-size: 14px;
}
.hours-table td {
padding: 2px 0;
color: var(--text);
}
.hours-table td:last-child {
text-align: right;
color: var(--text-light);
}
.cities-served {
font-size: 14px;
color: var(--text-light);
line-height: 1.6;
}
.btn-outline {
display: inline-block;
margin-top: 24px;
padding: 10px 24px;
border: 2px solid var(--teal);
color: var(--teal);
font-family: Manrope, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s;
}
.btn-outline:hover {
background: var(--teal);
color: white;
}
.team-card {
background: white;
border: 1px solid var(--border);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
padding: 36px;
display: flex;
flex-direction: column;
gap: 16px;
}
.team-header {
display: flex;
align-items: center;
gap: 20px;
}
.team-avatar {
width: 72px;
height: 72px;
background: var(--mid-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
flex-shrink: 0;
border: 3px solid var(--teal);
overflow: hidden;
}
.team-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-name {
font-family: Manrope, sans-serif;
font-size: 19px;
color: var(--navy);
}
.team-title {
font-size: 13px;
color: var(--teal);
font-weight: 600;
margin-top: 3px;
}
.team-bio {
font-size: 14.5px;
color: var(--text-light);
line-height: 1.7;
} .communities-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.communities-left p {
font-size: 15.5px;
color: var(--text-light);
line-height: 1.7;
margin-bottom: 16px;
}
.communities-right h3 {
font-family: Manrope, sans-serif;
font-size: 24px;
color: var(--navy);
margin-bottom: 8px;
}
.communities-right .sub {
font-size: 14px;
color: var(--text-light);
margin-bottom: 28px;
}
.community-list {
list-style: none;
}
.community-list li {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid var(--border);
font-size: 16px;
font-weight: 600;
color: var(--navy);
}
.community-list li::before {
content: '';
width: 8px;
height: 8px;
background: var(--teal);
border-radius: 50%;
flex-shrink: 0;
} .section-tech {
padding: 72px 40px;
max-width: 1200px;
margin: 0 auto;
}
.tech-header {
display: flex;
align-items: flex-end;
gap: 48px;
margin-bottom: 56px;
}
.tech-header-text h2 {
font-family: Manrope, sans-serif;
font-size: 30px;
color: var(--navy);
line-height: 1.2;
}
.tech-header-text p {
font-size: 15px;
color: var(--text-light);
margin-top: 12px;
}
.tech-photo {
width: 260px;
height: 220px;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
background: var(--mid-bg);
}
.tech-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tech-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.tech-card {
background: var(--light-bg);
padding: 32px;
border-top: 3px solid var(--teal);
}
.tech-card-logo {
font-size: 13px;
font-weight: 800;
letter-spacing: 2px;
color: var(--navy);
text-transform: uppercase;
margin-bottom: 18px;
display: flex;
align-items: center;
gap: 8px;
}
.tech-card-logo span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: var(--navy);
color: white;
font-size: 12px;
font-weight: 900;
}
.tech-card h4 {
font-size: 16px;
font-weight: 700;
color: var(--navy);
margin-bottom: 8px;
}
.tech-card .sub {
font-size: 13.5px;
color: var(--text-light);
margin-bottom: 16px;
}
.tech-card ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.tech-card ul li {
font-size: 13.5px;
color: var(--text);
padding-left: 16px;
position: relative;
}
.tech-card ul li::before {
content: '•';
position: absolute;
left: 0;
color: var(--teal);
font-weight: 700;
}
.learn-link {
display: inline-block;
margin-top: 18px;
font-size: 13px;
font-weight: 700;
color: var(--teal);
text-decoration: none;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.learn-link:hover {
text-decoration: underline;
} @media screen and (max-width: 1618px) {
.hero-banner.padding-left {
padding-left: 125px !important
}
#community_we_server .container,
#hoa-tech-section .container {
margin-left: max(20px, calc((100vw - 1318px) / 2)) !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.regional20-page .container {
max-width: 1330px !important;
margin: 0 auto !important;
}
}
@media screen and (max-width: 1199px) {
.section-wrapper {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.section-wrapper .container {
padding-top: 0% !important;
padding-bottom: 0px !important;
}
.hero-banner.padding-left {
padding-left: 84px !important
}
.community-services-item {
width: 33%;
max-width: 33%;
}
.why-inner {
grid-template-columns: 1fr 450px;
}
}
@media screen and (max-width: 992px) {
.join-us-section .content-left.flex {
flex-direction: column;
flex: 0 0 50%;
}
.join-us-section .container {
gap: 30px !important;
}
.gform_heading {
font-size: 16px !important;
}
.gform-theme--foundation .gfield--width-half {
grid-column: span 12 !important;
}
#accordion-faq div.icon.rounded-full {
min-width: 32px;
min-height: 32px;
}
.hero-banner {
min-height: 450px !important;
}
#community_we_server .container,
#hoa-tech-section .container {
margin-left: 12px !important;
}
#hoa-tech-section .hts-hero-photo img {
right: 0%;
}
.hts-cards-row.move-up {
width: 95%;
}
#hoa-tech-section .hts-hero-row {
grid-template-columns: 1fr;
background-image: none !important;
min-height: auto !important;
}
#hoa-tech-section .hts-hero-photo {
display: block;
min-height: 300px;
margin-top: 16px;
}
#hoa-tech-section .hts-hero-photo::before,
.hts-hero-row:before {
content: none !important;
}
.hts-cards-row.move-up {
margin-top: -75px;
}
.section-services,
.why-inner {
grid-template-columns: 1fr;
}
.section-office,
.communities-inner,
.tech-cards,
.section-faq {
grid-template-columns: 1fr;
}
.tech-header {
flex-direction: column;
}
.tech-photo {
width: 100%;
}
.form-card {
position: static;
}
.form-row {
grid-template-columns: 1fr;
}
.hero {
padding: 56px 24px 52px;
}
.section-services,
.section-office,
.section-tech,
.section-faq {
padding: 48px 0px;
}
.section-why,
.section-cta,
.section-commitment {
padding: 48px 12px;
}
}
@media screen and (max-width: 768px) {
.section-wrapper, .section-commitment {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.hero-banner.padding-left {
padding-left: 12px !important;
padding-right: 12px !important;
}
.join-us-section .content-left h3 {
margin-top: 0px !important;
font-size: 16px !important;
}
.join-us-section .text-paragraph ul li {
font-size: 14px !important;
}
.section-commitment h3 {
font-size: 16px !important;
margin-bottom: 24px !important;
}
#hoa-tech-section {
padding-top: 0px !important;
padding-bottom: 48px !important;
}
#hoa-tech-section .hts-cards-row,
.why-inner {
gap: 2rem;
}
.hero-banner {
min-height: 400px !important;
}
#our_office_location .office-info .info-block h4,
#our_office_location .office-info .info-block p,
#our_office_location .office-info .info-block a {
font-size: 16px;
}
#our_office_location .office-info .hours-grid div {
font-size: 16px;
}
#our_office_location .office-info .hours-grid div span:first-child {
min-width: 150px;
}
#our_office_location .container {
flex-direction: column;
}
#our_office_location {
flex-direction: column;
overflow: hidden;
}
#our_office_location .office-info {
flex: unset;
padding: 36px 28px;
}
#our_office_location .office-profile {
margin: 0 0 0 0;
transform: scale(1);
border-radius: 0 0 6px 6px;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
padding: 40px 28px 36px;
margin: -28px -24px -28px 0;
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
position: relative;
border-radius: 6px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.13);
padding: 52px 36px 44px;
margin: 10px 0px 28px 0;
transform-origin: center center;
z-index: 10;
}
#community_we_server .container {
display: flex;
flex-direction: column;
gap: 32px;
}
#community_we_server .card {
flex: none;
width: 100%;
padding: 36px 28px 30px;
}
#community_we_server .panel {
width: 100%;
}
#community_we_server .panel__heading {
font-size: 24px;
}
#accordion-faq div.icon.rounded-full {
min-width: 32px;
min-height: 32px;
}
#accordion-faq .faq-item button span {
font-size: 18px;
}
.community-services-item {
width: 47%;
max-width: 48%;
}
.section-services,
.section-office,
.section-tech,
.section-faq {
padding: 48px 0px;
}
#hoa-tech-section {
padding: 0px 0px;
}
.section-faq .container,
#hoa-tech-section .container {
grid-template-columns: 1fr;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
h2 {
font-size: 1.2rem !important;
}
.hts-cards-row.move-up {
width: 100%;
}
#community_we_server .container,
#hoa-tech-section .container {
margin-left: 0px !important;
}
#community_we_server .container,
#hoa-tech-section .container,
.section-why .container,
.section-faq .container {
padding-left: 12px !important;
padding-right: 12px !important;
}
.swiper {
padding: 0px;
}
#hoa-tech-section .hts-cards-row {
grid-template-columns: 1fr;
}
.hts-cards-row.move-up {
margin: 0 auto;
}
.hts-cards-row.move-up {
margin-top: 0px;
}
#hoa-tech-section .hts-hero-row {
grid-template-columns: 1fr;
min-height: auto;
}
#hoa-tech-section .hts-hero-photo {
height: 220px;
}
#hoa-tech-section .hts-hero-photo::before {
background: linear-gradient(to bottom, #ffffff 0%, transparent 30%);
}
.join-us-section .gform-theme--foundation .gfield--width-half {
grid-column: span 12 !important;
}
}
@media screen and (max-width: 480px) {
#our_office_location .office-info h2 {
font-size: 1.4rem;
}
#our_office_location .office-profile .profile-name {
font-size: 1rem;
}
#community_we_server .container {
display: flex;
flex-direction: column;
gap: 24px;
padding: 12px 0;
}
#community_we_server .card {
padding: 28px 20px 24px;
border-radius: 10px;
}
#community_we_server .card__body p {
font-size: 14.5px;
}
#community_we_server .panel__heading {
font-size: 22px;
}
#community_we_server .panel__subtext {
font-size: 13.5px;
}
#community_we_server .panel__list li {
font-size: 14px;
padding: 13px 12px;
}
}