.tsa-wrap{display:flex;gap:18px;align-items:flex-start;direction:rtl;font-family:'iranyekanwebregular';width:100%;}
.tsa-cats{width:120px;background:#ffd800;padding:14px;border-radius:12px;display:flex;flex-direction:column;gap:30px;min-height: 375px;}
.tsa-cats .tsa-cat{background:transparent;border:0;padding:0px;border-radius:10px;cursor:pointer;text-align:center;font-weight:500;display:flex;align-items:center;gap:8px;justify-content:flex-start;color: #343434;font-size: 13px;display: block;}
.tsa-cats .tsa-cat.active{background:rgba(0,0,0,0.04);box-shadow:inset 0 0 0 3px rgba(255,255,255,0.2)}
.tsa-card{flex:1;background:#343434;padding:18px;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.06);min-height: 375px;color:#fff;}
.tsa-tabs{display:flex;gap:8px;margin-bottom:14px;}
.tsa-tab{padding:8px 14px;border-radius:8px;border:1px solid #eee;background:#f8f8f8;cursor:pointer;color: #343434;}
.tsa-tab.active{background:#343434;border-bottom:3px solid #ffd200;color:#fff;}
.tsa-tab:hover{background:#343434;border-bottom:3px solid #ffd200;color:#fff;}
.tsa-contents{display:block}
.tsa-content{display:block}
.tsa-field{margin-bottom:12px}
.tsa-field select{width:100%;padding:12px;border-radius:12px;border:1px solid #e6e6e6;font-size:12px}
.tsa-action{margin-top:8px}
.fa-solid, .fas {
    font-weight: 900;
    font-size: 30px;
}

#tsa_search_btn{background:#FFCB05;color:#000000;border:0;padding:12px 18px;border-radius:8px;cursor:pointer;width:100%;font-size:16px}
@media (max-width:720px){
    .tsa-wrap{flex-direction:row;gap:10px;}
    .tsa-cats{flex-direction:column;justify-content:space-around;width:100px;padding: 6px;}
    .tsa-card {width:70%;padding:10px;}
    .tsa-tabs {gap: 0px;}
    .tsa-tab {font-size:12px;    padding: 8px 10px;}
}