@import "styles-common.css";

.header .navbar {
    align-items: center;
}

.header .navbar-brand .logo {
    width: 171px;
}

.navbar-mobile .onepage-anchor [data-external="1"] a,
.header .onepage-anchor [data-external="1"] a {
    background: transparent linear-gradient(0deg, #fa4706 0, #ffaf0b 100%) no-repeat;
    line-height: 36px;
    border-radius: 1lh;
    padding: 0 20px;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
    margin-right: 20px;
    height: auto;
}

.navbar-mobile .onepage-anchor [data-external="1"] a .icon-down,
.header .onepage-anchor [data-external="1"] a .icon-down {
    margin-left: 15px;
    width: 27px;
    height: 16px;
    background: transparent url(../assets/icon/arrow-left-long-to-line-solid.png) 0 0 no-repeat;
}

.footer {
    background-image: linear-gradient(-90deg, #fa4706 0, #ffaf0b 100%);
}

.navbar-mobile .onepage-anchor [data-external="1"] a {
    display: inline-flex;
}

.mask-tabs .image .image-map {
    display: flex;
    justify-content: end;
}

.mask-tabs .image .image-svg {
    max-width: 560px;
    float: none;
    width: 100%;
}

.mask-tabs .image .image-svg svg {
    width: 100%;
    height: auto;
}

.tab-pane .image .region {
    cursor: pointer;
}

.tab-pane .image .region.hover .cls-8,
.tab-pane .image .region.active .cls-8 {
    fill: #a3a3a2 !important;
}