@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");*{padding:0;margin:0;box-sizing:border-box;--dark-blue:#0101BD;--light-blue:#797cbd;--gray-1:#ebe9e9;--gray-2:#f2f2f2;--gray-3:#f6f6f6;--gray-4:#575757}body{font-family:Roboto,sans-serif;background-color:var(--gray-1)}nav{display:flex;align-items:center;justify-content:space-between;background:white;position:fixed;z-index:10;width:100%}nav img{width:200px;margin-left:30px}.navbar{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:15px}.navbar li:not(.dropdown-menu li){padding:20px 10px;font-size:12px;font-weight:900;text-transform:uppercase}.navbar li a{color:black;text-decoration:none;transition:.3s}.navbar li:not(:first-child) a:after{content:"";display:block;width:0;height:2px;background:var(--dark-blue);transition:.3s;margin-top:2px}.navbar li a:hover{color:var(--dark-blue)}.navbar li a:not(.dropdown a):hover:after{width:60%}.dropdown{position:relative;cursor:pointer;margin-bottom:3px}.dropdown-menu{display:none;position:absolute;top:50px;left:0;background:white;list-style:none;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}.dropdown-menu a{width:100%;display:flex;align-items:center;padding:15px 20px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{white-space:nowrap}.dropdown-menu li:hover{background-color:#f5f5f5}.nav-contact{background:var(--dark-blue);height:100%;opacity:.8;transition:.2s}.nav-contact:hover{opacity:1}.nav-contact a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:700;background:var(--dark-blue);color:white;padding:20px}.menu-bar{display:none}.cards{flex-wrap:wrap;gap:50px;width:100%;justify-content:center;margin:50px 0;padding:100px 0}.cards,.cards .card{display:flex;background:white}.cards .card{flex-direction:column;width:450px;box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:5px;overflow:hidden}.cards .card img{width:100%;height:50%;object-fit:cover}.cards .card .text{padding:30px;text-align:center;display:flex;flex-direction:column;gap:25px;line-height:1.5;align-items:center}.cards .card .text h2{font-size:1.8rem;font-weight:500;position:relative}.cards .card .text h2:after{content:"";position:absolute;width:50px;height:3px;bottom:-10px;left:50%;transform:translateX(-50%);background:var(--dark-blue)}.cards .card .text a{display:flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-weight:500;background:red;padding:10px 25px;width:100%;border-radius:25px;font-size:14px}footer{background:var(--gray-2);color:black;padding:50px;font-size:12px}.footer-container{display:flex;justify-content:space-between}.footer-column h4{font-weight:700;margin-bottom:10px}.footer-column h4:nth-of-type(2){margin-top:30px}.footer-column ul{list-style:none}.footer-column ul li{padding:3px 0}.footer-column ul li a{text-decoration:none;color:black}.footer-column ul li a:hover{color:var(--dark-blue)}.footer-column .socials{display:flex;gap:10px}.footer-column p{width:300px;margin-top:15px;line-height:1.2rem}footer img{width:200px}.footer-bottom{margin-top:30px}@media screen and (max-width:1220px){nav img{width:150px}.navbar{flex-direction:column;position:absolute;top:60px;width:100%;background:white;z-index:-1;align-items:flex-start;border-top:1px solid grey;gap:5px;overflow:hidden;padding-left:30px;height:0;transition:.3s;box-shadow:0 8px 16px rgba(0,0,0,.1)}.navbar.navActive{height:-moz-fit-content;height:fit-content}.navbar li:not(.dropdown-menu li):first-child{display:none}.navbar li{padding-left:40px}.nav-contact{justify-self:flex-end}.nav-contact a p{display:none}.nav-right{display:flex}.dropdown-menu{position:relative;top:15px;left:-20px;box-shadow:none}.dropdown-menu a{padding:10px 0}.menu-bar{display:flex;align-items:center;justify-content:center;height:100%;font-weight:900;background:var(--light-blue);color:white;padding:15px}.cards .card{width:80%}.cards .card .text h2{font-size:1.5rem}footer{padding:30px;font-size:16px}.footer-container{flex-direction:column;gap:50px}}