.bg_white {
  background-color: #FAFAFA !important;
  color: #021531 !important;
}

.services {
  border-radius: 30px !important;
  border: 2px solid !important;
  border-color: #2591df !important;
}

.navy {
  background-color: #021531 !important;
  border: 2px solid !important;
}

.card_elegirnos {
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  background-color: #ffffff !important;
  color: #021531 !important;
}

.bg_services {
  background-image: url("../../assets/img/services/bg_services.png");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.header-content {
  position: relative;
  z-index: 2;
}

.accordion-collapse.card_accordion {
  background-color: #ffffff !important;
  color: #021531 !important;
  border-radius: 0% !important;
  padding-top: 0% !important;
}

.accordion-a button::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: center;
  transition: transform 0.2s;
  color: #005da1;
}

.accordion-a button[aria-expanded="true"]::after {
  content: '\f106';
  transform: rotate(180deg);
  color: #005da1;
}

.card_accordion:focus, .card_accordion.focus {
  outline: none !important;
  box-shadow: none !important;
}

.scroll_margin {
  scroll-margin-top: 100px;
}

.icon-videovigilancia {
  font-size: 80px;
  background: linear-gradient(to left, #00847C,#09B0B6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bg_videovigilancia {
  background-image: url("../../assets/img/Inicio/index_head_bar.png"), url("../../assets/img/Solucion%20videovigilancia/videovigilancia.png");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.bg_ciberseguridad {
  background-image: url("../img/Inicio/index_head_bar.png"), url("../../assets/img/soluciones/ciber-seguridad.png");
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
  min-height: 60vh;
  
}
.bg_control {
  background-image: url("../img/Inicio/index_head_bar.png"), url("../../assets/img/soluciones/control.png");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}
.bg_noc {
  background-image: url("../img/Inicio/index_head_bar.png"), url("../../assets/img/soluciones/noc.png");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}
.bg_servicios {
  background-image: url("../img/Inicio/index_head_bar.png"), url("../../assets/img/soluciones/servicios.png");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

/* .bg_videovigilancia {
  position: relative;
  background-color: #021531;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  padding: 20px;
  width: 100%;
  height: 100%;
}

.bg_videovigilancia:before {
  background-image: url("../../assets/img/Inicio/index_head_bar.png"), url("../../assets/img/Solucion%20videovigilancia/bg_video.jpg");
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover, cover;
  background-position: center;
  opacity: 0.2;
  z-index: 1;
} */

.bg_celeste {
  background-color: #09b0b6 !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.pill-new {
  position: initial !important;
  width: 102.9375px !important;
  height: 31.3438px !important;
  color: #f7f8f9;
}

.bg_caracteristicas_video {
  background-image: url("../../assets/img/services/bg_services.png");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.tecnologias-video {
  padding: 20px;
  border: 2px solid transparent;
  border-radius: 30px;
  background: linear-gradient(#f3f4f6, #f3f4f6) padding-box, linear-gradient(to right, #09B0B6, #004E7A) border-box;
  color: #000;
  font-size: 16px;
  text-align: center;
}

.card_accordion.accordion-button:not(.collapsed) {
  color: white !important;
  background-color: #ffffff !important;
}

.accordion-a.accordion {
  --bs-accordion-color: white !important;
  --bs-accordion-bg: #ffffff !important;
  --bs-accordion-border-color: none !important;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: none !important;
  --bs-accordion-active-color: white !important;
}

.bg_soluciones {
  background-image:  url('../../assets/img/soluciones/soluciones.png');
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

/* 
.bg_soluciones:before {
  background-image: url("soluciones/soluciones_fondo.jpg");
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  z-index: 1;
} */


.accordion-button.accordion-a {
  display: block !important;
  text-align: center !important;
}

.accordion-body.accordion-a {
  padding-bottom: 2rem !important;
}

.img-border-radius {
  border-radius: 1rem;
}
.certificaciones_estilo {
  background-color: #f5f7fa;
  padding: 60px 20px;
  text-align: center;
}

.bg_cert1 {
  background-image: url("../../assets/img/Certificaciones/cert1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg_cert2 {
  background-image: url("../../assets/img/Certificaciones/cert2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg_cert3 {
  background-image: url("../../assets/img/Certificaciones/cert3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}