.masthead .masthead-device-mockup .circle .gradient-start-color {
    stop-color: #2e3d49;
}

.masthead .masthead-device-mockup .circle .gradient-end-color {
    stop-color: #ffe1ad;
}

button.btn.btn-primary.rounded-pill.px-3.mb-2.mb-lg-0 {
    background-color: #2e3d49;
    border-color: #7d8c9c;
}

.bg-gradient-primary-to-secondary {
    background: linear-gradient(45deg, #2e3d49, #57636d) !important;
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    color: #7a4c21;
    pointer-events: none;
    background-color: #ffe1ad;
    border-color: #7a4c21;
    opacity: var(--bs-btn-disabled-opacity);
}

a.navbar-brand.fw-bold {
    color: #2e3d49;
}

h1.display-1.lh-1.mb-3 {
    color: #2e3d49;
}

h2.display-4.lh-1.mb-4 {
    color: #2e3d49;
}

#mainNav .navbar-brand:hover,
#mainNav .navbar-brand:active {
    color: #ffe1ad;
}

.masthead .masthead-device-mockup .shape-1 {
    fill: #2e3d49;
}

.masthead .masthead-device-mockup .shape-2 {
    fill: #2e3d49;
}

.features-device-mockup .shape-1 {
    fill: #2e3d49;
}
.features-device-mockup .shape-2 {
    fill: #2e3d49;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
    color: #ffe1ad;
}

img.img-fluid.title-icon {
    margin-right: 6px;
    width: 22px;
}

.text-gradient {
    background: -webkit-linear-gradient(#ffe1ad, #2e3d49);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2e3d49;
    --bs-btn-border-color: #2e3d49;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2e3d49;
    --bs-btn-hover-border-color: #2e3d49;
    --bs-btn-focus-shadow-rgb: 73, 85, 242;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2e3d49;
    --bs-btn-active-border-color: #2e3d49;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2e3d49;
    --bs-btn-disabled-border-color: #2e3d49;
}