@charset "UTF-8";
/* General Flexbox container */
.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: center; /* Center content horizontally */
  align-items: center; /* Center content vertically */
  width: 100%; /* Full width of the parent */
  /* Removed height: 100vh to prevent the whole container from centering vertically */
}
/* Flex item - content inside will be centered */
.flex-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* Flex item fills container width */
  height: 100%; /* Flex item fills container height */
}
/* Stack items in a column on small screens */
@media (max-width: 992px) {
  .flex-container {
    flex-direction: column;
  }
}
/* Utility classes for heights */
.height-auto {
  height: auto;
}
.height-small {
  height: 150px;
}
.height-medium {
  height: 300px;
}
.height-large {
  height: 450px;
}
/* Utility classes for margins */
.m-0 {
  margin: 0;
}
.m-10 {
  margin: 10px;
}
.m-20 {
  margin: 20px;
}
/* Utility classes for padding */
.p-0 {
  padding: 0;
}
.p-10 {
  padding: 10px;
}
.p-20 {
  padding: 20px;
}