@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap');


:root {
    --bt-transparent: transparent;
    --bt-white-color: #fff;
    --bt-light-gray: #f5f5f5;
    --bt-light-blue: #e6f4f6;
    --bt-brand-color: #2c5594;
    --bt-font-family: 'Raleway', sans-serif;
    --bt-font-size: var(--bs-body-font-size);
    --bt-body-font-size: 1rem;
    --bt-body-font-weight: 400;
    --bt-body-line-height: 1.5;
    --bt-body-color: #555555;
    --bt-buton-bg-color: var(--bt-brand-color);
    --bt-body-text-align: left;
    --bt-nav-link-color: var(--bt-brand-color);
    --bt-nav-link-font-size: 13px;
    --bt-nav-link-hover-color: #2864c2;
    --bt-nav-font-weight: 700;
    --bt-nav-border-color: #dddddd;
    --bt-nav-border-size: 1px;
    --bt-nav-border-style: solid;
}



body {
    margin: 0;
    font-family: var(--bt-font-family);
    font-size: var(--bt-font-size);
    font-weight: var(--bt-body-font-weight);
    line-height: var(--bt-body-line-height);
    color: var(--btt-body-color);
    text-align: var(--bt-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.nav-link {
    display: block;
    font-size: var(--bt-nav-link-font-size);
    color: var(--bt-nav-link-color);
    font-weight: var(--bt-nav-font-weight);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    border-left: var(--bt-nav-border-style) var(--bt-nav-border-size) var(--bt-nav-border-color);
}

    .nav-link:hover
    {
        color: var(--bt-white-color);
        border-left-color: var(--bt-transparent);
    }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
    }
}


.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.bt-bg-color-light-blue {
    background-color: var(--bt-light-blue)
}


.btn-primary {
    background-color: var(--bt-buton-bg-color)
}

li.nav-item {
    height: 70px;
    line-height: 50px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    text-align: right;
}

    li.nav-item:hover {
        background-color: var(--bt-nav-link-color);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

.last-link {
    border-right: var(--bt-nav-border-style) var(--bt-nav-border-size) var(--bt-nav-border-color);
}

    .last-link:hover {
        border-right-color: var(--bt-transparent);
    }



h1, h2, h3, h4, h5, h6 {
    color: var(--bt-brand-color)
}

.bt-main-image {
    position: absolute;
    left: 0;
    z-index: -1;
}


.mt-150 {
    margin-top: 150px
}

.bt-bg-color-light-gray {
    background-color: var(--bt-light-gray);
}


.bt-bg-color-light-blue {
    background-color: var(--bt-light-blue);
}

.btn {
    font-size: 15px;
    font-weight: 500;
}


footer {
    color: var(--bt-white-color);
    background-color: var(--bt-brand-color)
}

    footer a {
        color: var(--bt-white-color) !important;
        text-decoration: none;
        font-size: 14px;
        border-left: 0 !important;
    }

footer a:hover {
    color: var(--bt-light-blue);
    text-decoration: none;
}


.h-md-250 {
    height: 220px !important;
}

.nav-link:focus {
    color: var(--bt-white-color);
}


element.style {
    position: absolute;
    right: 10px;
    top: 15px;
}

.navbar-toggler {
    position: absolute;
    right: 10px;
    top: 15px;
}

.bt-watermark-bg {
    background: #ffffffd4;
}