/* SERVICIO 1 */
section#servicio-comprar {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#servicio-comprar .container {
}
section#servicio-comprar .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#servicio-comprar .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#servicio-comprar .text {
  max-width: 1070px;
  /* margin: 0 auto; */
  text-align: left;
  padding-bottom: 40px;
  color: #53565a;
  font-size: 27px;
  line-height: 36px;
}
section#servicio-comprar .text-small {
  font-size: 16px;
  line-height: 22px;
  max-width: 1140px;
  font-weight: 500;
}
@media screen and (max-width: 900px) {
  section#servicio-comprar {
  }
  section#servicio-comprar .container {
  }
  section#servicio-comprar .title {
  }
  section#servicio-comprar .text {
  }
}

/* SERVICIO 2 */
section#servicio-valoracion {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#servicio-valoracion .container {
}
section#servicio-valoracion .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#servicio-valoracion .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#servicio-valoracion .text {
  max-width: 1070px;
  /* margin: 0 auto; */
  text-align: left;
  padding-bottom: 40px;
  color: #53565a;
  font-size: 27px;
  line-height: 36px;
}
section#servicio-valoracion .text-small {
  max-width: 1068px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
section#servicio-valoracion .text-small p {
}
@media screen and (max-width: 900px) {
  section#servicio-valoracion {
  }
  section#servicio-valoracion .container {
  }
  section#servicio-valoracion .title {
  }
  section#servicio-valoracion .text {
  }
}

/* SERVICIO 3 */
section#service-certificado {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#service-certificado .container {
}
section#service-certificado .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#service-certificado .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#service-certificado .items-service-certificado {
  text-align: center;
  gap: 30px;
}
section#service-certificado .items-service-certificado .item.first .texto_flex{
    display: block;
}
section#service-certificado .items-service-certificado .item.first .icono_flex::before{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
section#service-certificado .items-service-certificado .item.first .title-arrow.active .icono_flex::before{
  transform: none;
}
section#service-certificado .items-service-certificado .item {
  /* height: fit-content; */
  border: 1px solid var(--c-primary);
  margin-bottom: 30px;
}
section#service-certificado .items-service-certificado .item .title-arrow {
  background-color: var(--c-primary);
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 1fr 32px;
}
section#service-certificado
  .items-service-certificado
  .item
  .title-arrow
  .icono_flex {
  /* width: 15px;
  height: 15px; */
}
section#service-certificado .items-service-certificado .item .title-arrow .icono_flex::before{
  content: url(../../img/icons/arrow-service.svg);
  display: block;
  width: 15px;
}
section#service-certificado .items-service-certificado .item .title-arrow.active .icono_flex::before{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
section#service-certificado .items-service-certificado .bg {
  background-color: ;
}
section#service-certificado .items-service-certificado .titulo_flex {
  padding: 17px;
  text-align: left;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
}
section#service-certificado .items-service-certificado .texto_flex {
  font-size: 16px;
  color: #53565a;
  line-height: 22px;
  padding-bottom: 10px;
  text-align: left;
  padding: 20px;
  display: none;
}
section#service-certificado .items-service-certificado .item .title-arrow:hover{
  filter: brightness(1.3);
}
@media screen and (max-width: 900px) {
  section#service-certificado {
  }
  section#service-certificado .container {
  }
  section#service-certificado .title {
  }
  section#service-certificado .items-service-certificado {
  }
  section#service-certificado .items-service-certificado .item {
  }
  section#service-certificado .items-service-certificado .bg {
  }
  section#service-certificado .items-service-certificado .titulo_flex {
  }
  section#service-certificado .items-service-certificado .texto_flex {
  }
}

