.search-container {
     display: flex;
     max-width: 400px;
     margin: 50px auto;
     direction: rtl;
 }

 .search-input {
     flex: 1;
     padding: 10px 15px;
     font-size: 16px;
     border: 1px solid #eee;
     border-left: none;
     border-radius: 0 4px 4px 0;
     outline: none;
     transition: border-color 0.3s;
 }

 .search-input:focus {
     border-color: #007BFF;
 }

 .search-button {
     padding: 10px 20px;
     background-color: #007BFF;
     border: 2px solid #007BFF;
     border-radius: 4px 0 0 4px;
     color: white;
     font-size: 16px;
     cursor: pointer;
     transition: background-color 0.3s;
 }

 .search-button:hover {
     background-color: #0056b3;
     border-color: #0056b3;
 }

 .mobile-button {
     padding: 10px 20px;
     background-color: #007BFF;
     border: 2px solid #007BFF;
     border-radius: 4px;
     color: white;
     font-size: 16px;
     cursor: pointer;
     transition: background-color 0.3s;
 }

 #mobileSection {
     margin-bottom: 20px;
 }

 .new-ads {
     padding: 15px;
 }

 .ads-button {
     padding: 10px 20px;
     background-color: #e78c36;
     border: 2px solid #fcfeff;
     border-radius: 4px;
     color: white;
     font-size: 16px;
     cursor: pointer;
     transition: background-color 0.3s;
 }
 .success-alert{
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    display: none;
    width: 360px;
    margin: 0 auto;
 }