.faq{position:relative;margin-top:140px;width:100%;margin-inline:auto;padding:0 16px;@media (min-width:960px){margin-top:170px;max-width:500px}@media (min-width:1440px){margin-top:182px;max-width:700px}& .faq__head{padding-top:24px;@media (min-width:960px){padding-top:32px}@media (min-width:1440px){padding-top:52px}}& .faq__body{margin-top:48px;@media (min-width:960px){margin-top:70px}@media (min-width:1440px){margin-top:50px}}h1{font-family:var(--font-travels-next),sans-serif;font-weight:700;font-size:32px;line-height:32px;letter-spacing:-1px;@media (min-width:960px){font-size:40px;line-height:95%;letter-spacing:-1.2px}@media (min-width:1440px){font-size:55px;letter-spacing:-1.8px}}.tab-head{position:sticky;top:64px;z-index:1;@media (min-width:768px){position:static;top:0}}.tab-value{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;height:48px;font-size:16px;line-height:48px;border-radius:12px;background-color:var(--color-violet);padding:12px;@media (min-width:768px){display:none}}.tabs-list{position:absolute;left:0;top:calc(100% - 12px);padding-top:12px;width:100%;background-color:var(--color-black-4);border-radius:0 0 12px 12px;border-top-style:solid;border:1px solid var(--color-violet);border-top:1px var(--color-violet);max-height:50vh;overflow-x:hidden;overflow-y:scroll;@media (min-width:768px){position:static;padding-top:0;display:flex;flex-wrap:wrap;gap:8px;border-radius:0;overflow:visible;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;background-color:transparent}}.tab-item{position:relative;width:100%;display:flex;align-items:center;height:36px;font-weight:400;font-size:16px;line-height:36px;border-bottom:1px solid var(--color-violet);padding:8px 12px;cursor:pointer;overflow:hidden;@media (min-width:768px){width:auto;border-radius:12px;border-left-color:var(--color-violet);border-left-style:solid;border-left-width:1px;border-bottom-color:var(--color-violet);border-bottom-style:solid;border-bottom-width:1px;border-right-color:var(--color-violet);border-right-style:solid;border-right-width:1px;border-top-color:var(--color-violet);border-top-style:solid;border-top-width:1px}@media (min-width:1440px){padding-left:16px;padding-bottom:12px;padding-right:16px;padding-top:12px;height:44px;font-size:18px;line-height:44px}&:last-child{border-bottom:none;@media (min-width:768px){border-bottom-color:var(--color-violet);border-bottom-style:solid;border-bottom-width:1px}}span{position:relative}&:before{content:"";position:absolute;top:0;left:0;background-color:var(--color-violet);width:100%;height:100%;z-index:0;transform:scaleY(0);transform-origin:50% 100%;transition:transform .2s ease-in-out}&:hover,&[data-selected]{&:before{transform-origin:50% 0;transform:scaleY(1)}}}}