/* SERVICIO 4 */
section#service-cedula {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#service-cedula .container {
}
section#service-cedula .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#service-cedula .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#service-cedula .items-service-cedula {
  text-align: center;
  gap: 30px;
}
section#service-cedula .items-service-cedula .item {
}
section#service-cedula .items-service-cedula .bg {
  background-color: ;
}
section#service-cedula .items-service-cedula .titulo_flex {
  padding: 17px;
  text-align: left;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
}
section#service-cedula .items-service-cedula .item.first .texto_flex{
    display: block;
} 
section#service-cedula .items-service-cedula .texto_flex {
  font-size: 16px;
  color: #53565a;
  line-height: 22px;
  padding-bottom: 10px;
  text-align: left;
  padding: 20px;
  display: none;
}
section#service-cedula .items-service-cedula .item .title-arrow .icono_flex {
  /* width: 15px;
  height: 15px; */
}
section#service-cedula .items-service-cedula .item .title-arrow .icono_flex::before{
  content: url(../../img/icons/arrow-service.svg);
  display: block;
  width: 15px;
}
section#service-cedula .items-service-cedula .item .title-arrow.active .icono_flex::before{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
section#service-cedula .items-service-cedula .item.first .icono_flex::before{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
section#service-cedula .items-service-cedula .item.first .title-arrow.active .icono_flex::before{
transform: none;
}

section#service-cedula .items-service-cedula .item {
  border: 1px solid var(--c-primary);
  margin-bottom: 30px;
}
section#service-cedula .items-service-cedula .item .title-arrow {
  background-color: var(--c-primary);
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 1fr 32px;
}
section#service-cedula .items-service-cedula .item .title-arrow:hover{
  filter: brightness(1.3);
}
@media screen and (max-width: 900px) {
  section#service-cedula {
  }
  section#service-cedula .container {
  }
  section#service-cedula .title {
  }
  section#service-cedula .items-service-cedula {
  }
  section#service-cedula .items-service-cedula .item {
  }
  section#service-cedula .items-service-cedula .bg {
  }
  section#service-cedula .items-service-cedula .titulo_flex {
  }
  section#service-cedula .items-service-cedula .texto_flex {
  }
}

/* SERVICIO 5 */
section#servicio-adm-gestion {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#servicio-adm-gestion .container {
}
section#servicio-adm-gestion .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#servicio-adm-gestion .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#servicio-adm-gestion .text {
  max-width: 1070px;
  /* margin: 0 auto; */
  text-align: left;
  padding-bottom: 40px;
  color: #53565a;
  font-size: 27px;
  line-height: 36px;
}
section#servicio-adm-gestion .text-small {
  font-size: 16px;
  line-height: 22px;
  max-width: 1140px;
  font-weight: 500;
}
@media screen and (max-width: 900px) {
  section#servicio-adm-gestion {
  }
  section#servicio-adm-gestion .container {
  }
  section#servicio-adm-gestion .title {
  }
  section#servicio-adm-gestion .text {
  }
}

/* SERVICIO 6 */
section#servicio-asesoria {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#servicio-asesoria .container {
}
section#servicio-asesoria .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#servicio-asesoria .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#servicio-asesoria .text {
  max-width: 1070px;
  /* margin: 0 auto; */
  text-align: left;
  padding-bottom: 40px;
  color: #53565a;
  font-size: 27px;
  line-height: 36px;
}
section#servicio-asesoria .text-small {
  font-size: 16px;
  line-height: 22px;
  max-width: 1140px;
  font-weight: 500;
}
@media screen and (max-width: 900px) {
  section#servicio-asesoria {
  }
  section#servicio-asesoria .container {
  }
  section#servicio-asesoria .title {
  }
  section#servicio-asesoria .text {
  }
}

/* SERVICIO 7 */
section#servicio-seguros {
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
}
section#servicio-seguros .container {
}
section#servicio-seguros .title {
  font-weight: 600;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
section#servicio-seguros .title::after {
  content: "";
  display: block;
  height: 12px;
  background-color: var(--c-secondary);
  width: 81px;
  margin-top: 7px;
}
section#servicio-seguros .text {
  max-width: 1070px;
  /* margin: 0 auto; */
  text-align: left;
  padding-bottom: 40px;
  color: #53565a;
  font-size: 27px;
  line-height: 36px;
}
@media screen and (max-width: 900px) {
  section#servicio-seguros {
  }
  section#servicio-seguros .container {
  }
  section#servicio-seguros .title {
  }
  section#servicio-seguros .text {
  }
}