:root{--black-color:black;--bg-color:#eff7fc;--bg-color-navbar:#007ACC;--font-color:#333333;--highlight-color:#FF9900;--navbar-active-header-color:#ffe608;--main-logo-bg-color:#fff}@font-face{font-family:'Roboto';src:url(fonts/Roboto-Regular.ttf) format('truetype');font-weight:400;font-style:normal}*{box-sizing:border-box;font-family:"Roboto",sans-serif}.container{max-width:70%;min-height:56%;margin:15vh auto;padding:0 60px;flex:1;padding-top:100px}h2,h1{text-align:center;font-weight:500;margin-bottom:40px}.service-grid{margin-top:10vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;align-items:center;margin-bottom:23vh}.service-item{background-color:var(--main-logo-bg-color);margin:auto;padding:20px;width:160px;text-align:center;border-radius:8px;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 2px 4px rgb(0 0 0 / .05);cursor:pointer}.service-item:hover{transform:scale(1.02);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.service-item img{width:80px;height:auto;margin-bottom:20px;opacity:.9}.service-item h3{font-size:18px;font-weight:500;margin-bottom:10px}a.service-link{text-decoration:none;color:inherit;display:block;transition:transform 0.2s ease,box-shadow 0.2s ease}a.service-link:hover{text-decoration:none;color:inherit}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;text-align:center;background-color:var(--bg-color-navbar);padding:20px 0;border-bottom:1px solid #ddd}.navbar ul{list-style:none;margin:0;padding:0}.navbar ul li a.active-header{text-decoration:underline}.navbar ul li{display:inline-block;margin:0 15px}.navbar ul li a{text-decoration:none;color:var(--main-logo-bg-color);font-weight:500}.navbar ul li a:hover{color:var(--highlight-color)}a{transition:background-color 0.3s ease,color 0.3s ease}a:hover{color:var(--black-color)}body{margin:0;padding:0;background-color:var(--bg-color)}.container-custom{display:flex;justify-content:center;min-height:100vh}.sidebar{position:fixed;top:15%;left:10%;width:250px;height:100vh;padding:1rem;overflow-y:auto}.sidebar nav ul{list-style:none;padding:0;margin:0;font-size:18px}.sidebar nav ul li{margin-bottom:1rem}.sidebar nav ul li a{text-decoration:none;color:var(--font-color);transition:color 0.3s ease}.sidebar nav ul li a:hover,.sidebar nav ul li a.active{color:var(--highlight-color)}.content{margin-left:270px;flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem}.box{width:60%;margin:2rem 0;text-align:left;padding:1rem;display:flex;flex-direction:column;align-items:center;font-size:16px}.box h1{margin-bottom:1rem;text-align:center;width:100%}.box h2{margin-bottom:1rem;text-align:center;width:100%}.box .inner{width:100%;text-align:left;margin-top:1rem}.box img{max-width:100%;height:auto;margin:1rem auto;display:block}.box a{text-align:left;display:inline-block;color:#007bff;text-decoration:none;transition:color 0.3s}.box a:hover{color:#0056b3}footer{text-align:center;padding:20px;background-color:var(--bg-color);border-top:1px solid #ddd;margin-top:40px;font-size:14px}footer a:hover{color:var(--navbar-active-header-color)}@media (max-width:1024px){body .container{padding-top:30vh;max-width:90%}body .container-custom .box{margin:1rem 0}body .container-custom .sidebar nav ul li a{font-size:16px}body .container-custom .content{margin-left:150px;padding:1rem}body .container-custom .sidebar{left:5%}}@media (max-width:740px){body .container{max-width:100%}body .navbar ul li{margin-top:20px}body .container{padding:80px 10px}body .container-custom .content{padding-top:150px;margin-left:0;padding-left:0;padding-right:0}body .container-custom .sidebar{display:none}body .container-custom .content .box{padding:0;width:80%}}@media (max-width:420px){body .container{padding-top:150px}body .container h1{font-size:1.8em}body .container h2{font-size:1.3em}body .container-custom .content .box{padding-left:10px;padding-right:5px;width:100%}}@media (max-width:300px){body .container-custom .content{padding-top:250px}}