:root {
    --bs-font-sans-serif: system-ui,-apple-system,"Montserrat",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-body-color: #1d2856;

    --bs-primary-rgb: 233,84,12;
    --bs-secondary-rgb: 209,38,38;

    --bs-link-color: #1d2856;
}

a {
    text-decoration: none;
    color: #d12626;
}

@media screen and (max-width: 575px) {
    #carouselExampleIndicators {
        margin-top: 100px;
    }
}

.bg-blue-degrade {
    background: linear-gradient(322deg, rgba(29,40,86,1) 0%, rgba(8,18,59,1) 100%);
}

.bg-red-degrade {
    background: linear-gradient(322deg, rgba(193,29,29,1) 0%, rgba(247,126,126,1) 100%);
}

.nav {
    --bs-nav-link-padding-x: 1.5rem;
    --bs-nav-link-padding-y: 0.6rem;
}
.nav-pills {
    --bs-nav-pills-link-active-bg: #f8f9fa;
    --bs-nav-pills-link-active-color: #d12626;
}
.nav-link {
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    font-weight: bold;
    font-size: 12px;
}
.nav-link:hover {
    color: #d12626;
}

.footer-title {
    font-family: "Inter", sans-serif;
    color: #d12626;
}
.footer-link {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
}
.footer-link:hover {
    color: #d12626;
}

.text-red {
    color: #d12626;
}

.btn-social {
    --bs-btn-border-width: transparent;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-radius: 50px 50px 50px 50px;
    background: linear-gradient(322deg, rgb(39 71 33) 0%, rgb(42 137 48) 100%);
    padding: 6px 12px;
}
.btn-social:hover {
    color: #1d2856;
    background: linear-gradient(322deg, rgba(247,126,126,1) 0%, rgba(193,29,29,1) 100%);
}

.btn-primary {
    --bs-btn-border-width: transparent;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-radius: 50px 50px 50px 50px;
    background: linear-gradient(322deg, rgb(39 71 33) 0%, rgb(42 137 48) 100%);
    padding: 10px 25px;
}
.btn-primary:hover {
    background: linear-gradient(322deg, rgba(247,126,126,1) 0%, rgba(193,29,29,1) 100%);
}

.btn-outline-primary {
    border-radius: 50px 50px 50px 50px;
    border-color: #d12626;
    color: #d12626;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 25px;
}
.btn-outline-primary:hover {
    background: linear-gradient(322deg, rgb(39 71 33) 0%, rgb(42 137 48) 100%);
    border-color: transparent;
}

.btn-outline-secondary {
    border-radius: 50px 50px 50px 50px;
    border-color: #1d2856;
    color: #1d2856;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 25px;
}
.btn-outline-secondary:hover {
    background: linear-gradient(322deg, rgba(29,40,86,1) 0%, rgba(8,18,59,1) 100%);
    border-color: transparent;
}

.bg-secundory {
    background-color: #d12626;
}

.navbar-collapse {
    flex-grow: initial;
}

.form-check-input {
    --bs-form-check-bg: #1d2856;
}