.header-layout1 {
    position: relative;
    max-width: 1832px;
    margin: 0 auto -83px auto
}

.header-layout1 .header-top {
    margin-bottom: 24px;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="1832" height="48" viewBox="0 0 1832 48" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L1832 0L1821.47 31.5876C1818.21 41.3888 1809.04 48 1798.7 48H33.2953C22.9643 48 13.7925 41.3888 10.5263 31.5876L0 0Z" fill="%23D9D9D9"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="1832" height="48" viewBox="0 0 1832 48" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L1832 0L1821.47 31.5876C1818.21 41.3888 1809.04 48 1798.7 48H33.2953C22.9643 48 13.7925 41.3888 10.5263 31.5876L0 0Z" fill="%23D9D9D9"/></svg>');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.header-layout1 .menu-area {
    --body-bg: #fff;
    position: relative;
    z-index: 2;
    background-color: var(--body-bg);
    border-radius: 0 0 var(--theme-radius) var(--theme-radius);
    padding-right: 30px;
    padding-left: 30px
}

.header-layout1 .menu-area:before,
.header-layout1 .menu-area:after {
    content: url('data:image/svg+xml,<svg width="30" height="16" viewBox="0 0 30 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30 16H0L12.9599 11.4922C19.5401 9.20344 25.4122 5.24315 30 0V16Z" fill="%23333333"/></svg>');
    position: absolute;
    top: -2px
}

.header-layout1 .menu-area:before {
    left: -30px
}

.header-layout1 .menu-area:after {
    right: -30px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media (max-width: 1299px) {
    .header-layout1 .menu-area {
        border-radius: 0 0 var(--theme-radius) var(--theme-radius) 
     
    }
}

.header-layout1 .th-menu-toggle {
    margin-left: auto
}

.header-layout1 .sticky-wrapper {
    background-color: transparent
}



.header-layout1 .sticky-wrapper.sticky .menu-area:before,
.header-layout1 .sticky-wrapper.sticky .menu-area:after {
    display: none
}

@media (max-width: 575px) {
    .header-layout1 .sticky-wrapper.sticky .menu-area {
        border-radius: var(--theme-radius)
    }
}

.header-layout1.style-black .menu-area {
    --body-bg: #333333
}

.header-layout1.style-black .main-menu a {
    color: var(--white-color)
}
li.menu-item-has-children li a {
    color: var(--black-color) !important;
}
.header-layout1.style-black .main-menu a:hover {
    color: var(--theme-color) !important
}

.header-layout1.style-black .header-call {
    color: var(--white-color);
    font-weight: 600
}

.header-layout1.style-black .header-call:hover {
    color: var(--theme-color)
}

.header-layout1.style-black .header-call .icon-btn {
    background-color: var(--theme-color)
}

@media (max-width: 1199px) {
    .header-layout1 .header-top {
        margin-bottom: 12px
    }
    
}

@media (max-width: 991px) {
    .header-layout1 {
        margin-bottom: -70px
    }


        .header-layout1 .header-top {
        margin-bottom: 22px !important;
        -webkit-mask-image: unset;
         border-radius: 0
    }

    .header-layout1 .menu-area {
        padding-left: 15px;
        padding-right: 15px
    }
    
}

@media (max-width: 767px) {
    .header-layout1 {
        margin-bottom: -85px
    }

    .header-layout1 .menu-area:before,
    .header-layout1 .menu-area:after {
        display: none
    }
}

@media (max-width: 575px) {
    .header-layout1 {
        margin-bottom: -71px
    }

    .header-layout1 .header-top {
        margin-bottom: 0
    }

    .header-layout1 .menu-area {
        border-radius:var(--theme-radius)
    }

    .header-layout1 .header-logo h2 {
        font-size: 36px
    }

    .header-layout1 .header-logo img {
        max-width: 160px
    }

    .header-layout1 .menu-area {
        padding-left: 9px;
        padding-right: 9px
    }
}

@media (max-width: 1299px) {
    .unittest-header .main-menu a {
        font-size: 15px
    }

    .unittest-header .main-menu>ul>li {
        margin: 0 11px
    }
}