#search_Joobox #hSearch[data-type="3"]{top: auto;width: 100%;right: auto;height: auto;}
#search_Joobox .search-box{background: #f9f9f9;padding: 36px 30px;border-radius: 18px;box-shadow:0 4px 20px rgba(0,0,0,0.1);display: grid;grid-template-columns: 7% 77% 12%;align-items:center;justify-content:space-between;width: min(888px , 100%);margin: 52px auto;gap: 2%;}
#search_Joobox .search-box input{border:0;outline:none;font-size:18px;width: auto;background:transparent;font-weight: 300;}
#search_Joobox .search-btn{background:#8B1E1E;color:#fff;padding:12px 28px;border-radius: 10px;text-decoration:none;font-size:16px;display: flex;flex-direction: column;align-items: center;}
#search_Joobox .tags{display:flex;flex-wrap:wrap;gap:12px}
#search_Joobox .tag{padding: 8px 26px;border-radius: 36px;cursor:pointer;font-size:15px;border: #e2e2e2 2px solid;color: #767676;}
#search_Joobox .tag.active{border: 2px solid var(--info);color: var(--info);}
#search_Joobox .fadagan{display: flex;flex-direction: column;align-items: center;}
#search_Joobox .fadagan svg{width: 28px;aspect-ratio: 1/1;fill: #0f0f0f;}
#search_Joobox .tags{display:flex;justify-content: center;flex-wrap: wrap;width: 100%;}

@media screen and (max-width: 1024px){
    #search_Joobox .search-box{grid-template-columns: 7% 64% 25%;padding: 15px 13px;border-radius: 6666px;}
    #search_Joobox .search-btn{padding: 9px 6px;border-radius: 6666px;font-size: 15px;}
    #search_Joobox .tags{display: flex;justify-content: flex-start;}
    #search_Joobox .search-box input{font-size: 13px;margin: 0;padding: 0;}
    #search_Joobox .fadagan svg{width: 17px;}
}

@media screen and (max-width: 768px){
    #search_Joobox .search-box input::placeholder{color: transparent;opacity: 0;}
    #search_Joobox .search-box input{font-size: 18px;padding: 1px 8px;font-weight: 400;}
}