:root{--font-family:"Montserrat", sans-serif;--primary-color: #073e66;--secondary-color: rgba(255, 255, 255, .2);--tertiary-color: #2c3e50;--white: rgba(255, 255, 255, .8);--xxl: 4rem;--xl: 2.5rem;--l: 2rem;--s:1rem;--semi-bold:600}*{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box}body{font-family:var(--font-family)}.text-center{text-align:center}nav{position:sticky;top:0;background:var(--primary-color);height:80px;width:100%;z-index:5;box-shadow:0 4px 8px #0000001a}label.logo{color:#fff;font-size:35px;line-height:80px;padding:0 100px;font-weight:700}nav ul{float:right;margin-right:20px}nav ul li{display:inline-block;line-height:80px;margin:0 5px}nav ul li a{color:#fff;font-size:17px;padding:7px 13px;border-radius:3px;text-transform:uppercase}a.active,a:hover{background-color:#ffffff26;transition:.5s}.checkbtn{font-size:30px;color:#fff;float:right;line-height:80px;margin-right:40px;cursor:pointer;display:none}#check{display:none}@media (max-width: 952px){label .logo{font-size:30px;padding-left:50px}nav ul li a{font-size:16px}}@media (max-width: 858px){.checkbtn{display:block}ul{position:fixed;width:100%;height:100vh;background:var(--tertiary-color);top:80px;left:-100%;text-align:center;transition:all .5s}nav ul li{display:block;margin:50px 0;line-height:30px}nav ul li a{font-size:20px}a:hover,a:active{background:none;color:var(--primary)}#check:checked~ul{left:0}}.hero-section{background:linear-gradient(#0009,#0009),url(https://cdn.pixabay.com/photo/2019/07/14/16/27/pen-4337521_960_720.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;padding:0 20px;background-color:var(--primary-color);width:100%}.hero-section .content{max-width:1200px;color:#fff;margin:0 auto}.hero-section h1{font-size:var(--xxl);max-width:600px;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.hero-section .content p{font-weight:300;font-size:var(--l);margin-top:15px;max-width:600px;opacity:.9}.hero-section .content button{background:#fff;outline:none;border:none;font-size:var(--s);font-weight:500;margin-top:38px;padding:12px 30px;border-radius:6px;text-transform:uppercase;cursor:pointer;transition:.2s ease;box-shadow:0 4px 10px #0003}.hero-section .content button:hover{color:#fff;background-color:var(--tertiary-color);transform:translateY(-2px)}.row{margin-top:20px;display:flex;flex-wrap:wrap}.column{display:flex;width:33.33%;flex-shrink:0;margin-bottom:20px}.card{box-shadow:0 4px 8px #0003;max-width:300px;margin:auto;background-color:#f0f8ff;text-align:center;padding:10px;height:100%}.title{color:gray;font-size:18px}button{background:#fff;outline:none;border:none;font-size:var(--s);font-weight:500;margin-top:38px;padding:12px 30px;border-radius:6px;text-transform:uppercase;cursor:pointer;transition:.2s ease;box-shadow:0 4px 10px #0003}button:hover{color:#fff;background-color:var(--tertiary-color);transform:translateY(-2px)}.card img{width:100%;object-position:center;object-fit:cover}@media (max-width: 1024px){.column{width:50%}}@media (max-width: 768px){.column{width:100%}.card{height:auto;margin:10px}button{width:90%}}@media (max-width: 480px){.card{border-radius:20px}.title,button{font-size:16px}}.about-container{max-height:100vh}.about-title{padding:10px;color:var(--white);background-color:var(--tertiary-color)}.about-container h1{font-size:var(--xl)}@media screen and (max-width: 768px){.about-container h1{font-size:2em}}.contact{background:linear-gradient(#0009,#0009),url(https://cdn.pixabay.com/photo/2024/05/28/12/05/workplace-8793724_1280.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;justify-content:end;padding:0 20px;background-color:var(--primary-color);width:100%}.contact form{border:1px dashed #000;max-width:600px;width:100%;background-color:#f0f8ff;padding:25px 25px 30px;border-radius:8px;box-shadow:0 0 10px rgba (0,0,0,.1);color:#333;margin:25px}.contact form h2{font-size:30px;text-align:center}.contact form .input-box{margin-top:20px}.field{width:100%;height:50px;background-color:transparent;border:2px solid #ddd;outline:none;border-radius:6px;padding:15px;font-size:16px;color:#333;margin-top:8px}.mess{height:200px;resize:none}