img.img-fluid.img-seguridad {
  width: 22%;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: black;
  text-align: left;
  background-color: #efefef;
  border: 0;
  border-radius: 9px;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  margin-top: 7px;
  font-family: "OpenSans-Bold";
}

.p-lr-2 {
  padding: 0% 2%;
}

ul {
  line-height: 26px;
  margin: 8px 0 8px !important;
  font-size: 14px;
  color: #7d838a !important;
  font-weight: 300;
  font-family: "Open Sans", sans-serif !important;
}

.label-sty {
  background-color: #8d8d8d;
  padding: 1% 1%;
  border-radius: 7px;
  color: white;
  margin-bottom: 0px;
}

.l-post {
  right: 50px;
  position: absolute;
}

.lab-f-w-c {
  font-size: 14px;
  color: #7d838a;
  font-weight: 300;
  margin-bottom: 2px;
}

.lab-f-w-c-2 {
  font-size: 17px;
  color: #7d838a;
  font-weight: 500;
}

.accordion-button:not(.collapsed) > label.label-sty {
  background-color: #34c759;
}

@media (max-width: 1024px) {
  .ornamento_verde {
    width: 11% !important;
    position: absolute;
    margin-top: -8% !important;
  }
  .ornamento_cafe {
    width: 11% !important;
    position: absolute;
    right: 0;
    margin-top: 16% !important;
  }
  img.img-fluid.img-seguridad {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .ornamento_verde {
    width: 14% !important;
    position: absolute;
    margin-top: -18% !important;
  }
  .ornamento_cafe {
    width: 13% !important;
    position: absolute;
    right: 0;
    margin-top: 20% !important;
  }
  img.img-fluid.img-seguridad {
    width: 37%;
  }
  .box.aos-init.aos-animate > h3 {
    font-size: 18px !important;
  }
  .box.text-center.aos-init.aos-animate > img {
    width: 74% !important;
  }
}

@media (max-width: 425px) {
  .hero h1 {
    margin: 0;
    font-size: 29px;
    font-weight: 700;
    line-height: 45px;
    color: #fff;
    font-family: "Poppins-SemiBold";
  }
  .ornamento_verde {
    width: 20% !important;
    position: absolute;
    margin-top: -42% !important;
    z-index: 10000;
  }
  .ornamento_cafe {
    width: 20% !important;
    position: absolute;
    right: 0;
    margin-top: 38% !important;
  }
  .w-d-r {
    width: 50%;
  }
  img.img-fluid.img-seguridad {
    width: 32%;
  }
  .box.aos-init.aos-animate > h3 {
    font-size: 16px !important;
  }
  .label-sty {
    background-color: #8d8d8d;
    padding: 2% 3%;
    border-radius: 7px;
    color: white;
    font-size: 13px;
    margin-bottom: 2%;
    width: 29%;
  }
  .accordion-button {
    position: relative;
    display: inline-grid;
  }
  .accordion-button:not(.collapsed) {
    color: black;
    font-weight: 700;
    background-color: whitesmoke;
    box-shadow: none;
    font-family: "OpenSans-Bold";
    border-radius: 9px 9px 0px 0px;
    font-size: 16px;
    display: inline-grid;
  }
  .l-post {
    width: 18% !important;
    right: 50px;
    position: absolute;
  }
  .img-cod-dan {
    width: 100%;
  }
  .c-r-d {
    width: 40%;
  }
  .c-r-d-2 {
    width: 60%;
  }
  img#img-contacto {
    width: 52% !important;
  }
  .l-post {
    width: 18% !important;
    right: 50px;
    position: absolute;
    margin-bottom: 7%;
  }
}

@media (max-width: 375px) {
  .hero h1 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 45px;
    color: #fff;
    font-family: "Poppins-SemiBold";
  }
  .ornamento_verde {
    width: 23% !important;
    position: absolute;
    margin-top: -44% !important;
    z-index: 10000;
  }
  .ornamento_cafe {
    width: 23% !important;
    position: absolute;
    right: 0;
    margin-top: 44% !important;
  }
  .accordion-button {
    font-size: 14px;
  }
  .label-sty {
    background-color: #8d8d8d;
    padding: 2% 3%;
    border-radius: 7px;
    color: white;
    font-size: 14px;
    margin-bottom: 4%;
    width: 37%;
  }
  .l-post {
    width: 18% !important;
    right: 50px;
    position: absolute;
    margin-bottom: 10% !important;
  }
  .accordion-button:not(.collapsed) {
    font-size: 14px;
  }
  img#img-contacto {
    width: 52% !important;
  }
}

@media (max-width: 320px) {
  .ornamento_verde {
    width: 26% !important;
    position: absolute;
    margin-top: -48% !important;
    z-index: 10000;
  }
  .ornamento_cafe {
    width: 26% !important;
    position: absolute;
    right: 0;
    margin-top: 53% !important;
  }
  .w-d-r {
    width: 100%;
  }
  .accordion-button {
    font-size: 14px;
    word-break: break-all;
  }
  .label-sty {
    background-color: #8d8d8d;
    padding: 2% 3%;
    border-radius: 7px;
    color: white;
    font-size: 12px;
    margin-bottom: 10px;
    width: 37%;
    word-break: break-word;
  }
  .l-post {
    width: 18% !important;
    right: 50px;
    position: absolute;
    margin-bottom: 22% !important;
  }
  .label-sty {
    background-color: #8d8d8d;
    padding: 2% 3%;
    border-radius: 7px;
    color: white;
    font-size: 12px;
    margin-bottom: 4%;
    width: 37%;
    word-break: break-word;
  }
  img#img-contacto {
    width: 59% !important;
  }
}