@import url(fonts.css);

#index_main_img {
  /* background-image: url(../Assets/Images/TIMSA_WEB_PARTE_1/PAGINA_1/BANNER_1.png); */
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: aliceblue; Used if the image is unavailable */
  background-color: transparent;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  position: relative;
  z-index: 0;
}

.back-video {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  z-index: -1;
}

#index_main_text {
  letter-spacing: 5px;
}

#certificate-l {
  padding: 2rem 4rem;
  height: 100%;
}

#certificate-l1 {
  /* background: url(../Assets/Images/TIMSA_WEB_PARTE_1/PAGINA_2/IMAGEN_2.png)
    no-repeat center / cover; */
  width: 100%;
  height: 100%;
  /* height: 900px; */
}

#certificate-l1 img {
  /* height: 100%; */
  width: 100%;
  height: 50rem;
}

#certificate-r1 {
  margin-top: -5rem;
  width: 85%;
  z-index: 1;
}

#certificate-r2 hr {
  border-color: #5f9600;
  background-color: #5f9600;
  color: #5f9600;
  width: 40%;
}

.hr {
  width: 40%;
  border-style: none;
  /* margin-right: 50px; */
}

#certificate-r2 h1 {
  margin-top: 3rem;
}

#certificate-r2 h3 {
  color: #494949;
  letter-spacing: 1px;
  margin-bottom: 2rem;
}

#certificate-r2 div img {
  height: 90%;
  width: 90%;
  margin-left: -21rem;
}

#infstr-1 {
  width: 90%;
  /* padding: 100px 100px 50px 100px; */
  padding: 8rem 8rem 4rem 8rem;
  align-items: center;
}

#infstr-1l {
  width: 50%;
  align-items: center;
}

#infstr-1l hr {
  width: 40%;
}

#infstr-2 {
  width: 45%;
  height: 100%;
  position: absolute;
  justify-content: start;
  display: flex;
  align-items: center;
}

#infstr-2 img {
  width: 65%;
  /* height: 100%; */
  height: 60rem;

  margin-right: -35rem;
  border-style: solid;
  border-width: 0.7rem;
  border-color: aliceblue;
}

@media (max-width: 768px) {
  #certificate-r2 div img {
    margin-top: -6rem;
  }
  #infstr-1 {
    display: flex;
    width: 90%;
    flex-direction: column !important;
  }
  #infstr-1l {
    width: 100% !important;
    align-items: center;
  }
  #infstr-2 img {
    display: none !important;
  }
}

#service-1 {
  width: 100%;
  padding: 0 0;
  align-items: center;
}

#service-1 img {
  width: 100%;
  height: 100%;
  margin-top: -1rem;
  margin-bottom: 3rem;
}

#service-2 {
  width: 90%;
}

#service-2r {
  width: 55%;
  align-items: center;
  /* padding: 100px 100px 50px 100px; */
  padding: 8rem 8rem 4rem 8rem;
}

#service-2r hr {
  width: 40%;
}

#service-2l {
  position: absolute;
  width: 70%;
  height: 100%;
  margin-left: -4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#service-2l img {
  width: 45%;
  /* height: 115%; */
  height: 60rem;
  border-style: solid;
  border-width: 0.7rem;
  border-color: aliceblue;
}

@media (max-width: 768px) {
  #service-2 {
    display: flex;
    flex-direction: column !important;
  }
  #service-2r {
    width: 100% !important;
    align-items: center;
  }
  #service-2l img {
    display: none !important;
  }
}

@media (max-width: 500px) {
  #index_main_img {
    height: 30rem;
  }

  #infstr-2 {
    display: none;
  }

  #service-1 img {
    margin-top: 4rem !important;
  }

  #service-2l {
    display: none !important;
  }

  #certificate-l1 img {
    height: 30rem !important;
  }

  #certificate-r2 div img {
    height: 15rem !important;
    width: 20rem;
    margin: 0rem 0rem 2rem -10rem !important;
  }

  .back-video {
    height: 100%;
  }
}

#service-3 {
  width: 90%;
  height: 15%;
  /* padding: 100px 20px 50px 0px; */
  padding: 8rem 2rem 4rem 0rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}

#service-3 div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  padding: 10px;
  background-color: rgb(45, 177, 45);
  border-radius: 100%;
}

#service-3 div i {
  font-size: 50px;
}