.services-container{text-align:center;background-color:#f9f4e8;padding:50px 10%}.services-title h2{color:#333;margin-bottom:20px;font-family:play-fair,serif}.services-row{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px;display:flex}.service{box-sizing:border-box;border-radius:8px;flex:30%;min-width:280px;max-width:30%;padding:20px;transition:all .3s}.service:hover{color:#fff;cursor:pointer;background-color:#001f3f;box-shadow:0 4px 15px rgba(0,0,0,.2)}.service:hover h3,.service:hover p,.service:hover .icon{color:#fff}.icon{color:#2d3b45;margin-bottom:10px;font-size:36px;display:block}h3{color:#2d3b45;font-size:1.1rem;font-weight:500}p{color:#5b5b5b;margin-top:10px;font-family:Playfair,serif;font-size:18px;line-height:1.6}@media (max-width:768px){.services-container{padding:50px 5%}.services-title h2{font-size:2rem}.services-row{flex-direction:column;align-items:center;gap:20px}.service{flex:100%;max-width:100%;padding:15px}.icon{font-size:30px}h3{font-size:1rem}p{font-size:.9rem}}@media (max-width:480px){.services-container{padding:20px 5%}.services-title h2{font-size:1.5rem}.service{padding:10px}.icon{font-size:24px}.service h3{font-size:20px}.service p{font-size:18px}}