/* Basic Styling */
body {
  font-family: sans-serif; /* Choose a suitable font */
  margin: 0; /* Remove default body margins */
}

.row {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap on smaller screens */
  justify-content: space-between; /* Distribute space between columns */
}

.col-4 {
  flex: 0 0 calc(33.33% - 20px); /* Adjust width for 3 columns with some margin */
  padding: 10px; /* Add some padding around content */
  box-sizing: border-box; /* Include padding in element's total width and height */
}

/* Footer Specific Styling */
.footer {
  background-color: #f0f0f0; /* Example background color */
  padding: 20px;
  border-top: 1px solid #ddd; /* Example border */
}

.footer h3 {
  margin-bottom: 10px; /* Space between heading and content */
}

.footer p {
  margin: 5px 0; /* Space between paragraphs */
}

.footer a {
  color: #007bff; /* Example link color */
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}


/* Copyright Styling */
.copright-container {
  background-color: #333; /* Example background color */
  color: #fff; /* Example text color */
  padding: 10px;
  text-align: center; /* Center the copyright text */
}

.copyright-wrapper {
  max-width: 960px; /* Optional: Set a max width for the wrapper */
  margin: 0 auto; /* Center the wrapper */
}

.copy-right {
  font-size: 14px;
}

.copy-right img {
  vertical-align: middle; /* Align the CC image with the text */
  margin-right: 5px;
}

/* Responsive Design (Example) */
@media (max-width: 768px) {
  .col-4 {
    flex: 0 0 100%; /* Make columns stack vertically on smaller screens */
    margin-bottom: 20px; /* Add spacing between stacked columns */
  }

  .copyright-wrapper {
    padding: 10px;
  }

  .copy-right {
    font-size: 12px;
  }

}