/* Font Typographies */


section.hero-section .fix {
    min-height: 95vh;
} section.solution-section .fix {
    position: relative;
    z-index: 1;
    background: var(--foneloan-primary);
} section.solution-section .fix::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg/bg-solution.jpg') center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    mix-blend-mode: darken;
    z-index: 0;
}

section.impact-section .fix {
    position: relative;
    z-index: 1;
    background: #000000;
} section.impact-section .fix::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg/bg-impact.jpg') center no-repeat;
    background-size: cover;
    mix-blend-mode: hard-light;
    z-index: 0;
    opacity: 0.6;
}

section.cta-section .fix {
    position: relative;
    z-index: 1;
    background: #000000;
} section.cta-section .fix::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg/bg-cta.jpg') center no-repeat;
    background-size: cover;
    mix-blend-mode: hard-light;
    z-index: 0;
    opacity: 0.25;
}

.credit-nav a {
    font-weight: 700;
    margin-bottom: 40px;
    opacity: 0.25;
} .credit-nav a.active {
    opacity: 1;
}

.list-items li {
    list-style-type: disc;
    margin-left: 25px;
}

.cta-select {
    background-color: transparent;
    color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Custom caret */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 40px;
}

/* Dropdown options */
.cta-select option {
    background-color: #141414;
    color: #fff;
}

.dgm-hero-backdrop::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: -1;
}