/* style.css */

/* Import a Google Font (you can change this to any font you like) */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); */

html {
  scroll-behavior: smooth;
}

/* Reset some default margins and paddings */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Apply the font to the whole website */
body {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  color: #222;
}
nav ul li a {
    font-weight: bold;       /* Makes them bold */
    color: violet;           /* Sets text color to violet */
  }
  
  nav ul li a:hover {
    color: aqua;             /* Keeps your hover effect */
  }


.service-container img {
  width: 140px;       /* Shrunk further from 180px */
  height: 140px;      /* Keep square shape */
  object-fit: contain; /* Maintain aspect ratio inside square */
  border-radius: 10px; /* Slightly softer corners */
  margin-bottom: 8px; /* Adjust spacing */
}