.huba-faq-wrap {
width: 100%;
max-width: 100%;
} .huba-faq-kat {
font-size   : 13px;
font-weight : 700;
text-transform: uppercase;
letter-spacing: .7px;
color       : #d80000;
margin      : 32px 0 12px;
padding-bottom: 6px;
border-bottom : 2px solid #d80000;
}
.huba-faq-kat:first-child { margin-top: 0; } .huba-faq-list {
display       : flex;
flex-direction: column;
gap           : 8px;
} .huba-faq-item {
border       : 1.5px solid #e8e8e8;
border-radius: 10px;
overflow     : hidden;
background   : #fff;
transition   : border-color 0.2s;
}
.huba-faq-item.open {
border-color : #d80000;
} .huba-faq-q {
width          : 100%;
display        : flex;
align-items    : center;
justify-content: space-between;
gap            : 16px;
padding        : 16px 18px;
background     : none;
border         : none;
cursor         : pointer;
text-align     : left;
font-size      : 15px;
font-weight    : 700;
color          : #1a1a1a;
line-height    : 1.4;
font-family    : inherit;
transition     : color 0.18s;
}
.huba-faq-q:hover { color: #d80000; }
.huba-faq-item.open .huba-faq-q { color: #d80000; } .huba-faq-icon {
flex-shrink : 0;
width       : 22px;
height      : 22px;
border-radius: 50%;
border      : 2px solid #d0d0d0;
position    : relative;
transition  : border-color 0.18s, transform 0.25s;
}
.huba-faq-icon::before,
.huba-faq-icon::after {
content   : '';
position  : absolute;
background: #888;
border-radius: 2px;
transition: background 0.18s, transform 0.25s, opacity 0.25s;
} .huba-faq-icon::before {
width : 10px;
height: 2px;
top   : 50%;
left  : 50%;
transform: translate(-50%, -50%);
} .huba-faq-icon::after {
width : 2px;
height: 10px;
top   : 50%;
left  : 50%;
transform: translate(-50%, -50%);
}
.huba-faq-item.open .huba-faq-icon {
border-color: #d80000;
transform   : rotate(45deg);
}
.huba-faq-item.open .huba-faq-icon::before,
.huba-faq-item.open .huba-faq-icon::after {
background: #d80000;
} .huba-faq-a {
overflow  : hidden;
max-height: 0;
transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.huba-faq-a:not([hidden]) {
max-height: 2000px;
}
.huba-faq-a[hidden] {
display: block !important; }
.huba-faq-a-inner {
padding   : 0 18px 18px;
font-size : 14px;
color     : #444;
line-height: 1.7;
}
.huba-faq-a-inner p  { margin: 0 0 10px; }
.huba-faq-a-inner p:last-child { margin-bottom: 0; }
.huba-faq-a-inner ul,
.huba-faq-a-inner ol {
margin : 0 0 12px 20px;
padding: 0;
}
.huba-faq-a-inner li { margin-bottom: 4px; }
.huba-faq-a-inner h3 {
font-size  : 13px;
font-weight: 700;
color      : #1a1a1a;
margin     : 14px 0 6px;
text-transform: uppercase;
letter-spacing: .4px;
} .huba-faq-a-inner table {
width          : 100%;
border-collapse: collapse;
margin         : 12px 0;
font-size      : 13px;
}
.huba-faq-a-inner th,
.huba-faq-a-inner td {
padding    : 8px 12px;
text-align : left;
border     : 1px solid #e5e5e5;
vertical-align: top;
}
.huba-faq-a-inner th {
background : #f7f7f7;
font-weight: 700;
color      : #1a1a1a;
}
.huba-faq-a-inner tr:nth-child(even) td { background: #fafafa; } @media (max-width: 600px) {
.huba-faq-q { font-size: 14px; padding: 13px 14px; }
.huba-faq-a-inner { padding: 0 14px 14px; font-size: 13px; }
.huba-faq-a-inner table { display: block; overflow-x: auto; }
}