.tabbed{
position:relative;
z-index:99;
width:100%; 
margin-top:-68px;
border-bottom:4px solid #D1143E;
}

/* MAIN TABS */

.tabbed > ul{
margin:0;
padding:0;
list-style:none;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.imp-link-a{
    color:gray !important;
}

.imp-link-a:hover{
    color:#fff !important; 
}

.tabbed > ul > li{
font:600 13px/20px 'DM Sans', sans-serif;
display:block; 
padding:10px 22px 8px;
background:#fff;
margin-right:40px;
position:relative;
cursor:pointer;
transition:all .25s ease;
}

.tabbed > ul > li a{
font:600 13px/20px 'DM Sans', sans-serif;
color:gray;
text-decoration:none;
}
 
.tabbed > ul > li.active a{
color:#fff;
font-weight:bold;
}

/*.tabbed .imp-ul li a {*/
/*    color: gray !important;*/
/*}*/

/* TAB SHAPE */

.tabbed > ul > li:before,
.tabbed > ul > li:after{
content:"";
position:absolute;
top:0;
height:100%;
width:44px;
background:#fff;
transition:.25s;
}

.tabbed > ul > li:before{
right:-24px;
transform:skew(30deg);
}

.tabbed > ul > li:after{
left:-24px;
transform:skew(-30deg);
}

/* HOVER */

.tabbed > ul > li:hover,
.tabbed > ul > li:hover:before,
.tabbed > ul > li:hover:after{
background:#F4F7F9;
}

/* ACTIVE TAB */

.tabbed > ul > li.active,
.tabbed > ul > li.active:before,
.tabbed > ul > li.active:after{
background:#D1143E;
z-index: 2;
color:#fff;
}

/* ROUND STYLE */

.tabbed.round > ul > li{
border-radius:8px 8px 0 0;
}

.tabbed.round > ul > li:before{
box-shadow: 3px 0px 1px 0px rgb(0 0 0 / 10%); 
z-index: 1;
border-radius:0 8px 0 0;
}

.tabbed.round > ul > li:after{
border-radius:8px 0 0 0;
}

/* DROPDOWN */

/* DROPDOWN */

.dropdown{
position:relative;
}

.imp-ul{
position:absolute;
top:100%;
left:0;
background:#fff;
width:220px;
display:none;
flex-direction:column;
box-shadow:0 5px 15px rgba(0,0,0,.15);
padding:0;
z-index:999;
}

.dropdown:hover .imp-ul,
.dropdown:focus-within .imp-ul{
display:block;
}

.imp-ul li{
list-style:none;
padding:10px 15px;
border-bottom:1px solid #eee;
}

.imp-ul li a{
color:#fff;
display:block;
text-decoration:none;
}

.imp-ul li:hover{
background:#D1143E;
color:#fff;
}

.imp-ul li:hover a{
color:#fff;
}

.dropdown:hover .imp-ul{
display:block;
}

/* MOBILE */

@media(max-width:991px){

.tabbed > ul{
gap:8px;
}

.tabbed > ul > li{
margin-right:0;
padding:8px 14px;
font-size:14px;
}

.tabbed > ul > li:before,
.tabbed > ul > li:after{
display:none;
}

}

@media(max-width:576px){

.imp-link-dropdown{
    display:none !important;
}

.tabbed {
    margin-top: 0px;
    border-top: 4px solid #D1143E;
    /* overflow: visible; */
}

.tabbed > ul{
overflow-x:auto;
overflow-y:visible !important;
position: relative;
flex-wrap:nowrap;
justify-content:flex-start;
padding:10px;
}

.tabbed > ul > li{
white-space:nowrap;
font-size:13px;
padding:8px 12px;
}

.tabbed.round > ul > li {
    border-radius: 8px;
}

/* DROPDOWN FIX */

.dropdown{
position:relative;
}

.imp-ul{
    position:absolute;
    top:100%;
    left:0;
    width:220px;
    z-index:99999;
}

/* show dropdown */

.dropdown:hover .imp-ul,
.dropdown:focus-within .imp-ul{
    display:block;
}

}


@media only screen and (max-width: 1440px) {
    .tabbed > ul > li{
        margin-right:20px;
    }
    .tabbed > ul > li a {
        font: 600 13px / 20px 'DM Sans', sans-serif !important;
    }
    
    .tabbed > ul > li:before {
        right: -19px;
    }
    .tabbed > ul > li:before, .tabbed > ul > li:after {
        width: 40px;
    }
    .tabbed > ul > li:after {
        left: -20px;
    } 
}

@media only screen and (max-width: 1920px) {
    .tabbed > ul > li a {
        font: 600 15px / 20px 'DM Sans', sans-serif;
    }
}