body {
    background-color: #E4E4E7;

}

.container {
  max-width: 1400px;
  margin: 40px auto;
  padding: 0 20px;
}

h1, h2 {
  margin-top: 0;
}

/* Header Styles */
header {
  background-color: #fff;
  /*padding: 20px 0;*/
  text-align: center;
}

header h1 {
  font-size: 36px;
  color: #333;
}

/*!* Navigation Styles *!*/
/*nav ul {*/
/*  list-style-type: none;*/
/*  padding: 0;*/
/*}*/

/*nav ul li {*/
/*  display: inline;*/
/*  margin-right: 20px;*/
/*}*/

/*nav ul li a {*/
/*  text-decoration: none;*/
/*  color: #333;*/
/*  font-weight: bold;*/
/*}*/

/* Main Content Styles */
.main-content, #main-content {
  /*padding: 20px 0;*/
  width: 100%
}

/* Slider Styles */
.slider {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
    max-width: 1400px;
  /*margin: 40px auto;*/
  margin: 0 auto;
  /*padding: 0 20px;*/
}

.slider img {
  width: 100%;
  /*height: 100%;*/
  /*max-width: 100%;*/
  height: auto;
  object-fit: fill;
  display: none;
  background-repeat: repeat;
  /*border-radius: 10px;*/
}

/* Events Section Styles */
.events {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.event {
  /* width: calc(20% - 5px); */
  margin-bottom: 20px;
  background-color: #ebf5fb; // #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  /* overflow: hidden; */
}

.event img {
  /* width: 80%; */
  height: 200px;
  object-fit:fill;
}

.event-info {
  padding: 10px;
}

/* Services Section Styles */
.services {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.service {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
}

.service img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

.service-info {
  padding: 10px;
}