.btn-outline-primary-theme {
    --bs-btn-color: var(--accent-color);
    --bs-btn-border-color: var(--accent-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--accent-color);
    --bs-btn-hover-border-color: var(--accent-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--accent-color);
    --bs-btn-active-border-color: var(--accent-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--accent-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--accent-color);
    --bs-gradient: none;
    font-size: 14px;
    padding: 8px 26px;
}

.team-slider .swiper-wrapper .swiper-slide {
    height: unset;
}

.contact .channel-card {
    flex-direction: unset;
}

.about .stats-grid {
    grid-template-columns: repeat(2, 1fr);
}

.why-us .intro-content .stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 40px;
    padding: 32px;
    background: var(--surface-color);
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.why-us .stat-item {
    text-align: center;
}

/* Bootstrap utilits*/
.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-50 {
    font-size: 50px !important;
}


/* Bootstrap media*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .fs-sm-10 {
        font-size: 10px !important;
    }

    .fs-sm-12 {
        font-size: 12px !important;
    }

    .fs-sm-14 {
        font-size: 14px !important;
    }

    .fs-sm-16 {
        font-size: 16px !important;
    }

    .fs-sm-18 {
        font-size: 18px !important;
    }

    .fs-sm-20 {
        font-size: 20px !important;
    }

    .fs-sm-22 {
        font-size: 22px !important;
    }

    .fs-sm-24 {
        font-size: 24px !important;
    }

    .fs-sm-26 {
        font-size: 26px !important;
    }

    .fs-sm-28 {
        font-size: 28px !important;
    }

    .fs-sm-30 {
        font-size: 30px !important;
    }

    .fs-sm-32 {
        font-size: 32px !important;
    }

    .fs-sm-36 {
        font-size: 36px !important;
    }

    .fs-sm-40 {
        font-size: 40px !important;
    }

    .fs-sm-50 {
        font-size: 50px !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .fs-md-10 {
        font-size: 10px !important;
    }

    .fs-md-12 {
        font-size: 12px !important;
    }

    .fs-md-14 {
        font-size: 14px !important;
    }

    .fs-md-16 {
        font-size: 16px !important;
    }

    .fs-md-18 {
        font-size: 18px !important;
    }

    .fs-md-20 {
        font-size: 20px !important;
    }

    .fs-md-22 {
        font-size: 22px !important;
    }

    .fs-md-24 {
        font-size: 24px !important;
    }

    .fs-md-26 {
        font-size: 26px !important;
    }

    .fs-md-28 {
        font-size: 28px !important;
    }

    .fs-md-30 {
        font-size: 30px !important;
    }

    .fs-md-32 {
        font-size: 32px !important;
    }

    .fs-md-36 {
        font-size: 36px !important;
    }

    .fs-md-40 {
        font-size: 40px !important;
    }

    .fs-md-50 {
        font-size: 50px !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .fs-lg-10 {
        font-size: 10px !important;
    }

    .fs-lg-12 {
        font-size: 12px !important;
    }

    .fs-lg-14 {
        font-size: 14px !important;
    }

    .fs-lg-16 {
        font-size: 16px !important;
    }

    .fs-lg-18 {
        font-size: 18px !important;
    }

    .fs-lg-20 {
        font-size: 20px !important;
    }

    .fs-lg-22 {
        font-size: 22px !important;
    }

    .fs-lg-24 {
        font-size: 24px !important;
    }

    .fs-lg-26 {
        font-size: 26px !important;
    }

    .fs-lg-28 {
        font-size: 28px !important;
    }

    .fs-lg-30 {
        font-size: 30px !important;
    }

    .fs-lg-32 {
        font-size: 32px !important;
    }

    .fs-lg-36 {
        font-size: 36px !important;
    }

    .fs-lg-40 {
        font-size: 40px !important;
    }

    .fs-lg-50 {
        font-size: 50px !important;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .fs-xl-10 {
        font-size: 10px !important;
    }

    .fs-xl-12 {
        font-size: 12px !important;
    }

    .fs-xl-14 {
        font-size: 14px !important;
    }

    .fs-xl-16 {
        font-size: 16px !important;
    }

    .fs-xl-18 {
        font-size: 18px !important;
    }

    .fs-xl-20 {
        font-size: 20px !important;
    }

    .fs-xl-22 {
        font-size: 22px !important;
    }

    .fs-xl-24 {
        font-size: 24px !important;
    }

    .fs-xl-26 {
        font-size: 26px !important;
    }

    .fs-xl-28 {
        font-size: 28px !important;
    }

    .fs-xl-30 {
        font-size: 30px !important;
    }

    .fs-xl-32 {
        font-size: 32px !important;
    }

    .fs-xl-36 {
        font-size: 36px !important;
    }

    .fs-xl-40 {
        font-size: 40px !important;
    }

    .fs-xl-50 {
        font-size: 50px !important;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .fs-xxl-10 {
        font-size: 10px !important;
    }

    .fs-xxl-12 {
        font-size: 12px !important;
    }

    .fs-xxl-14 {
        font-size: 14px !important;
    }

    .fs-xxl-16 {
        font-size: 16px !important;
    }

    .fs-xxl-18 {
        font-size: 18px !important;
    }

    .fs-xxl-20 {
        font-size: 20px !important;
    }

    .fs-xxl-22 {
        font-size: 22px !important;
    }

    .fs-xxl-24 {
        font-size: 24px !important;
    }

    .fs-xxl-26 {
        font-size: 26px !important;
    }

    .fs-xxl-28 {
        font-size: 28px !important;
    }

    .fs-xxl-30 {
        font-size: 30px !important;
    }

    .fs-xxl-32 {
        font-size: 32px !important;
    }

    .fs-xxl-36 {
        font-size: 36px !important;
    }

    .fs-xxl-40 {
        font-size: 40px !important;
    }

    .fs-xxl-50 {
        font-size: 50px !important;
    }
}