/* Kubyfer production theme — based on the Crafto business demo, scoped to this site */
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Sora:wght@300;400;500;600;700&display=swap");

:root {
    --base-color: #5758D6;
    --dark-gray: #262b35;
    --medium-gray: #868d98;
    --primary-font: "Be Vietnam Pro", "Be Vietnam", sans-serif;
    --alt-font: "Sora", sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: 17px;
    line-height: 32px;
}

.skip-link {
    position: absolute;
    left: 16px;
    top: -80px;
    z-index: 10000;
    background: #5758D6;
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
}

.skip-link:focus {
    top: 16px;
}

header .navbar-brand img,
footer .footer-logo img {
    max-height: 26px;
}

.navbar .navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 400;
}

.sticky .header-transparent .header-button .btn {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
}

.sticky .header-transparent .header-button .btn:hover {
    border-color: var(--dark-gray);
    color: var(--white);
    background: var(--dark-gray);
}

header.sticky.sticky-active [data-header-hover="light"] .widget-text i {
    color: var(--white);
}

.bg-gradient-sherpa-blue-black {
    background-image: linear-gradient(to right top, #23248C, #22236D, #232348, #222226, #232323);
}

.tab-style-05 .nav-tabs > li.nav-item {
    letter-spacing: -.5px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px;
}

.separator-line-9px {
    height: 9px;
}

.bottom-minus-45px {
    bottom: -45px;
}

.footer-dark a:hover {
    color: var(--white);
}

.project-card .blog-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: #f4f5f7;
}

.visually-hidden-seo {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1499px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1399px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media (max-width: 991px) {
    .header-transparent .header-button .btn {
        color: var(--dark-gray);
        border-color: var(--dark-gray);
    }

    .header-transparent .header-button .btn:hover {
        border-color: var(--dark-gray);
        color: var(--white);
        background: var(--dark-gray);
    }
}

@media (max-width: 767px) {
    p {
        margin-bottom: 20px;
    }
}