*{margin:0;padding:0}.watsapp_set_header{background:#faf6f6;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.watsapp_set_header h3{margin:0;font-size:1.5rem}.search_container{position:relative;width:calc(30% - 80px)}.search_icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#888}.search_box{width:100%;padding:10px 10px 10px 40px;font-size:1rem;border:1px solid #ddd;border-radius:4px}.close_button{display:flex;align-items:center;background-color:#f5f5f5;border:none;padding:10px;cursor:pointer}.icon{margin-left:8px;font-size:16px}.watsapp_set_card_section{margin-top:30px;padding:10px}.card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.watsapp_set_card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.card_heder_content{display:flex;align-items:center;margin-bottom:15px}.card_heder_content .icon{font-size:24px;margin-right:10px}.card_heder_content p{font-size:18px;font-weight:700}.watsapp_set_content p{padding:10px 0}.card_sub_heder_content.users_roles_section{display:flex;flex-direction:column;align-items:flex-start}.setting-item{display:block;text-decoration:none;color:inherit;padding:10px}.setting-item:hover{background-color:#f0f0f0;cursor:pointer}.card_sub_heder_content{margin:5px 0;padding:10px}.card_sub_heder_content:hover{background-color:#e0e0e0;cursor:pointer}.sidebar_heder{display:flex;align-items:center}.icon{margin-right:8px}@media (max-width:1200px){.search_container{width:calc(80% - 40px)}.card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.search_container{width:calc(90% - 20px)}.card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.search_container{width:calc(90% - 10px)}.watsapp_set_header h3{font-size:1.2rem}.card-container{grid-template-columns:1fr}}