@charset "UTF-8";
    .tabs {
display: flex;
flex-direction: column;
}
.tabs__links {
display: flex;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
order: 0;
white-space: nowrap;
background-color: #fff;
border: 1px solid #e3f2fd;
box-shadow: 0 2px 4px 0 #e3f2fd;
}
.tabs__links>a {
display: inline-block;
text-decoration: none;
padding: 6px 10px;
text-align: center;
color: #1976d2;
}
.tabs__links>a:hover {
background-color: rgba(227, 242, 253, 0.3);
}
.tabs>#content-1:target~.tabs__links>a[href="#content-1"],
.tabs>#content-2:target~.tabs__links>a[href="#content-2"],
.tabs>#content-3:target~.tabs__links>a[href="#content-3"] {
background-color: #bbdefb;
cursor: default;
}
.tabs>div:not(.tabs__links) {
display: none;
order: 1;
}
.tabs>div:target {
display: block;
}
div.n2-ss-slider{
margin: 0px auto !IMPORTANT;
float: none !IMPORTANT;
} .tab-list {
margin-bottom: 0px;
text-align: right;
width: 95%!important;
float: right;
}
.tab-list div {
padding: 10px 5px;
}
.tab-list div a {
display: inline-block;
padding: 10px 20px;
background: #b7c2da;
border-radius: 4px;
color: #2f3d5a;
border: 1px solid #a1a7b3;
}
.tab-list div a:hover, .tab-list div a.active {
background: #8fa5d2;
border: 1px solid #7d91b9;
color:#fff;
}
.tab-list div a:hover:before, .tab-list div a.active:before {
content: '';
display: block;
width: 10px;
height: 10px;
background: #8fa5d2;
border-bottom: 1px solid #7d91b9;
border-right: 1px solid #7d91b9;
position: absolute;
transform: rotate(45deg);
margin-top: 22px;
}