:root {
    --bp-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --color-bp-background: #FAFAFB;
    --color-bp-background-secondary: #D8E3F1;
    --color-bp-background-dark: #034E6B;
    --color-bp-border: #EEEFF2;
    --color-bp-text: #00142C;
    --color-bp-text-secondary: #7F818D;
    --color-bp-text-light: rgba(18, 22, 65, 0.6);
    --bp-border-radius: 7px;
    --default-text-color: #022836;
}


html {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


main {
    background-image: url( '../img/Background.svg' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:700px;
}

body {
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 60px;
    font-weight: normal;
    color: var(--default-text-color);
    background: #FAFAFB;
}

.main-title {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    text-transform: none;
}

.sub-title {
    font-size: .80rem;
}

.main-area {
    padding: 100px 10px 120px 10px;

}

.b-footer {
    background: var(--color-bp-background);
    border-top: 1px solid var(--color-bp-border);
    padding: 30px 0;
  /*  position: absolute;
    bottom: 0;
    left: 0;
    right: 0;*/
}

    .b-footer, .b-footer a, .b-footer a:hover {
        color: var(--color-bp-text)
    }

        .b-footer a:hover {
            text-decoration: underline
        }

        .b-footer p {
            font-size: 13px;
            font-weight: 400
        }

            .b-footer p.address {
                line-height: 26px
            }

            .b-footer p.copyright {
                color: var(--color-bp-text-secondary)
            }

@media (max-width: 575px) {
    .b-footer p.copyright {
        margin-bottom: 0
    }
}

.b-footer .branding {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px
}

@media (max-width: 575px) {
    .b-footer .branding {
        align-items: center
    }
}

.b-footer .branding img {
    height: 56px
}

.b-footer .dots {
    height: 10px
}

@media (max-width: 575px) {
    .b-footer .dots {
        margin-top: 32px
    }
}

.b-footer .address {
    display: flex;
    flex-direction: column;
    gap: 10px
}

    .b-footer .address p {
        margin: 0
    }

    .b-footer .address .contacts, .b-footer .address .socials {
        display: flex;
        justify-content: flex-end;
        gap: 10px
    }

@media (max-width: 575px) {
    .b-footer .address .contacts, .b-footer .address .socials {
        justify-content: center
    }

    .b-footer .address .contacts {
        flex-direction: column
    }
}


/*number input*/
.w-9 {
    width: 2.25rem;
    margin: 0.1rem;
}

.h-9 {
    height: 2.25rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.font-extrabold {
    font-weight: 800;
}

.line-border {
    border: 2px solid #EEEFF2 !important;
}

.input-separator {
    color: #EEEFF2 !important;
    text-align: center;
    padding: 7px 2px;
}

.label-format {
    font-family: 'Quicksand', sans-serif;
    font-weight: 800;
}

.alert-warning {
    border: 1px solid #FDE5E5;
    background: #FDE5E5;
    margin-top: 25px;
    padding: 10px;
    font-size: .8rem;
    color: var(--default-text-color);
}

.alert-info {
    background: #F4FCFF;
    border-color: #D9F3FE;
}
.table > :not(caption) > * > * {
    border-color: #D9F3FE;
}