:root {
    --bg-1: #ffffff;
    --bg-2: #F2F5F7;
    --bg-3: #ffffff;
    --bg-4: #ffffff;
    --bg-5: #F6F7F9;
    --bg-6: #F6FFF8;
    --bg-7: #F2F5F7;
    --b-color-1: #191C1A;
    --b-color-2: #2E312E;
    --b-color-3: #8F9193;
    --b-color-4: #AAABAE;
    --b-color-5: #454744;
    --b-color-6: #002E0F;
    --b-color-7: #002E0F;
    --g-color-1: #00522D;
    --g-color-2: #118442;
    --g-color-3: #F6FFF8;
    --g-color-4: #002E0F;
    --g-color-5: #76DB9B;
    --g-color-6: #9FEABA;
    --g-color-7: #00522D;
    --g-color-8: #00391D;
    --g-color-9: #3CA368;
    --g-color-10: #9FEABA;
}


.light-style {
    display: block;
}

.dark-style {
    display: none;
}

.map {
    background-image: url(../images/map.svg);
}

.about {
    background-image: url(../images/about.svg);
}

.service {
    background-image: url(../images/service.svg);
}

.products {
    background-image: url(../images/products.svg);
}

.out-link {
    background-image: url(../images/expand.svg);
}

.menu-out {
    background-image: url(../images/out.svg);
}

.play-pause-btn {
    background-image: url(../images/play.svg);
}
.play-pause-btn.pause {
    background-image: url(../images/pause.svg);
}
.breadcrumb-item {
    background-image: url(../images/arrow-right.svg);
}
.tab-box::after{
   background: linear-gradient(270deg, #F6FFF8 21.42%, rgba(246, 255, 248, 0.00) 90%);
}
.link-box li a{
    box-shadow: 0 0 24px 0 rgba(46, 49, 46, 0.16);
}
select.form-input{
    background-image: url(../images/select.svg);
}
.tab-menu li a.tab-out{
   background-image: url(../images/expand.svg);
}
.tab-menu li a.active.tab-out{
   background-image: url(../images/expand-1.svg);
}
.menu-list>li.has-sub>a {
    background-image: url(../images/dw.svg);
}
@media (max-width: 75rem) {
    .sub-list>li.sub-back > a {
        background-image: url(../images/left.svg);
    }
}