body {
    font-family: var(--bs-body-font-family), sans-serif;
    padding-top: 3.5rem;
    background-color: var(--midnight);
}

nav.navbar {
    background-color: var(--midnight);
    padding: 1rem;
}

nav.navbar li.nav-item a {
    font-family: var(--bs-heading-font-family), serif;
    color: var(--robin-egg);
    margin-right: 32px;
}

h1, h2 {
    font-family: var(--bs-heading-font-family), serif;
    color: var(--robin-egg);
}

h3 {
    color: var(--bs-white);
    font-size: 1.5rem;
    font-weight: 500;
}

.hero {
    position: relative;    
    overflow: hidden;
    flex-shrink: 0;
    background-image: linear-gradient(0deg, #022336 0%, rgba(3, 36, 53, 0.114)), url('../images/Hero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    color: #fcf1cf;
}

.hero .intro {
    margin-bottom: 10rem;
}

h1.top-text {
    color: var(--gold-lt);
    padding-top: 8rem;
}

.coming-summer-2024 {
    color: var(--robin-egg-xlt);
}

button.read-more {
    text-transform: uppercase;
    color: var(--gold-dk);
    text-decoration: none;
    font-size: .75rem;
    font-weight: 500;
}

.btn-waitlist {
    border: 0.287px solid #000;
    background: var(--Marine, #075F70);   
    align-items: center;
    color: #F7F7F7;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: .8rem 2rem .8rem 2rem;
    letter-spacing: 0.56px;
}

button.read-more.collapsed .opened {
    display: none;
}

button.read-more:not(.collapsed) .closed {
    display: none;
}

button.btn.read-more:hover, button.btn.read-more:active {
    text-decoration: underline;
    color: var(--gold-dk);
}

.read-more-chevron.collapsed {
    transform: rotate(180deg);
}

.problem-bg {
    position: relative;
    min-height: 57rem;
    background-image: url('../images/Problem.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 80%;
    color: var(--quartz-55)
}
.problem-bg h3 {
    line-height: 30px;
}
.problem-bg p {
    font-size: 18px;
}
.solution {
    background-color: var(--quartz-8);
    color: var(--midnight);
    font-weight: 500;
}

.solution h2 {
    color: var(--midnight);
}

.solution h3 {
    color: var(--quartz-70);
    font-weight: 500;
}

.our-solutions {
    background-image: radial-gradient(100% 75% at 50% 0%, #3e4c81, #0d101b);
}

.stat-diagram {
    border-radius: 50%;
    background-color: var(--marine);
    width: 20rem;
    height: 20rem;
}

.stat-diagram h3 {
    font-size: 3rem;
    font-weight: 500;
}

.stat-diagram .sub-text {
    color: var(--robin-egg);
    font-weight: 500;
}

ul.bill-of-rights-ul {
    list-style: none;
}

.communication-suite {
    background-image: linear-gradient(180deg, #0d101b 5%, rgba(13, 16, 27, 0)), url("../images/Phone Screen Full.png");
    background-size: 54rem;
    min-height: 36rem;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .communication-suite {
        background-size: 66rem;
    }
}

@media (min-width: 1200px) {
    .communication-suite {
        background-size: 75rem;
    }
}

.communication-suite .text-block {
    color: var(--quartz-8);
}

.communication-suite h5, .communication-suite h4 {
    color: var(--robin-egg);
}

.secure-family-vault {
    background-color: var(--lilac-gray-xlt);
    color: var(--quartz-70);
}

.secure-family-vault .text-block h5, .secure-family-vault .text-block h4 {
    color: var(--color-darkslategray-100);
}

.secure-family-vault .text-block h4.midnight {
    color: var(--midnight);
}

.bill-of-rights h2 {
    color: var(--marine);
}

.bill-of-rights h3 {
    color: var(--lilac-gray-dk);
}

.bill-of-rights .marker {
    color: var(--gold-dk);
    text-align: right;
}

.bill-of-rights .title {
    font-weight: bold;
    color: var(--midnight);
    padding-top: 0.1rem;
}

.validation {
    position: relative;
    background: radial-gradient(100% 100% at 50% 100%, #fff 28.15%, #e1ecec 43.39%, #8eb7b7 85.36%);
    overflow: hidden;
    flex-shrink: 0;
    color: var(--midnight);
}

.validation .text-block {
    max-width: 25rem;
}

.validation h2 {
    color: var(--marine);
}

.validation h3 {
    color: var(--midnight);
}

.validation h3.stat {
    font-weight: 900;
    margin-bottom: 0.1rem;
}

.validation h6.citation {
    color: var(--quartz-55);
    font-size: .75rem;
}

.join-the-waiting-list-bottom {
    color: var(--quartz-12);
    background-image: radial-gradient(100% 100% at 50% 100%, #007297, #002531);
}

.join-the-waiting-list-bottom .text-block {
    max-width: 25rem;
}

.footer {
    background-color: var(--midnight);
    overflow: hidden;
    flex-shrink: 0;
    color: var(--marine);
}

.footer a {
    color: var(--robin-egg);
    text-decoration: none;
}