@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");

.main_container_img_title {
  margin-left: auto;
  margin-right: auto;
  height: 17.6875rem;
  width: 100%;
  max-width: 120rem;
  background-image: url("/assets/services/service-background-photo-closeup-facade-system-nicosia-twno-hall.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_container_img_title h2 {
  padding-top: 10.3125rem;
  font-size: 2.4375rem;
  font-family: "Lato", sans-serif;
  color: #053853;
  font-weight: 400;
  line-height: 1.875rem;
  letter-spacing: 0.73px;
  text-align: center;
  animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
.main_container_section div {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.main_container_section h6 {
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  color: #053853;
  font-weight: 400;
  text-align: start;
  margin-top: 1.875rem;
}
.main_container_section p {
  font-family: "Lato", sans-serif;
  color: #053853;
  font-weight: 300;
  font-size: 1rem;
  text-align: start;
  margin-top: 1.563rem;
}
.main_container_section a{
  display: flex;
  align-items: center;
  width: 7.8125rem;
  height: 1.25rem;
  background : #E4E8EC;
  border-radius : 3px;
  border-color: transparent;
  text-align: start;
  padding-left: 0.4rem;
  font-family: "Lato", sans-serif;
  font-size: 0.875rem;
  margin-top: 1.25rem;
  text-decoration: none;
  color: #053853;

}

.main_container_section a img{
  width: 0.625rem;
  margin-left: 0.3rem;
}

.main_container_section a:hover {
  color : #04C0B3;/* Example hover effect */
}
.main_container_section_service1 {
  margin-top: 3.125rem;
  width: 15.625rem;
}
.main_container_section_service2 {
  width: 16.875rem;
  margin-top: 1.875rem;
}
.main_container_section_service6 {
  width: 16.5625rem;
  margin-top: 1.875rem;
}
.main_container_section_service6 h6{
  margin-top: 1rem;
}
.main_container_section_service3 {
  width: 16.5625rem;
  margin-top: 1.875rem;
}
.main_container_section_service4 {
  width: 15.625rem;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}
.main_container_section_service5 {
  width: 16.875rem;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}

.main_container_section img {
  width: 3.0625rem;
  height: auto;
}

@media (min-width: 691px) and (max-width: 980px) {
  .main_container_section {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    max-width: 37.5rem;
    margin-top: 4.688rem;
  }

  .main_container_section div {
    margin-left: 0rem;
    margin-right: 0rem;
    text-align: center;
    width: 50%;
    max-width: 260px;
  }
  .main_container_section_service1 {
    margin-top: 1.25rem;
  }
  .main_container_section_service2 {
    margin-top: 0rem;
  }
  .main_container_section_service6 {
    margin-top: 0rem;
  }
  .main_container_section_service3 {
    margin-top: 1.875rem;
  }
  .main_container_section_service4 {
    margin-top: 1.875rem;
    margin-bottom: 4.688rem;
  }
  .main_container_section_service5 {

  }
  .main_container_section::after {
    content: '';
    width: 50%;
}
}

@media (min-width: 981px) and (max-width: 1024px) {
  .main_container_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    max-width: 56.25rem;
    margin-top: 4.688rem;
  }
  .main_container_section div {
    margin-left: 0rem;
    margin-right: 0rem;
    text-align: center;
    width: 33.3%;
    max-width: 260px;
  }
  .main_container_section_service1 {
    margin-top: 1.25rem;
  }
  .main_container_section_service2 {
    margin-top: 0rem;
  }
  .main_container_section_service6 {
    margin-top: 0rem;
  }
  .main_container_section_service3 {
    margin-top: 2.3125rem;
  }
  .main_container_section_service4 {
    margin-top: 1.875rem;
    margin-bottom: 4.688rem;
  }
  .main_container_section_service5 {
    margin-top: 0rem;
  }
  .main_container_section::after {
    content: '';
    width: 33.3%;
}
}
@media (min-width: 1025px) {
  .main_container_img_title {
    height: 16.8125rem;
  }
  .main_container_img_title h2 {
    padding-top: 10.3125;
  }
  .main_container_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    max-width: 56.25rem;
    margin-top: 4.688rem;
  }
  .main_container_section div {
    margin-left: 0rem;
    margin-right: 0rem;
    text-align: center;
    width: 33.3%;
    max-width: 260px;
  }
  .main_container_section_service1 {
    margin-top: 1.25rem;
  }
  .main_container_section_service2 {
    margin-top: 0rem;
  }
  .main_container_section_service6 {
    margin-top: 0rem;
  }
  .main_container_section_service3 {
    margin-top: 2.3125rem;
  }
  .main_container_section_service4 {
    margin-top: 1.875rem;
    margin-bottom: 4.688rem;
  }
  .main_container_section_service5 {
    margin-top: 2.3125rem;
  }
  .main_container_section::after {
    content: '';
    width: 33.3%;
}
}