@keyframes fade-in {
    0% {
        opacity: 0;
        transform: scale(1.00625);
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.fade-in {
    -webkit-animation: fade-in 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fade-card-in {
    -webkit-animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fade-out {
    -webkit-animation: fade-out .5s 4.5s ease-out both;
    animation: fade-out .5s 4.5s ease-out both;
}

* {
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600 !important;
}

body {
    -ms-overflow-style: none;
    scrollbar-width: 0;

    &::-webkit-scrollbar {
        display: none;
    }
}

section {
    scroll-margin-top: 27.5rem;
}

.responsive-h {
    font-size: calc(1rem + 5.5vw);
}

.responsive-h-2 {
    font-size: calc(1rem + 4vw);
}

.responsive-h-3 {
    font-size: calc(1rem + 3vw);
}

.responsive-p {
    font-size: calc(0.5rem + 1vw);
}

.section-spacing-xs {
    margin-top: 4rem;
}

.section-spacing-s {
    margin-top: 6rem;
}

.section-spacing-m {
    margin-top: 8rem;
}

.section-spacing-l {
    margin-top: 10rem;
}

.section-spacing-xl {
    margin-top: 12rem;
}

.navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

.fw-mid {
    font-weight: 500;
}

.btn-primary {
    --bs-btn-bg: transparent;
    --bs-btn-color: #1C1B1F;
    --bs-btn-border-color: #1C1B1F;
    --bs-btn-hover-bg: #1C1B1F;
    --bs-btn-hover-border-color: #1C1B1F;
    --bs-btn-hover-color: #fff;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: #1C1B1F;
    --bs-btn-active-border-color: #1C1B1F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #1C1B1F;
    --bs-btn-disabled-border-color: #1C1B1F;
    border-radius: 999px;
    --bs-btn-padding-y: 0.65rem;
    --bs-btn-padding-x: 1.5rem;
    font-weight: 500;
}

.btn-danger {
    --bs-btn-bg: transparent;
    --bs-btn-color: #DC143C;
    --bs-btn-border-color: #DC143C;
    --bs-btn-hover-bg: #DC143C;
    --bs-btn-hover-border-color: #DC143C;
    --bs-btn-hover-color: #fff;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: #DC143C;
    --bs-btn-active-border-color: #DC143C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #DC143C;
    --bs-btn-disabled-border-color: #DC143C;
    border-radius: 999px;
    --bs-btn-padding-y: 0.65rem;
    --bs-btn-padding-x: 1.5rem;
    font-weight: 500;
}

.btn-danger-outline {
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    color: #DC143C !important;
}

.btn-primary-outline {
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    color: #1C1B1F !important;
}

.upBtn {
    position: fixed;
    padding: 0;
    right: 3.5%;
    bottom: 5%;
    width: 3rem;
    height: 3rem;
    z-index: 9999;
    text-align: center;
    border-radius: 999px !important;
    border-width: 2px !important;

    &::after {
        animation: none !important;
    }
}

.badge {
    --bs-badge-color: #1C1B1F;
}