body{font-family:'Roboto',sans-serif;margin:0;padding:0;background-color:#f9f9f9;min-height:100vh}.header{display:flex;align-items:center;padding:10px 5%;justify-content:space-between;border-bottom:1px solid #e9ecef}.logo{margin-right:2rem}.main-nav{display:flex;gap:12px}.main-nav a{position:relative;padding-bottom:4px;color:#000;text-decoration:none}.main-nav a:hover{color:#ef4565}.nav-item{text-decoration:none;color:#333;font-weight:bold}a.logo{color:#39c3cd;font-weight:bold;text-decoration:none}.main-nav a:hover::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#4fc4cf}.dropdown:hover{cursor:pointer}.dropdown-toggle{color:#333;font-weight:bold}.dropdown-menu{display:none;position:absolute;background:#fff;list-style:none;padding:0;margin:0;z-index:1}.dropdown-menu li a{display:block;padding:8px 12px;text-decoration:none;color:#333}.dropdown.active .dropdown-menu{display:block}.search-bar{display:flex}.search-bar input{padding:19px;width:289px;border:1px solid #ccc;border-radius:9px 0 0 9px;outline:none}.search-bar button{padding:19px 19px;border:1px solid #ccc;border-left:none;background-color:#4fc4cf;border-radius:0 8px 13px 0;cursor:pointer}.menu-button{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:8px 12px;display:none}.menu-button i{font-size:20px}.mobile-menu{display:none;flex-direction:column;gap:15px;padding:20px 5%}.mobile-menu a{text-decoration:none;color:#333;font-weight:bold}.mobile-menu .search-bar{width:100%}.mobile-menu .search-bar input{width:100%}.nav a:hover{color:#ef4565;text-decoration:underline solid #4fc4cf 25%}.search-bar button:hover{background-color:#fff}footer{border-top:5px solid #39c3cd;padding:0 5%;margin-top:12px}.footer-container{display:flex;flex-wrap:wrap;align-items:flex-start}.footer-left{flex:1;min-width:250px}.footer-disclaimer{font-size:.8rem;color:#444;margin-top:10px}.footer-right{text-align:right;flex:1;min-width:250px;margin:16px 0}.footer-links a{color:#000;font-weight:bold;margin-left:10px}.footer-links a:hover,.footer-copy a:hover{color:#ef4565;text-decoration:none}.footer-copy{font-size:1rem;margin-top:8px}.footer-copy a{color:#000;font-weight:bold}.footer-copy span{text-decoration:underline;font-weight:bold}.f-logo{padding-left:78px;margin-bottom:16px;margin-top:100px}@media(max-width:1200px){.search-bar{display:flex;margin-left:0%}.search-bar input{width:276px}.mobile-menu .search-bar{width:100%;margin-top:0;display:flex;margin:0}.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-right{text-align:center}.f-logo{padding-left:80px;margin-top:40px}}@media(max-width:1024px){.header{flex-direction:row;justify-content:space-between}.main-nav{display:none}.menu-button{display:block;margin-left:6px}.mobile-menu.show{display:flex}.search-bar{width:100%;justify-content:center}.search-bar input{width:70%;padding:15px}.search-bar button{padding:15px}.footer-container{flex-direction:column;text-align:center}.footer-right{text-align:center}.f-logo{padding-left:13px;margin-top:50px}}@media(max-width:768px){.header{flex-direction:row;justify-content:space-between}}@media(max-width:576px){.header{padding:15px}.nav a{margin:0 10px;font-size:.9rem}.search-bar input,.search-bar button{padding:12px;font-size:.9rem}.mobile-menu{padding:20px 2%}}@media(max-width:425px){.header{padding:10px}.search-bar{margin:0;justify-content:center}}a{text-decoration:none}.heading{display:inline-block;padding:1.125rem 0 0 0;margin-inline:5%}.heading h1{font-size:1.75rem;font-weight:500;color:#111;margin:0}.underline{width:100%;height:4px;background-color:#3ec8c8;margin-top:4px}.heading h1:hover{color:#ef4565}.cards-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2.5rem 0 35px;margin-inline:5%}.card{display:flex;flex-direction:column;height:fit-content;background-color:#000;color:#fff;width:32%;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2)}.card:hover{transition:transform .5s ease,box-shadow .3s ease;transform:scale(1.05)}.card-overlay:hover{transition:transform .5s ease,box-shadow .3s ease;transform:scale(1.03)}.details h2:hover{color:#ef4565}.details h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;min-height:2.8em}.details button:hover,.card-overlay:hover button{background:#fff;color:#ef4565}.details{display:flex;flex-direction:column;gap:12px}.card-overlay{height:35rem;position:relative;width:66%;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-overlay img{width:100%;object-fit:cover;display:block;height:100%}.overlay-content{position:absolute;top:-25px;left:0;height:100%;width:-webkit-fill-available;background:linear-gradient(to bottom,rgba(0,0,0,2.7),transparent);color:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:20px}.overlay-content h3{font-size:20px;font-weight:600;margin-bottom:-10px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;min-height:2.8em}.overlay-content p{margin-bottom:-6px}.overlay-content button{background-color:#3ac7d1;font-weight:600;padding:9px 17px;border-radius:11px;cursor:pointer;font-size:1rem;width:fit-content;margin-top:22px;text-decoration:none;border:none}.card-container{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-inline:5%}.card h2{font-size:20px;margin:18px 20px 0;cursor:pointer;color:#fff}.card p{font-size:.9em;margin:0 20px}.card button{background-color:#3ac7d1;border:none;padding:10px 18px;margin:0 20px 15px;border-radius:11px;cursor:pointer;width:fit-content;font-weight:600;font-size:1rem}.card img{width:100%;object-fit:cover;height:250px}@media(max-width:1111px){.card-overlay{height:30rem}.card{width:31%}}@media(max-width:769px){.cards-container{padding:1.5rem 0}.heading{padding:0}.card{width:48%}.card-overlay{height:unset;width:48%}}@media(max-width:576px){.card button{padding:8px 15px}.cards-container,.card-container{margin-inline:2%}.heading{margin-left:2%}}@media(max-width:616px){.card{width:100%}.card-overlay{width:100%;margin-top:5%;height:195px}.cards-container{padding-bottom:5%}}