* {  box-sizing: border-box;  margin: 0;  padding: 0;}body {  font-family: Arial;  line-height: 1.6;}.container {  max-width: 1280px;  margin: auto;  padding: 2rem;}header {  position: fixed;  top: 0;  left: 0;  width: 100%;  background-color: #333;  z-index: 1000;  text-align: center;  border-radius: 5px;  padding: 10px 0;}.logo {  width: 350px;  height: 250px;  margin-top: 0px;  padding: 0px;  border-radius: 5px;}nav {  margin-top: 10px;}/* Navigation Fixes for Mobile */nav ul {  display: flex;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;  text-align: center;}/* Navigation menu adjustments */@media (max-width: 768px) {  nav ul {    flex-direction: column;    align-items: center;  }  nav ul li {    width: 100%;    text-align: center;  }  nav ul li a {    display: block;    padding: 10px;  }}nav ul li {  display: inline;  margin: 0 20px;}nav ul li a {  text-decoration: none;  color: white;  font-size: 16px;  padding: 10px 15px;  display: block;  border-radius: 4px;  transition: background-color 0.3s ease, color 0.3s ease;}nav ul li a:hover {  background-color: #4CAF50;  color: white;}nav ul li a:focus,nav ul li a:active {  background-color: #45a049;}section {  padding: 10px 0;  margin-top: 80px;  opacity: 0;  transition: opacity 1s ease-in-out;}section1 {  padding: 10px 0;  margin-top: 0px;  opacity: 0;  transition: opacity 1s ease-in-out;}.section-loaded {  opacity: 1;}.content {  animation: fadeInUp 3s;}@keyframes fadeInUp {  from {    opacity: 0;    transform: translateY(20px);  }  to {    opacity: 1;    transform: translateY(0);  }}/* Service icons (Äriklient & Korteriühistu) - Fixed size for desktop, responsive for mobile */.service {  display: inline-block;  width: calc(25% - 20px);  margin-right: 20px;  margin-bottom: 20px;  text-align: center;}.service:last-child {  margin-right: 0;}.service label {  display: block;  text-align: center;}/* Icon Box (For Äriklient & Korteriühistu) */.icon-box {  width: 250px;  height: 250px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 10px 0;  margin: auto;}/* Ensure the icons inside remain at their intended size */.icon-box img {  max-width: 80px;  height: auto;}/* Responsive adjustments for mobile */@media (max-width: 768px) {  .icon-box {    width: 100px;    height: 100px;  }  .icon-box img {    max-width: 60px;  }}.service-img {  width: 250px;  height: 250px;}.service p {  margin-top: 5px;}footer {  text-align: center;  margin-top: 50px;}/* ESG Report Image Fix */.esg-image {  max-width: 100%;  height: auto;  display: block;  margin: auto;}/* Ensure ESG Report does not overflow on mobile */@media (max-width: 768px) {  .esg-image {    width: 80%; /* Scale down image */    height: auto;  }}form {  margin-top: 20px;  text-align: left;}form label {  display: block;  margin-bottom: 10px;}form input,form textarea {  width: 100%;  padding: 10px;  margin-bottom: 20px;}form button {  width: 100%;  padding: 10px;  background-color: #4CAF50;  color: white;  border: none;  cursor: pointer;}form button:hover {  background-color: #45a049;}@media (max-width: 768px) {  header {    padding: 5px 0;  }  .logo {    width: 200px;    height: auto;  }}@media (max-width: 768px) {  .service {    width: calc(50% - 10px);	margin-bottom: 20px; /* Add spacing between them */  }}@media (max-width: 480px) {  .service {    width: 100%;  }}section {  will-change: opacity;}footer {  padding: 20px 0;  background-color: #f1f1f1;  color: #333;}