@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

html,
body {
    margin: 0px;
    height: 100%;
    overflow-x: hidden;
    font-family: "Ubuntu", sans-serif;
}

/* a blue color as a generic focus style */
button:focus-visible {
    outline: 2px solid #4a90e2 !important;
    outline: -webkit-focus-ring-color auto 5px !important;
}

a {
    text-decoration: none;
}

.element-light {
    display: flex;
    flex-direction: column;
    min-width: 360px;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #f5f5f5;
}

.element-light .background {
    position: relative;
    max-width: 1920px;
    width: 1920px;
    height: 4073.67px;
    background-color: #ffffff;
}

.element-light .header {

    width: 1920px;
    height: 100px;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.element-light .component {
    display: inline-flex;
    padding: 14px 18px 20px;
    position: absolute;
    top: 1px;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
}

.element-light .img {
    position: relative;
    width: 498px;
    height: 98px;
    top: -20px;
    transition: all 0.3s ease-in-out;
}

.element-light .img:hover {
    transform: scale(1.1);
}

.element-light .call-or-text-APPT-to {
    position: absolute;
    width: 251px;
    height: 38px;
    top: -18px;
    left: 1299px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2f7abc;
    font-size: 25px;
    text-align: right;
    letter-spacing: 0;
    line-height: 37.5px;
    white-space: nowrap;
}

.element-light .text-wrapper {
    font-family: "Ubuntu-Italic", Helvetica;
    font-style: italic;
}

.element-light .span {
    font-family: "Ubuntu-BoldItalic", Helvetica;
    font-weight: 700;
    font-style: italic;
}

.element-light .div-wrapper {
    display: flex;
    flex-direction: column;
    width: 279px;
    align-items: center;
    position: absolute;
    top: 39px;
    left: 1272px;
}

.element-light .text {
    margin-top: -2.25px;
    margin-left: -0.55px;
    margin-right: -0.55px;
    font-family: "Ubuntu-Bold", Helvetica;
    font-weight: 700;
    color: #2f7abc;
    font-size: 40px;
    text-align: center;
    line-height: 60px;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .list {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 1px;
    padding: 0px 0px 0px 1px;
    position: absolute;
    top: 0;
    left: 1600px;
}

.element-light .div {
    display: flex;
    flex-direction: column;
    width: 138.42px;
    align-items: center;
    justify-content: center;
    padding: 38px 30px 39px;
    position: relative;
    align-self: stretch;
    background: linear-gradient(180deg,
            rgb(32, 159, 227) 0%,
            rgb(47, 122, 188) 100%);
}

.element-light .text-2 {
    margin-top: -1.00px;
    margin-left: -0.29px;
    margin-right: -0.29px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .component-2 {
    display: flex;
    flex-direction: column;
    width: 180px;
    align-items: center;
    justify-content: center;
    padding: 26px 51.45px 27px 51.44px;
    position: relative;
    align-self: stretch;
    background: linear-gradient(180deg,
            rgb(32, 159, 227) 0%,
            rgb(47, 122, 188) 100%);
}

.element-light .text-3 {
    margin-top: -0.50px;
    margin-left: -0.44px;
    margin-right: -0.44px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: normal;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .main-article {
    position: absolute;
    width: 1920px;
    height: 3395px;
    top: 156px;
    left: 0;
}

.element-light .overlap {
    position: relative;
    height: 3395px;
}

.element-light .overlap-group {
    position: absolute;
    width: 1920px;
    height: 3395px;
    top: 0;
    left: 0;
}

.element-light .header-2 {
    display: flex;
    flex-direction: column;
    width: 1920px;
    align-items: flex-start;
    padding: 100px 360px 104px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #2f7abc;
    overflow: hidden;
}

.element-light .component-3 {
    position: absolute;
    width: 921px;
    height: 225px;
    top: 32px;
    left: 992px;
}

.element-light .heading-acoustic {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 56.2px;
    white-space: nowrap;
}

.element-light .container {
    position: absolute;
    width: 764px;
    height: 3134px;
    top: 260px;
    left: 360px;
}

.element-light .overlap-2 {
    position: absolute;
    width: 764px;
    height: 598px;
    top: 128px;
    left: 0;
}

.element-light .figure-doctor {
    position: absolute;
    width: 764px;
    height: 100%;
    top: 0;
    left: 0;
}

.element-light .figure-doctor video {

    position: absolute;
    width: 764px;
    height: 100%;
    top: 0;
    left: 0;
}

.element-light .an-acoustic-neuroma {
    position: absolute;
    width: 762px;
    height: 90px;
    top: 636px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .though-noncancerous {
    position: absolute;
    width: 750px;
    height: 120px;
    top: 740px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .strong-unilateral {
    position: absolute;
    width: 762px;
    height: 120px;
    top: 960px;
    left: 0;
    font-family: "Ubuntu-Bold", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .text-wrapper-2 {
    font-weight: 700;
}

.element-light .text-wrapper-3 {
    font-family: "Ubuntu-Regular", Helvetica;
}

.element-light .overlap-3 {
    position: absolute;
    width: 752px;
    height: 120px;
    top: 1103px;
    left: 0;
}

.element-light .strong-bilateral {
    position: absolute;
    width: 743px;
    height: 60px;
    top: 0;
    left: 0;
    font-family: "Ubuntu-Bold", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.strong-bilateral a {
    text-decoration: underline;
    color: #2f7abc;
}

.element-light .component-4 {
    display: inline-flex;
    top: 34px;
    left: 253px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
}

.element-light .text-4 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2f7abc;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    text-decoration: underline;
    white-space: nowrap;
}

.element-light .text-wrapper-4 {
    position: absolute;
    width: 165px;
    height: 30px;
    top: 30px;
    left: 536px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .malfunctioning-gene {
    position: absolute;
    width: 752px;
    height: 60px;
    top: 60px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.neuromas-symptoms {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul li {
    font-size: 20px;
    margin: 0 8px;
}

.overlap-4 a {
    text-decoration: underline;
    color: #2f7abc;
}

.overlap-4 span {
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.overlap-group-2 p {
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;

}

.element-light .more-often-than-not {
    position: absolute;
    width: 757px;
    height: 120px;
    top: 1340px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .there-are-no-known {
    position: absolute;
    width: 736px;
    height: 90px;
    top: 1483px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .because-acoustic {
    position: absolute;
    width: 752px;
    height: 60px;
    top: 1737px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .if-the-tumor {
    position: absolute;
    width: 727px;
    height: 60px;
    top: 1821px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .list-2 {
    flex-direction: column;
    width: 100%;
    gap: 38px;
    padding: 0px 0px 0px 20px;
    position: absolute;
    top: 1907px;
    left: 0;
    display: flex;
    align-items: flex-start;
}

.element-light .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.element-light .text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    z-index: 1;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .symbol {
    position: relative;
    width: fit-content;
    margin-top: -29.5px;
    z-index: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .early-diagnosis-and {
    position: absolute;
    width: 657px;
    height: 30px;
    top: 2196px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .when-these-tumors-go {
    position: absolute;
    width: 763px;
    height: 90px;
    top: 2315px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .overlap-4 {
    position: absolute;
    width: 759px;
    height: 150px;
    top: 2521px;
    left: 0;
}

.element-light .text-wrapper-6 {
    position: absolute;
    width: 47px;
    height: 30px;
    top: 0;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .component-5 {
    display: inline-flex;
    top: 4px;
    left: 47px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
}

.element-light .will-typically {
    position: absolute;
    width: 560px;
    height: 30px;
    top: 0;
    left: 198px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .symptoms-in {
    position: absolute;
    width: 759px;
    height: 120px;
    top: 30px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .surgery-may-be-an {
    position: absolute;
    width: 762px;
    height: 90px;
    top: 2835px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.element-light .overlap-group-wrapper {
    position: absolute;
    width: 634px;
    height: 124px;
    top: 2950px;
    left: 0;
    background: linear-gradient(180deg,
            rgb(47, 122, 188) 24.75%,
            rgb(45, 98, 143) 100%);
}

.element-light .overlap-group-2 {
    position: relative;
    width: 569px;
    height: 60px;
    top: 30px;
    left: 33px;
}

.element-light .call-south-valley {
    position: absolute;
    width: 348px;
    height: 30px;
    top: 0;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .text-wrapper-7 {
    color: #ffffff;
}

.element-light .text-wrapper-8 {
    color: #57caac;
}

.element-light .component-6 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    top: 4px;
    left: 347px;
}

.element-light .text-5 {
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    text-decoration: underline;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .for-more {
    position: absolute;
    width: 85px;
    height: 30px;
    top: 0;
    left: 484px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .p {
    position: absolute;
    width: 396px;
    height: 30px;
    top: 30px;
    left: 86px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .heading {
    display: flex;
    flex-direction: column;
    width: 764px;
    align-items: flex-start;
    position: absolute;
    top: 110px;
    left: 0;
}

input {
    padding: 15px 0;
    width: 100%;
    color: var(--content-color);
    background: #fff;
    outline: none;
    border: none;
}

input::placeholder {
    transform: translateY(-10px);
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #adadad;
}

.element-light .image {
    display: flex;
    flex-direction: column;
    width: 66px;
    height: 22px;
    align-items: flex-start;
    position: absolute;
    top: 13px;
    left: -80px;
}

.element-light .before-svg-fill {
    display: flex;
    flex-direction: column;
    width: 66px;
    height: 22px;
    align-items: center;
    justify-content: center;
    padding: 0px 2.75px;
    position: relative;
}

.element-light .component-7 {
    position: relative;
    width: 60.5px;
    height: 22px;
}

.element-light .text-wrapper-9 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
    white-space: nowrap;
}

.element-light .heading-types-of {
    position: absolute;
    width: 396px;
    height: 35px;
    top: 909.12px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 35.2px;
    white-space: nowrap;
}

.element-light .heading-2 {
    width: 764px;
    align-items: flex-start;
    position: absolute;
    top: 1272px;
    left: 0;
    display: flex;
    flex-direction: column;
}

.element-light .heading-3 {
    width: 764px;
    align-items: flex-start;
    position: absolute;
    top: 1623px;
    left: 0;
    display: flex;
    flex-direction: column;
}

.element-light .before-svg-fill-wrapper {
    display: flex;
    flex-direction: column;
    width: 66px;
    height: 22px;
    align-items: flex-start;
    position: absolute;
    top: 37px;
    left: -80px;
}

.element-light .text-wrapper-10 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
}

.element-light .heading-what-is {
    position: absolute;
    width: 754px;
    height: 35px;
    top: 2264px;
    left: 0;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 35.2px;
    white-space: nowrap;
}

.element-light .heading-4 {
    width: 764px;
    align-items: flex-start;
    position: absolute;
    top: 2454px;
    left: 0;
    display: flex;
    flex-direction: column;
}

.element-light .heading-5 {
    width: 764px;
    align-items: flex-start;
    position: absolute;
    top: 2720px;
    left: 0;
    display: flex;
    flex-direction: column;
}

.element-light .complementary {
    display: flex;
    flex-direction: column;
    width: 388px;
    align-items: center;
    gap: 13.5px;
    padding: 0px 0px 41.6px;
    position: absolute;
    top: 320px;
    left: 1172px;
    background-color: #ffffff01;
    box-shadow: 0px 0px 12px #00000040;
}

.element-light .heading-6 {
    width: 388px;
    align-items: center;
    padding: 30px 115.2px 23px 115.19px;
    position: relative;
    flex: 0 0 auto;
    background-color: #2f7abc;
    display: flex;
    flex-direction: column;
}

.element-light .text-wrapper-11 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    margin-left: -0.19px;
    margin-right: -0.19px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: 38.4px;
    white-space: nowrap;
}

.element-light .if-you-are {
    position: relative;
    width: fit-content;
    font-family: "Ubuntu-Bold", Helvetica;
    font-weight: 700;
    color: #2c2c2c;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 27px;
}

.element-light .please-complete-the {
    position: relative;
    width: fit-content;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2c2c2c;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 27px;
}

.element-light .form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 8.59px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.element-light .background-shadow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 6px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px #00000040;
}

.element-light .label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2px 8px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.element-light .text-wrapper-12 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #979797;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
}

.element-light .input {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 31px;
    background-color: #ffffff;
}

.element-light .component-8 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 52px 11px;
    position: relative;
    flex: 0 0 auto;
    background-color: #57caac;
    border-radius: 45px;
}

.element-light .text-6 {
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #1e5381;
    font-size: 20px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .footer {
    position: absolute;
    width: 1920px;
    height: 523px;
    top: 3551px;
    left: 0;
    background-color: #1e5381;
}

.element-light .overlap-5 {
    position: relative;
    width: 1920px;
    height: 483px;
    top: 40px;
}

.element-light .overlap-6 {
    position: absolute;
    width: 1920px;
    height: 483px;
    top: 0;
    left: 0;
}

.element-light .component-wrapper {
    position: absolute;
    width: 1920px;
    height: 400px;
    top: 83px;
    left: 0;
    overflow: hidden;
}

.element-light .component-9 {
    position: absolute;
    width: 1300px;
    height: 464px;
    top: 0;
    left: -100px;
}

.element-light .nav {
    display: inline-flex;
    flex-direction: column;
    height: 367px;
    align-items: flex-start;
    gap: 1.85e-13px;
    position: absolute;
    top: 0;
    left: 212px;
}

.element-light .img-wrapper {
    display: flex;
    max-width: 277px;
    width: 277px;
    padding: 0px 0px 21px;
    position: relative;
    flex: 0 0 auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #ffffff;
    flex-direction: column;
    align-items: flex-start;
}

.element-light .component-10 {
    position: relative;
    width: 277px;
    height: 39.3px;
}

.element-light .list-3 {
    justify-content: flex-end;
    gap: 20px;
    padding: 20px 10px 0px 159px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
}

.element-light .component-11 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.element-light .component-12 {
    position: relative;
    width: 24px;
    height: 24px;
}

.element-light .component-13 {
    display: inline-flex;
    padding: 2.31px 0px 0px;
    position: relative;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
}

.element-light .component-14 {
    position: relative;
    width: 20px;
    height: 20px;
}

.element-light .component-15 {
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: flex-start;
    padding: 0px 0px 1.59px 32.4px;
    position: absolute;
    top: 81px;
    left: 584px;
}

.element-light .component-16 {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 3px;
    left: 0;
}

.element-light .text-7 {
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    line-height: 21.6px;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .component-17 {
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: flex-start;
    padding: 0px 0px 1.59px 32.4px;
    position: absolute;
    top: 176px;
    left: 584px;
}

.element-light .text-8 {
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    line-height: 21.6px;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .component-18 {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 230px;
    left: 584px;
}

.element-light .text-wrapper-13 {
    left: 616px;
    position: absolute;
    width: 123px;
    height: 22px;
    top: 226px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21.6px;
    white-space: nowrap;
}

.element-light .container-2 {
    display: flex;
    max-width: 270px;
    width: 250px;
    align-items: flex-start;
    gap: 3.59px;
    padding: 1.2px 0px 2.38px 32.4px;
    position: absolute;
    top: 279px;
    left: 584px;
}

.element-light .text-wrapper-14 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 25.2px;
    white-space: nowrap;
}

.element-light .component-19 {
    left: 874px;
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: flex-start;
    padding: 0px 0px 1.59px 32.4px;
    position: absolute;
    top: 81px;
}

.element-light .component-20 {
    left: 874px;
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: flex-start;
    padding: 0px 0px 1.59px 32.4px;
    position: absolute;
    top: 176px;
}

.element-light .component-21 {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 230px;
    left: 874px;
}

.element-light .text-wrapper-15 {
    left: 906px;
    position: absolute;
    width: 123px;
    height: 22px;
    top: 226px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21.6px;
    white-space: nowrap;
}

.element-light .container-3 {
    display: flex;
    max-width: 270px;
    width: 250px;
    align-items: flex-start;
    gap: 3.59px;
    padding: 1.2px 0px 2.38px 32.4px;
    position: absolute;
    top: 279px;
    left: 874px;
}

.element-light .component-22 {
    left: 1164px;
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: flex-start;
    padding: 0px 0px 1.59px 32.4px;
    position: absolute;
    top: 81px;
}

.element-light .component-23 {
    left: 1164px;
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: flex-start;
    padding: 0px 0px 1.59px 32.4px;
    position: absolute;
    top: 176px;
}

.element-light .component-24 {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 230px;
    left: 1164px;
}

.element-light .text-wrapper-16 {
    left: 1196px;
    position: absolute;
    width: 123px;
    height: 22px;
    top: 226px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 21.6px;
    white-space: nowrap;
}

.element-light .container-4 {
    display: flex;
    max-width: 270px;
    width: 250px;
    align-items: flex-start;
    gap: 3.59px;
    padding: 1.2px 0px 2.38px 32.4px;
    position: absolute;
    top: 279px;
    left: 1164px;
}

.element-light .nav-2 {
    display: inline-flex;
    flex-direction: column;
    height: 367px;
    align-items: flex-start;
    gap: 21.59px;
    padding: 17px 0px 0px;
    position: absolute;
    top: 0;
    left: 1508px;
}

.element-light .quick-links-wrapper {
    position: relative;
    width: 199.78px;
    height: 42.8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #ffffff;
}

.element-light .text-wrapper-17 {
    position: absolute;
    width: 109px;
    height: 20px;
    top: -2px;
    left: 0;
    font-family: "Ubuntu-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 19.8px;
    white-space: nowrap;
}

.element-light .list-4 {
    flex-direction: column;
    gap: 10.8px;
    padding: 5.39px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: -9.15px;
    display: flex;
    align-items: flex-start;
}

.element-light .component-25 {
    display: inline-flex;
    align-items: flex-start;
    padding: 0px 0px 1px;
    position: relative;
    flex: 0 0 auto;
}

.element-light .text-9 {
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    line-height: normal;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .horizontal-divider {
    position: absolute;
    width: 1496px;
    height: 1px;
    top: 407px;
    left: 212px;
    background-color: #ffffff;
}

.element-light .copyright-south {
    position: absolute;
    width: 552px;
    height: 22px;
    top: 420px;
    left: 212px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14.4px;
    text-align: center;
    letter-spacing: 0;
    line-height: 21.6px;
    white-space: nowrap;
}

.element-light .nav-list {
    position: absolute;
    width: 243px;
    height: 22px;
    top: 421px;
    left: 1465px;
}

.element-light .overlap-group-3 {
    position: absolute;
    width: 169px;
    height: 22px;
    top: 0;
    left: 0;
}

.element-light .item-2 {
    left: 0;
    display: inline-flex;
    flex-direction: column;
    height: 22px;
    align-items: center;
    padding: 2px 10px 3.61px;
    position: absolute;
    top: 0;
}

.element-light .component-26 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    margin-bottom: -6.00px;
}

.element-light .text-10 {
    margin-top: -1.00px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14.4px;
    text-align: center;
    line-height: 21.6px;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .text-wrapper-18 {
    position: absolute;
    width: 4px;
    height: 22px;
    top: -1px;
    left: 68px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14.4px;
    text-align: center;
    letter-spacing: 0;
    line-height: 21.6px;
    white-space: nowrap;
}

.element-light .item-3 {
    left: 69px;
    display: inline-flex;
    flex-direction: column;
    height: 22px;
    align-items: center;
    padding: 2px 10px 3.61px;
    position: absolute;
    top: 0;
}

.element-light .text-wrapper-19 {
    position: absolute;
    width: 4px;
    height: 22px;
    top: -1px;
    left: 98px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14.4px;
    text-align: center;
    letter-spacing: 0;
    line-height: 21.6px;
    white-space: nowrap;
}

.element-light .component-27 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 2px;
    left: 179px;
}

.element-light .west-jordan-wrapper {
    left: 584px;
    position: absolute;
    width: 250px;
    height: 43px;
    top: 17px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #ffffff;
}

.element-light .west-jordan {
    position: absolute;
    width: 125px;
    height: 20px;
    top: -2px;
    left: 0;
    font-family: "Ubuntu-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 19.8px;
    white-space: nowrap;
}

.element-light .fort-union-wrapper {
    left: 874px;
    position: absolute;
    width: 250px;
    height: 43px;
    top: 17px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #ffffff;
}

.element-light .riverton-wrapper {
    left: 1164px;
    position: absolute;
    width: 250px;
    height: 43px;
    top: 17px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #ffffff;
}

.element-light .riverton {
    position: absolute;
    width: 89px;
    height: 20px;
    top: -2px;
    left: 0;
    font-family: "Ubuntu-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 19.8px;
    white-space: nowrap;
}

.element-light .menubar {
    position: absolute;
    width: 1920px;
    height: 56px;
    top: 100px;
    left: 0;
    background-color: #1e5381;
    box-shadow: 0px 4px 4px #00000080;
    z-index: 1000;
    transition: top 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Smooth transitions */
}

.menubar.fixed {
    position: fixed;
    top: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.element-light .component-28 {
    display: flex;
    width: 10044px;
    align-items: center;
    justify-content: center;
    gap: 9950.85px;
    padding: 12.5px 15px 13.5px 0px;
    position: absolute;
    top: 0;
    left: -9630px;
}

.element-light .text-11 {
    margin-top: -1.00px;
    margin-left: -0.34px;
    z-index: 1;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}

.element-light .component-29 {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: -0.34px;
    z-index: 0;
}

.element-light .slot-menuitem {
    position: absolute;
    width: 348px;
    height: 56px;
    top: 0;
    left: 414px;
}

.element-light .slot-menuitem:hover,
.slot-menuitem-2:hover,
.slot-menuitem-3:hover,
.slot-menuitem-4:hover {
    background: #57caac;
}

.element-light .text-wrapper-20 {
    position: absolute;
    width: 57px;
    height: 30px;
    top: 12px;
    left: 135px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .mask-group {
    position: absolute;
    width: 14px;
    height: 7px;
    top: 26px;
    left: 199px;
}

.element-light .slot-menuitem-2 {
    width: 378px;
    left: 762px;
    position: absolute;
    height: 56px;
    top: 0;
}

.element-light .text-wrapper-21 {
    position: absolute;
    width: 87px;
    height: 30px;
    top: 12px;
    left: 135px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .mask-group-2 {
    left: 230px;
    position: absolute;
    width: 14px;
    height: 7px;
    top: 26px;
}

.element-light .slot-menuitem-3 {
    width: 366px;
    left: 1140px;
    position: absolute;
    height: 56px;
    top: 0;
}

.element-light .text-wrapper-22 {
    position: absolute;
    width: 75px;
    height: 30px;
    top: 12px;
    left: 135px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .mask-group-3 {
    left: 217px;
    position: absolute;
    width: 14px;
    height: 7px;
    top: 26px;
}

.element-light .slot-menuitem-4 {
    width: 54px;
    left: 1506px;
    position: absolute;
    height: 56px;
    top: 0;
}

.element-light .component-30 {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 16px;
    left: 15px;
}

.element-light .text-wrapper-23 {
    position: absolute;
    width: 61px;
    height: 30px;
    top: 12px;
    left: -10004px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
    white-space: nowrap;
}

.element-light .mask-group-4 {
    left: -9936px;
    position: absolute;
    width: 14px;
    height: 7px;
    top: 26px;
}

.element-light .component-31 {
    display: flex;
    width: 178px;
    padding: 10px 20px;
    top: -200000px;
    left: 20px;
    background-color: #eeeeee;
    box-shadow: 1px 1px 4px #00000080;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
}

.element-light .text-12 {
    margin-top: -1.00px;
    margin-right: -0.41px;
    font-family: "Ubuntu-Regular", Helvetica;
    font-weight: 400;
    color: #2f7abc;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0;
}