.button,
section .splash img {
    width: 100%;
}
.button .font-light,
body {
    font-weight: 300;
}
.sign-up,
body.no-scroll {
    overflow: hidden;
}
.button {
    text-decoration: none;
}
.cta__buttons li,
.team-members__list li {
    list-style-image: none;
    list-style-type: none;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
body {
    font-family: "Open Sans";
    color: #091757;
}
.button,
form label:not(.check-radio),
strong {
    font-weight: 700;
}
.container,
.row > * {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}
.row {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
}
ul li {
    list-style-image: url(https://velera-cr-source-code.pages.dev/114422d3210c81f22271.svg);
}
blockquote {
    padding-top: 2.5rem;
    background: url(https://velera-cr-source-code.pages.dev/64841aa7685d6c1eb059.svg) no-repeat;
}
blockquote .quote {
    font-size: 1.25rem;
    font-weight: 800;
    color: #2e6bf0;
}
.partnership h2,
.team-members h2,
blockquote footer {
    color: #2e6bf0;
}
.site-footer,
section {
    padding: 3rem 0;
}
.button,
.sign-up .error {
    padding: 1rem 1.5rem;
    color: #fff;
}
button {
    border: 0;
    padding: 0;
    background-color: transparent;
}
.button {
    display: flex;
    justify-content: space-between;
    border-radius: 0.5rem;
    background-color: #091757;
    transition: background-color 128ms ease-out;
}
.button:focus,
.button:hover {
    background-color: #2e6bf0;
}
.button-arrow,
.button-arrow-blue {
    margin-left: 0.75rem;
}
.button-arrow-blue__left,
.button-arrow__left {
    display: inline-block;
    margin-right: 0.75rem;
    transform: translateY(3px) rotate(180deg);
}
form fieldset {
    display: block;
}
form fieldset:not(:first-child) {
    margin-top: 1.25rem;
}
form label.check-radio {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}
form input:not([type="checkbox"], [type="radio"]),
form textarea:not([type="checkbox"], [type="radio"]) {
    display: block;
    margin-top: 0.5rem;
    border: 0;
    padding: 0.75rem 1rem;
    width: 100%;
    font-weight: 300;
    line-height: 1.5;
}
form input:focus,
form textarea:focus {
    outline: 0;
}
form input[type="checkbox"],
form textarea[type="checkbox"] {
    appearance: none;
    flex-shrink: 0;
    margin-right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: inset 0 0 0 1.25rem #fff, inset 0 0 0 1.25rem #7dc5e2;
    transition: box-shadow 128ms ease-out;
}
form input[type="checkbox"]:checked,
form textarea[type="checkbox"]:checked {
    box-shadow: inset 0 0 0 0.5rem #fff, inset 0 0 0 1.25rem #7dc5e2;
}
form footer {
    margin-top: 2.25rem;
}
.site-footer a {
    color: inherit;
}
.site-footer a:focus,
.site-footer a:hover {
    text-decoration: underline;
}
.sixteen-by-nine {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0 0 56.25%;
}
.sixteen-by-nine > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-trigger {
    cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem;
    font-weight: 800;
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.125rem;
}
p {
    margin: 1.5rem 0 0;
    font-weight: 400;
}
.sign-up__title,
p:first-child {
    margin: 0;
}
.sign-up {
    position: fixed;
    z-index: 100;
    padding: 0;
    width: 100vw;
}
.ecosystem ul,
.sign-up form {
    margin-top: 1.5rem;
}
.sign-up__wrapper {
    background-color: #efe63f;
}
.sign-up__heading {
    padding-top: 3.5rem;
    padding-bottom: 1.25rem;
    cursor: pointer;
}
.sign-up .error {
    background-color: #900;
    border-radius: 7px;
}
.hero {
    position: relative;
    height: 100vh;
    padding: 0;
    color: #fff;
    background-color: #091757;
}
.hero video {
    position: absolute;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    pointer-events: none;
}
.hero video.loop {
    display: none;
}
.hero .container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding-bottom: 2.5rem;
}
.hero__content {
    max-width: 450px;
    opacity: 0;
    animation: 256ms ease-out 6s forwards fadeInUp;
}
.hero__scroll-prompt {
    margin-top: 4rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #efe63f;
    opacity: 0;
    animation: 256ms ease-out 6128ms forwards fadeInUp;
}
.hero__scroll-prompt .asset {
    margin-right: 1rem;
}
.navbar.fixed-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: transparent;
}
.navbar .navbar-nav .nav-link {
    color: #fff;
}
.navbar .navbar-nav .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.95);
}
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-menu a {
    color: #091757 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-left: 4px solid transparent;
    transition: all 0.1s ease;
}
.dropdown-menu a:hover {
    border-left: 4px solid #2e6bf0;
    background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
    background: transparent;
}
.testimonial {
    background-color: #def0f7;
}
.partnership {
    background-image: radial-gradient(36.01% 36.01% at 50.06% 56.72%, #fff 0, #def0f7 100%);
}
.partnership .logos {
    display: flex;
    justify-content: center;
}
.partnership .logos__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.partnership .logos .plus {
    margin: 2rem 0;
    transform: translateX(-10px);
}
.together {
    background-image: radial-gradient(61.69% 138.27% at 50% 50%, #2e6bf0 0, #1a3e8a 81.14%);
}
.together ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.together ul li {
    list-style-image: none;
}
.together ul li:not(:first-child) {
    margin-top: 2rem;
    border-top: 1px solid #7dc5e2;
    padding-top: 2rem;
}
.together__stat {
    margin: 0;
    font-size: 3.5rem;
    font-weight: 800;
    color: #efe63f;
}
.together__label {
    margin: 0;
    font-size: 1.25rem;
}
.testimonial .modal {
    background-color: rgba(10, 10, 10, 0.65);
}
.testimonial .modal-header {
    justify-content: flex-end;
}
.testimonial footer {
    margin-top: 1rem;
}
.navbar-toggler:focus {
    box-shadow: none;
}

@media (min-width: 576px) {
    .testimonial .modal-dialog {
        max-width: calc(1280px + 2rem);
    }
}
@media (min-width: 1920px) {
    .testimonial .modal-dialog {
        max-width: calc(1920px + 2rem);
    }
}
.ecosystem {
    color: #7dc5e2;
    background-image: radial-gradient(71.81% 162.18% at 50% 50%, #3d2589 46.3%, #271855 100%);
}
.cta__buttons {
    margin: 0;
    padding: 0;
}
.cta__buttons li {
    margin-top: 1.5rem;
}
.cta__buttons .button {
    max-width: 400px;
}
.cta,
.footer__home {
    color: #fff;
    background-color: #2e6bf0;
}
.cta__home .cta__buttons .button {
    color: #091757;
    background-color: #efe63f;
}
.cta__home .cta__buttons .button:focus,
.cta__home .cta__buttons .button:hover {
    background-color: #fff;
}
.team-members__list {
    display: flex;
    flex-wrap: wrap;
    margin: 2.5rem -0.5rem 0;
    padding: 0;
}
.team-members__list li {
    width: 50%;
    margin-top: 2.5rem;
    padding: 0 0.5rem;
}
.team-members__list li img {
    width: 100%;
}
.team-members .member__photo img {
    border-radius: 1.5rem;
}
.team-members .member__name {
    margin: 1rem 0 0;
    color: #2e6bf0;
}
.team-members .member__title {
    margin: 0.5rem 0 0;
    color: #2e6bf0;
}
.team-members .member__company {
    margin: 0;
    color: #666;
}
.team-members .cta__buttons {
    margin-top: 4rem;

}

.navbar-toggler {
    border: none; 
}

.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
}

.navbar.fixed-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: transparent;
}

.navbar .navbar-nav .nav-link {
    color: #fff;
}

.navbar .navbar-nav .dropdown-menu {
    border: none;
    text-align: right;
}

.dropdown-menu a {
    color: #091757 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-left: 4px solid transparent;
    transition: all 0.1s ease;
    text-align: left;
}

.dropdown-menu a:hover {
    border-left: 4px solid #2e6bf0;
    background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
    background: transparent;
}

.animated-link {
    font-weight: 600;
    color: #fff;
    animation: changeColor 1s ease-in-out forwards;
    animation-delay: 1s;
}

@keyframes changeColor {
    to {
        color: #efe63f;
    }
}

@media (max-width: 992px) {
    .navbar-collapse {
        background: white; 
        border-radius: 6px;
    }

    .navbar-nav {
        flex-direction: column;
        align-items: flex-end;
    }
    .navbar-nav .nav-item {
        width: 100%;
    }

    .navbar-nav .dropdown-item {
        transition: all 0.2s ease;
    }

    .navbar .navbar-nav .nav-link {
        color: #091757;
        font-weight: 400;
    }

    ul.navbar-nav {
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 6px;
    }

    .animated-link {
        color: #091757 !important;
    }
}

@media (max-width: 767px) {
    .hero video.build-up-desktop,
    .hero video.loop-desktop,
    .sign-up__heading .close-dark,
    section .splash {
        display: none;
    }

    .partnership .logos__wrapper {
        padding-bottom: 4rem;
    }

    .partnership .logos .plus {
        margin: 2rem 0;
    }

    .testimonial .splash {
        display: block;
        margin-top: 1.5rem;
    }

    .team-members {
        padding-top: calc(5.5625rem + 20px + 2rem);
    }

    .sign-up {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 4rem;
        background-color: rgba(10, 10, 10, 0.65);
        transition: height 512ms ease-out, background-color 512ms ease-out;
        overflow: hidden;
    }

    .sign-up.open {
        height: 100vh; /* Expand to full screen height */
        background-color: rgba(10, 10, 10, 0.85); /* Darker background when open */
    }

    .sign-up__wrapper {
        height: calc(100vh - 5rem); /* Adjust content height when open */
        overflow-y: auto;
        transition: height 512ms ease-out;
    }

    .sign-up.open .sign-up__wrapper {
        height: calc(100vh - 5rem);
    }

    .sign-up__title {
        font-size: 1.375rem;
        cursor: pointer;
    }

    .sign-up__footer {
        display: flex;
        justify-content: center;
        opacity: 0;
        transition: opacity 512ms ease-out;
    }

    .sign-up.open .sign-up__footer {
        opacity: 1;
    }

    .sign-up__footer button {
        padding: 1.5rem;
    }

    .sign-up__footer .close img {
        width: auto;
        height: 2rem;
    }

    .sign-up__heading {
        padding-top: 1rem;
    }

    .dropdown-menu {
        box-shadow: none;
    }
}

@media (min-width: 768px) {
    blockquote .quote,
    h2 {
        font-size: 2rem;
    }
    section {
        padding: 5rem 0;
    }
    .ecosystem__content,
    .testimonial .blockquote,
    section .splash {
        display: flex;
        align-items: center;
    }
    section .splash .asset {
        width: 100%;
    }
    .site-footer {
        padding: 3rem 0 5rem;
    }
    h3 {
        font-size: 1.25rem;
    }
    li,
    p {
        font-size: 18px;
    }
    .sign-up {
        right: 0;
        display: flex;
        justify-content: flex-end;
        width: 400px;
        background-color: rgba(10, 10, 10, 0);
        transition: background-color ease-out;
    }
    .sign-up.open {
        width: 100vw;
        height: 100vh;
        background-color: rgba(10, 10, 10, 0.65);
        transition: background-color 512ms ease-out;
    }
    .sign-up.open .sign-up__wrapper {
        height: calc(100vh + 1rem);
        margin-top: -0.5rem;
        padding-top: 2.375rem;
        border-radius: 40px 0 0 40px;
    }
    .sign-up.open .sign-up__heading .close-dark {
        position: absolute;
        top: 50%;
        right: 2.5rem;
        display: inline;
        transform: translateY(-50%);
    }
    .sign-up__wrapper {
        width: 400px;
        height: 3.9375rem;
        margin-top: 1.875rem;
        padding-top: 0;
        padding-bottom: 1.25rem;
        border-radius: 1rem 0 0 1rem;
        transition: height 512ms ease-out, margin-top 512ms ease-out, padding-top 512ms ease-out, border-radius 512ms ease-out;
        overflow: hidden;
    }
    .sign-up__heading {
        position: relative;
        padding: 1.125rem 0;
    }
    
    .hero video.build-up,
    .hero video.loop-desktop,
    .sign-up__footer,
    .sign-up__heading .close-dark {
        display: none;
    }
    .hero video {
        object-position: left center;
    }
    .hero video.build-up-desktop {
        display: block;
    }
    .hero .container {
        margin-left: 0;
        padding-left: 126px;
    }
    .partnership .logos {
        order: 2;
    }
    .testimonial .splash img {
        border-radius: 40px;
    }
    .team-members {
        padding-top: 3rem;
    }
    .team-members__list {
        margin-top: 4rem;
    }
    .team-members__list li {
        width: 25%;
    }
}
@media (min-width: 992px) {
    section {
        padding: 9rem 0;
    }
    .site-footer {
        padding: 3rem 0 9rem;
    }
    .together {
        padding: 7rem 0;
    }
    .ecosystem ul {
        columns: 2;
    }
    .team-members__list li {
        width: 20%;
    }
}

/* ACCESSIBILITY EDITS THESE WILL CHANGE SITE STYLES */

.site-footer a, .team-members .back-button {
    text-decoration: underline;
  }

  .footer__etbom,
  .partnership,
  .team-members {
    background-color: #DEF0F7;
  }
  
  .team-members .member__name, .team-members .member__title, .partnership h2, .light-blue {
    color: #2e6bf0;
  }
  .team-members .member__name{
    font-weight: 800;  
  }
.team-members .member__title {
  font-weight: 700;
  font-size: 1.1675rem;
}

  form input:focus, form textarea:focus {
    outline: 2px solid #2e6bf0;
  }