.section-block-demo8-header .head-top {
    background-color: #fff
}

.section-block-demo8-header .head-top .layout {
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.section-block-demo8-header .head-top .head-contact {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 4.28em;
    padding: .5em 0;
}

.section-block-demo8-header .head-contact li {
    margin: 0;
    padding: .5em 0
}

.section-block-demo8-header .head-contact li a {
    display: flex;
    align-items: center;
    gap: 1em;
    color: var(--bs-body-color)
}

.section-block-demo8-header .head-contact .item-ico {
    width: 2.85em;
    height: 2.85em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: .5em;
    color: var(--bs-theme-color)
}

.section-block-demo8-header .head-contact .item-ico svg {
    margin: 0
}

.section-block-demo8-header .head-contact .item-info {
    flex: 1
}

.section-block-demo8-header .head-contact .item-title {
    font-size: 1.1em;
    line-height: 1;
    font-weight: 700
}

.section-block-demo8-header .head-contact .item-desc {
    font-size: 1em;
    margin-top: .5em;
    color: #999
}

.section-block-demo8-header .head-bottom {
    background-color: var(--bs-theme-color)
}

.section-block-demo8-header.fixed-nav {
    top: -99.5px
}

.section-block-demo8-header .nav {
    padding: 0 3.2rem 0 0
}

.section-block-demo8-header .nav>li>a {
    color: #fff;
    font-weight: 700
}

header.section-block-demo8-header .change-language .change-language-title svg,
header.section-block-demo8-header .nav>li>a b svg {
    fill: currentColor
}

.section-header-wrap-block.section-block-demo8-header .layout {
    -webkit-box-align: stretch;
    -ms-flex-align: initial;
    align-items: stretch
}

.section-block-demo8-header .head-right {
    position: relative;
    padding: 0 1.7rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #16120f
}

.section-block-demo8-header .head-right .head-ico {
    position: absolute;
    left: -44px;
    top: 0;
    width: 45px;
    height: 100%;
    background-color: #16120f;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.section-block-demo8-header .search-toggle svg {
    fill: #fff
}

.section-block-demo8-header .change-language .change-language-title {
    color: #fff
}

@media screen and (min-width:992px) {
    .section-block-demo8-header[search-style=search-style-1] .search .form-control {
        color: #fff;
        height: 1.57rem;
        border-radius: 3px;
        border: 2px solid rgba(220, 220, 220, .32);
        background-color: rgba(255, 255, 255, .32)
    }

    .section-block-demo8-header[search-style=search-style-1] .search .form-control::placeholder {
        opacity: .71
    }

    .section-block-demo8-header[search-style=search-style-1] .search .btn-search {
        display: inline-flex
    }

    .section-block-demo8-header[search-style=search-style-1] .search .btn-search svg {
        fill: #fff;
        width: 1rem;
        height: 1rem;
        opacity: .32
    }
}

@media screen and (max-width:1080px) {
    .section-block-demo8-header .head-top .head-contact {
        gap: 2rem
    }
}

@media screen and (max-width:992px) {
    .section-block-demo8-header .mobile-head-items.layout{align-items: center;}
    .section-block-demo8-header .head-bottom,
    .section-block-demo8-header .head-top {
        display: none
    }
}

@media screen and (max-width:1920px) and (min-width:1081px) {
    .section-block-demo8-header .head-top .head-contact {
        font-size: .729vw
    }
}

@media screen and (max-width:1080px) and (min-width:992px) {
    .section-block-demo8-header .head-top .head-contact {
        font-size: 1vw
    }
}