.business-card{border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;margin:10px;transition:transform .2s;background-color:#fff;width:200px;flex:0 0 auto}.business-card:hover{transform:scale(1.05)}.business-card-image{width:100%;height:150px;object-fit:cover;border-radius:8px}.business-card-name{margin-top:10px;font-size:18px;font-weight:600;color:#333}@media (max-width: 768px){.business-card{width:180px;margin:8px}.business-card-image{height:130px}.business-card-name{font-size:16px}}@media (max-width: 480px){.business-card{width:150px;margin:6px;padding:8px}.business-card-image{height:110px}.business-card-name{font-size:14px;margin-top:8px}}.navbar-sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#000;padding:20px;box-shadow:2px 0 5px #0000001a;z-index:1000}.navbar-sidebar ul{list-style-type:none;padding:0;margin-top:60px}.navbar-sidebar li{margin:15px 0}.navbar-sidebar a,.navbar-sidebar button{color:#fff;text-decoration:none;background:transparent;border:none;cursor:pointer;font-size:18px;padding:10px 20px;display:block;width:100%;text-align:left}.navbar-sidebar button:hover,.navbar-sidebar a:hover{background-color:#0056b3}.close-btn{background-color:#007bff;color:#fff;border:none;font-size:20px;cursor:pointer;position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001}.close-btn:hover{background-color:#0056b3;transition:background-color .3s ease}.navbar-sidebar ul li button,.navbar-sidebar ul li a{background-color:transparent;border:none;color:#fff;text-decoration:none;display:block;padding:10px;text-align:left;width:100%}.navbar-sidebar ul li button:hover,.navbar-sidebar ul li a:hover{background-color:#0056b3}.add-business-btn{background-color:#28a745;color:#fff;padding:10px;border-radius:5px;width:100%;text-align:left}.add-business-btn:hover{background-color:#218838}@media (max-width: 768px){.navbar-sidebar{width:100%;max-width:300px}.navbar-sidebar a,.navbar-sidebar button{font-size:16px;padding:8px 15px}.close-btn{width:35px;height:35px;font-size:18px}}@media (max-width: 480px){.navbar-sidebar{max-width:250px}.navbar-sidebar a,.navbar-sidebar button{font-size:14px;padding:6px 12px}.close-btn{width:30px;height:30px;font-size:16px}}.business-list-page{padding:20px}.menu-btn{position:absolute;top:20px;left:20px;font-size:24px;background-color:#007bff;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}.sidebar{position:fixed;left:0;top:0;width:250px;height:100%;background-color:#333;color:#fff;padding-top:60px;box-shadow:2px 0 5px #00000080;z-index:1000}.content{margin-left:0;padding:20px;flex-grow:1;transition:margin-left .3s ease}.sidebar~.content{margin-left:250px}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:100px;border-bottom:2px solid #ccc;flex-wrap:wrap}.header .left h1{position:relative;top:0;left:100px;font-size:50px;margin:0;font-weight:1000;word-wrap:break-word}.header .left p{top:75px;position:relative;left:100px;font-size:15px;color:#000;margin:0;word-wrap:break-word;max-width:500px}.header .right .btn{margin-left:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:5px}.auth-buttons button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:0 10px;transition:background-color .3s ease}.auth-buttons button:hover{background-color:#0056b3}.top-bar{background-color:#e0ffff;padding:20px;text-align:left}.top-bar h1{font-size:36px;color:#333}.top-bar p{font-size:18px;color:#555}.auth-buttons{display:flex;justify-content:flex-end;margin-top:10px}.filter-section{display:flex;justify-content:center;margin-top:20px;gap:10px}.filter-section select,.filter-section input{padding:10px;border:1px solid #ccc;border-radius:5px}.business-list{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.business-card{border:1px solid #ccc;padding:10px;text-align:center;width:200px;border-radius:10px}.business-card img{max-width:100%;height:100px;object-fit:cover;border-radius:5px}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.header .left h1{font-size:28px;left:10px}.header .left p{font-size:14px;left:10px;top:0;margin-top:5px;max-width:100%}.header .right{margin-top:10px}.filter-section{flex-direction:column;gap:5px}}@media (max-width: 600px){.header .left h1{font-size:24px;margin-left:10px}.header .left p{font-size:12px;margin-left:10px}.auth-buttons{flex-direction:column;align-items:flex-start}.filter-section{flex-direction:column;gap:10px}}.business-info{text-align:center}.business-banner{width:101vw;height:300px;overflow:hidden;background-color:#f0f0f0;position:relative}.banner-image{width:100%;height:100%;object-fit:cover}.business-content{display:flex;justify-content:space-between;width:100%;max-width:1200px;padding:20px}.business-details{flex-grow:1;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.business-logo{margin-top:10px;position:absolute;top:225px;left:20px;width:150px;height:150px;border-radius:50%;border-color:white green red;border-width:10px;border-style:solid;z-index:1}.business-name{margin-left:200px;margin-top:35px;position:absolute;top:290px;left:20px;font-size:40px;font-weight:1000;z-index:2;max-width:500px;word-wrap:break-word;white-space:normal}.business-map{width:300px;height:300px;flex-shrink:0}.map-container{width:100%;height:100%}body{background-color:#e0ffff;margin:0;padding:0;font-family:Arial,sans-serif}.description-box{flex:1;background-color:#fff;padding:20px;border-radius:10px;max-width:300px;box-shadow:0 4px 8px #0000001a;margin-right:20px;margin-top:100px}.photos-section{margin-top:20px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.photo{width:100%;height:auto;cursor:pointer;border-radius:5px}.photo-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center}.enlarged-photo{max-width:80%;max-height:80%}.close-modal,.prev-arrow,.next-arrow{position:absolute;background-color:#fff;border:none;padding:10px;cursor:pointer;font-size:24px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:background-color .3s ease}.close-modal:hover,.prev-arrow:hover,.next-arrow:hover{background-color:#f0f0f0}.close-modal{top:20px;right:20px}.prev-arrow{left:20px}.next-arrow{right:20px}.business-info-section{max-width:500px;word-wrap:break-word}.btn-back{position:absolute;top:20px;right:20px;width:75px;height:75px;background-color:#007bff;color:#fff;border:none;border-radius:50%;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}.btn-back:hover{background-color:#0056b3}@media (max-width: 768px){.business-banner{height:200px}.business-content{flex-direction:column;align-items:center}.business-details{padding-right:0;margin-top:20px}.business-name{font-size:30px;margin-left:0;text-align:center;position:relative;top:0}.description-box{margin-top:20px;max-width:90%;margin-right:0}.photo-grid{grid-template-columns:repeat(2,1fr)}.business-logo{width:120px;height:120px;top:150px;left:10px;transform:none;position:absolute}.business-map{width:100%;height:200px}.btn-back{width:50px;height:50px;font-size:12px;top:10px;right:10px}}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f8ff}.auth-form{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.auth-form h2{margin-bottom:20px;font-size:24px;color:#333}.auth-form input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .3s ease}.auth-form input:focus{border-color:#007bff;outline:none}.auth-form button{background-color:#007bff;color:#fff;padding:12px 20px;width:100%;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.auth-form button:hover{background-color:#0056b3}.auth-form p{margin-top:15px;color:#555;font-size:14px}.auth-form a{color:#007bff;text-decoration:none;transition:color .3s ease}.auth-form a:hover{color:#0056b3}.drag-drop-zone{border:2px dashed #ccc;padding:20px;text-align:center;cursor:pointer;width:93%;height:200px;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;transition:all .3s ease}.drag-drop-zone.active{border-color:#007bff;background-color:#e9ecef}.drag-drop-zone p{font-size:16px;color:#6c757d;margin:0}.image-preview{max-width:100%;max-height:100%;object-fit:cover;border-radius:4px}.file-input{display:none}@media (max-width: 768px){.drag-drop-zone{width:95%;height:180px;padding:15px}.drag-drop-zone p{font-size:14px}}@media (max-width: 480px){.drag-drop-zone{width:100%;height:150px;padding:10px}.drag-drop-zone p{font-size:12px}}.add-business-container{max-width:600px;margin:50px auto;padding:20px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;border-radius:10px}.Back{margin-left:10px;margin-top:10px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.add-business-container h2{text-align:center;color:#333;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input,.form-group textarea,.form-group select{width:96%;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:16px}.form-group textarea{height:100px;resize:vertical}.submit-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#0056b3}@media (max-width: 600px){.business-card{width:100%;margin-bottom:15px}.business-card h3{font-size:16px}.business-card p{font-size:14px}.business-list-container{padding:10px}.business-card button{font-size:14px;padding:8px}@media (max-width: 768px){.business-card{width:calc(50% - 20px)}}}.contact-container{max-width:800px;margin:50px auto;padding:20px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;border-radius:10px;text-align:center;position:relative}.contact-button{position:absolute;top:75px;right:175px;width:75px;height:75px;background-color:#007bff;color:#fff;border:none;border-radius:50%;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}.profile-picture{width:350px;height:350px;margin-bottom:20px;border-radius:50%;object-fit:cover}.description{font-size:18px;color:#000;margin-bottom:20px;line-height:1.6}.contact-info p{font-size:20px;margin:10px 0}.contact-info a{color:#007bff;text-decoration:none}.contact-info a:hover{text-decoration:underline}@media (max-width: 768px){.contact-container{max-width:90%;margin:20px auto;padding:15px}.contact-button{top:20px;right:20px;width:50px;height:50px;font-size:12px}.profile-picture{width:250px;height:250px}.description{font-size:16px;padding:0 10px}.contact-info p{font-size:16px}}@media (max-width: 480px){.profile-picture{width:200px;height:200px}.description,.contact-info p{font-size:14px}}