*{margin:0;padding:0;box-sizing:border-box}body{font-family:space grotesk,sans-serif}.navbar{background-color:transparent;padding:20px 70px;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:1000;top:0;width:100%;transition:background-color .4s ease,box-shadow .4s ease}.navbar.scrolled{background-color:#fff;box-shadow:0 2px 10px #0000001a}.logo{display:flex;width:210px;align-items:center;justify-content:space-between;font-size:24px;font-weight:700;color:#333;text-decoration:none}.logo-icon{width:40px;height:40px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff;font-size:22px;font-weight:600;margin-right:10px;border-radius:8px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#3c8c8c,#56b6b6);transition:transform .7s,box-shadow .5s}.logo-icon:hover{box-shadow:0 4px 8px #0003;cursor:pointer;scale:1.05}.nav-links{list-style:none;display:flex;width:250px;justify-content:space-between;align-items:center}.nav-links a{text-decoration:none;color:#333;transition:all .5s ease;font-weight:500}.nav-links li{padding:8px 12px;transition:background-color .5s,color .5s,width .5s,height .3s;display:flex;justify-content:center;align-items:center;border-radius:5px}.nav-links li:hover{color:#fff;background-color:#56b6b6;cursor:pointer}.nav-links li:hover a{color:#fff}.footer{background-color:#fff;padding:20px;font-family:Arial,sans-serif;color:#000}.footer-columns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-column{flex:1;min-width:200px}.footer-column h3{margin-bottom:10px;font-size:18px}.footer-column p,.footer-column ul{margin:5px 0;font-size:14px;color:#84898d}.footer-column ul{list-style:none;padding:0}.footer-column ul li a{text-decoration:none;color:#84898d}.footer-column ul li a:hover{text-decoration:underline}.footer-bottom{text-align:center;margin-top:20px;font-size:13px;color:#777}.hero-container{background-color:#2fa3a3;width:100%;height:70vh;padding:60px 20px;display:flex;flex-direction:column;position:relative;z-index:1}.hero-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/dentist%20clinic.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.2;z-index:0}.hero-container>*{position:relative;z-index:1}.hero-image{position:absolute;right:0;bottom:0;z-index:0;opacity:.1;object-fit:cover}.hero-section{margin-top:30px;padding-left:6vw;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff;height:100%}.trusted-professionals{font-size:12px;margin-bottom:10px;border:1px solid white;padding:5px 10px;border-radius:5px;background-color:#56b6b6}.trusted-professionals:hover{cursor:pointer;background-color:#e1eded;color:#2fa3a3;font-weight:600;transition:background-color .3s,color .3s}.hero-title{font-size:48px;font-weight:700;margin-bottom:20px;width:600px;line-height:1}.hero-description{font-size:20px;margin-bottom:40px;max-width:600px}.hero-buttons{display:flex;flex-direction:row;justify-content:space-between;width:400px}.hero-button{background-color:transparent;color:#fff;border:1px solid white;font-size:18px;cursor:pointer;padding:10px 20px;border-radius:5px}.features-section{padding:50px 6vw;background-color:#f9f9fa;display:flex;justify-content:space-around;flex-wrap:wrap}.feature-item{display:flex;flex-direction:column;align-items:center;background-color:#fff;justify-content:space-between;margin-bottom:30px;border:1px solid #ddd;padding:20px;border-radius:9px;width:300px;height:170px}.feature-item:hover{box-shadow:0 4px 8px #00000080;cursor:pointer;transition:box-shadow .3s ease}.feature-item h4{font-size:20px;margin-bottom:10px;text-align:center}.feature-item p{font-size:16px;color:#666;text-align:center}.search-container{width:100%;background-color:#fff;padding:20px 0;display:flex;justify-content:center}.search-box{display:flex;align-items:center;background-color:#fff;border:1.5px solid #ccc;border-radius:8px;width:60%;max-width:600px;padding:10px 14px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease,box-shadow .3s ease}.search-box:focus-within{border-color:#2fa3a3;box-shadow:0 0 5px #2fa3a34d}.search-icon{font-size:1.2rem;color:#666;margin-right:10px}.search-box input{border:none;outline:none;flex:1;font-size:1rem;background:transparent;color:#333}.search-box input::placeholder{color:#999}.product-list-container{padding-left:100px;padding-right:100px;background-color:#fff;display:flex;flex-direction:column}.product-list-header{font-size:2.4rem;font-weight:700;margin-bottom:15px;color:#000}.product-list{display:flex;flex-wrap:wrap;gap:20px}.product-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;height:510px;width:300px}.product-card:hover{box-shadow:0 4px 8px #0003}.product-info{padding:12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-card img{height:300px;border-radius:4px;object-fit:cover}.product-card h2{font-size:1.2rem;margin:12px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card p{font-size:1rem;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-clamp:2;block-overflow:ellipsis}.product-card span{font-weight:700;font-size:1.4rem;color:#333;color:#31a2a2}.product-card button{background-color:#31a2a2;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:background-color .3s ease}.product-card button:hover{background-color:#0056b3}.join-us-banner{background-color:#31a2a2;padding:20px;height:300px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:60px 0}.join-us-banner h2{color:#fff;font-size:2.2rem;text-align:center}.join-us-banner p{color:#fff;font-size:1.4rem;text-align:center}.join-us-banner button{background-color:#fff;color:#31a2a2;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.join-us-banner button:hover{background-color:#f0f0f0}
