.services {
  padding-bottom: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 50px;
  margin-bottom: 20px;
}
.services h1 {
  margin-top: 100px;
}
.services .services-section {
  width: 100%;
  min-height: 550px;
  display: flex;
}
.services .services-section .services-section-card {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*  justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;
  */
  align-items: center;
  /*  align-items: stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe;
  */
  gap: 25px;
}
.services .services-section .services-section-card .services-section-card-media {
  width: 80%;
  height: 400px;
  border: 2px solid var(--second-color);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.services .services-section .services-section-card .services-section-card-media img {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.services .services-section .services-section-card .services-display-card-info {
  text-align: center;
  padding: 15px 15px;
}
.services .services-section .services-section-card .services-section-card-btn {
  /*text-align: center;
  color: black;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  background-color: aqua;
  border-radius: 25px;
  height: 40px;
  width: 75%;
  transition: 0.6s;*/
  margin: 25px 0;
  color: var(--main-color);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--third-color);
  border-radius: 25px;
  width: 75%;
  height: 40px;
  cursor: pointer;
  transition: 0.6s;
}
.services .services-section .services-section-card .services-section-card-btn:hover {
  border-color: 15px;
  border: 2px solid var(--second-color);
  height: 80%;
  height: 45px;
}

.security {
  display: flex;
  padding: 20px 250px;
}
.security .security-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  /*.security-section-block{
      .security-section-card{
          display: flex;
          justify-content: center;
          margin: 35px 0px;
          background-color: rebeccapurple;
          .security-section-card-serie{
              width: 300px;
              max-height: fit-content;
              background-color: red;
              margin: 0px 10px;
              display: flex;
              flex-direction: column;
              align-items: center;
              h3{
                  align-self: center;
              }
              #security-section-card-serie-info{
                  padding: 15px;
                  text-align: justify;
              }
              #security-section-card-serie-img{
                  background-color: #FFFFFF;
                  width: 290px;
                  height: 290px;
                  border: 2px solid black;
                  border-radius: 150px;
              }
              .security-section-card-serie-btn{

                  width: 90%;
                  height: 45px;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  background-color: #FFFFFF;
                  border: black solid 2px;
                  border-radius: 25px;
                  margin: 20px 0;
                  cursor: pointer;
                  visibility: hidden;
                  span{
                      align-self: center;
                  }

              }
          }
      }
      .security-section-card-serie:hover .security-section-card-serie-btn{

          visibility: visible;
      }
  }*/
}
.security .security-section h1 {
  align-self: center;
  margin-top: 20px;
}
.security .security-section #security-section-logo {
  width: 25%;
  height: 150px;
  align-self: center;
}
.security .security-section .security-section-line {
  align-self: center;
  width: 70%;
  border: 2px solid black;
}
.security .security-section .security-section-card {
  display: flex;
  justify-content: center;
  margin: 35px 0px;
}
.security .security-section .security-section-card .security-section-card-serie {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 325px;
  height: 820px;
  border: solid 3px black;
  border-radius: 30px;
  margin: 0px 10px;
  position: relative;
}
.security .security-section .security-section-card .security-section-card-serie h2 {
  /*margin: 25px 0;*/
  margin-top: 20px;
}
.security .security-section .security-section-card .security-section-card-serie #security-section-card-serie-info {
  padding: 15px;
  text-align: justify;
}
.security .security-section .security-section-card .security-section-card-serie #security-section-card-serie-img {
  margin-top: 10px;
  background-color: #FFFFFF;
  width: 290px;
  height: 290px;
  border: 2px solid black;
  border-radius: 150px;
}
.security .security-section .security-section-card .security-section-card-serie .security-section-card-serie-btn {
  position: absolute;
  top: 760px;
  width: 90%;
  height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-color: #FFFFFF;
  border: black solid 2px;
  border-radius: 25px;
  transition: 0.15s;
  color: black;
  text-decoration: none;
  cursor: pointer;
  visibility: hidden;
}
.security .security-section .security-section-card-serie:hover .security-section-card-serie-btn {
  visibility: visible;
}

@media (max-width: 1150px) {
  .services {
    padding: 20px 40px;
    row-gap: 50px;
  }
  .services .services-section {
    padding: 0 25px;
    gap: 10px;
    flex-direction: column;
    align-items: center;
  }
  .services .services-section .services-section-card {
    width: 100%;
  }
  .services .services-section .services-section-card .services-section-card-media {
    width: 70%;
    height: 200px;
    border: 2px solid black;
  }
  .services .services-section .services-section-card .services-section-card-btn {
    width: 60%;
    height: 35px;
  }
  .services .services-section .services-section-card .services-section-card-btn:hover {
    width: 65%;
    height: 45px;
  }
  .security {
    padding: 20px 40px;
  }
  .security .security-section #security-section-logo {
    width: 35%;
    height: 125px;
  }
  .security .security-section .security-section-line {
    width: 100%;
  }
  .security .security-section .security-section-card {
    flex-direction: column;
    align-items: center;
  }
  .security .security-section .security-section-card .security-section-card-serie {
    width: 90%;
    margin: 10px 0;
  }
  .security .security-section .security-section-card .security-section-card-serie .security-section-card-serie-btn {
    visibility: visible;
  }
}
@media (max-width: 768px) {
  .security .security-section .security-section-card .security-section-card-serie {
    width: 100%;
  }
  .security .security-section .security-section-card .security-section-card-serie #security-section-card-serie-img {
    height: 250px;
    width: 250px;
  }
}
@media (max-width: 450px) {
  .security .security-section .security-section-card .security-section-card-serie {
    width: 100%;
  }
  .security .security-section .security-section-card .security-section-card-serie #security-section-card-serie-img {
    height: 200px;
    width: 200px;
  }
}/*# sourceMappingURL=services.css.map */