@font-face {
  font-family: Inter;
  src: url("../fonts/Inter/Inter-Regular.ttf");
}
@font-face {
  font-family: InterMedium;
  src: url("../fonts/Inter/Inter-Medium.ttf");
}
@font-face {
  font-family: InterLight;
  src: url("../fonts/Inter/Inter-Light.ttf");
}
@font-face {
  font-family: InterBold;
  src: url("../fonts/Inter/Inter-Bold.ttf");
}
@font-face {
  font-family: InterSemiBold;
  src: url("../fonts/Inter/Inter-SemiBold.ttf");
}
@font-face {
  font-family: IBM_SemiBold;
  src: url("../fonts/IBM/IBMPlexSans-SemiBold.ttf");
}
@font-face {
  font-family: IBM;
  src: url("../fonts/IBM/IBMPlexSans-Regular.ttf");
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
}
.navbar {
  background-color: transparent!important;
}
.navbar .nav-link {
  font-family: Inter;
  font-size: 15px;
}
.navbar .btn-help-desk {
  background-color: #2D66F6;
  border-radius: 10px;
}
#top {
  background-image: url("../img/header\ bg.png");
  background-position: top center;
  background-size: cover;
}
#top .row-carrusel-text {
  padding-top: 6rem;
  padding-bottom: 7rem;
}
#top .text-hero {
  color: white;
}
#top .text-hero h1 {
  font-family: Inter;
  font-size: 30px;
}
#top .text-hero p {
  font-family: InterMedium;
  font-size: 20px;
}
#top .text-hero .btn-primary {
  background-color: #2D66F6;
  border: #2D66F6;
  font-family: IBM_SemiBold;
  letter-spacing: 1px;
  font-size: 12px;
  padding: 15px 10px;
}
#top .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid white;
}
#top .carousel-indicators button.active {
  background-color: #2D66F6;
  border: none;
}
#top_caso {
  background-color: #F0F2F6;
}
#top_caso .row-carrusel-text {
  padding-top: 6rem;
  padding-bottom: 7rem;
}
#top_caso .text-hero {
  color: white;
}
#top_caso .text-hero h1 {
  font-family: InterMedium;
  font-size: 30px;
}
#informacion .informacion-wrapper p {
  font-family: Inter;
}
#informacion .informacion-wrapper p span {
  font-family: InterBold;
}
#informacion .informacion-wrapper .btn-primary {
  background-color: #2D66F6;
  border: #2D66F6;
  font-family: InterSemiBold;
  letter-spacing: 1px;
  font-size: 12px;
  padding: 15px 25px;
}
#verticales {
  background-color: #16171A;
  color: white;
}
#verticales .title-div h2 {
  font-family: InterMedium;
}
#verticales .verticales-tabs .nav-item {
  margin-right: 10px;
}
#verticales .verticales-tabs .nav-link {
  background-color: transparent;
  text-align: left;
  font-family: InterLight;
  color: white;
  border-radius: 0px;
  padding-left: 0;
  border-bottom: 3px solid #043372;
}
#verticales .verticales-tabs .nav-link.active {
  border-bottom: 3px solid white;
}
#verticales .verticales-tabs .tab-pane p {
  font-family: Inter;
  text-align: justify;
}
#verticales .verticales-tabs .tab-pane p span {
  font-family: InterBold;
}
#verticales .diagrama-div {
  position: relative;
}
#verticales .diagrama-div .apagada {
  visibility: hidden;
  display: none;
}
#verticales .diagrama-div .prendida {
  visibility: visible;
  display: inline;
}
#verticales .fondos img {
  border-radius: 35px;
}
#verticales .imagen-retail {
  width: 94px;
  height: 94px;
  border-radius: 100%;
  position: absolute;
  cursor: pointer;
}
#verticales #imagen1 {
  top: 11.2%;
  right: 37.5%;
}
#verticales #imagen2 {
  top: 11.2%;
  right: 53.4%;
}
#verticales #imagen3 {
  top: 40.7%;
  left: 22.1%;
}
#verticales #imagen4 {
  top: 52.6%;
  left: 22.6%;
}
#verticales #imagen5 {
  top: 63.4%;
  left: 25.7%;
}
#verticales #imagen6 {
  top: 72.7%;
  left: 31.7%;
}
#verticales #imagen7 {
  top: 78.7%;
  left: 39.5%;
}
#verticales #imagen8 {
  top: 72.1%;
  right: 29.4%;
}
#verticales #imagen9 {
  top: 57.9%;
  right: 22.1%;
}
.titulo-div h2 {
  font-family: InterMedium;
  color: #16171A;
}
.titulo-div p {
  color: #16171A;
  font-family: InterLight;
  font-size: 20px;
}
#beneficios .col-actividad {
  display: flex;
}
#beneficios .actividad-div {
  display: flex;
  flex-direction: column;
  border: 1px solid #C2C5CB;
  width: 100%;
  padding: 2rem;
}
#beneficios .actividad-div .icon-div {
  flex: 1;
}
#beneficios .actividad-div .desc-div {
  padding-top: 1rem;
  font-family: InterMedium;
  color: #16171A;
}
#beneficios .actividad-div .desc-div p {
  margin-bottom: 0;
}
#implementacion {
  background-image: url("../img/bg\ implementacion.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
#implementacion .pasos-div {
  display: flex;
}
#expertos {
  background-image: url("../img/bg\ expertos.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
#expertos .leyenda-div h3 {
  text-align: center;
  color: white;
  font-family: Inter;
}
#expertos .leyenda-div h3 span {
  font-family: InterBold;
}
.contacto-link-div {
  text-align: center;
}
.contacto-link-div a {
  font-family: InterBold;
  letter-spacing: 1px;
  text-decoration: none;
  color: #16171A;
  font-size: 12px;
}
.contacto-link-div a:hover {
  text-decoration: underline;
}
#caracteristicas .col-carac {
  display: flex;
}
#caracteristicas .carac-div {
  display: flex;
  flex-direction: column;
  border: 1px solid #C2C5CB;
  width: 100%;
  padding: 2rem;
}
#caracteristicas .carac-div .icon-div {
  flex: 1;
}
#caracteristicas .carac-div .desc-div {
  padding-top: 1rem;
  font-family: InterMedium;
  color: #16171A;
  font-size: 12px;
}
#caracteristicas .carac-div .desc-div p {
  margin-bottom: 0;
}
#caracteristicas .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid #C2C5CB;
}
#caracteristicas .carousel-indicators button.active {
  background-color: #2D66F6;
  border: 1px solid #2D66F6;
}
#saber_mas .card-body {
  border: none;
  padding: 0;
  background-color: #F0F2F6;
  border-radius: 0;
}
#saber_mas .row-saberMas {
  border-bottom: 1px solid white;
}
#saber_mas .row-saberMas .titulo-columna h3 {
  font-family: InterMedium;
}
#saber_mas .row-saberMas .texto-columna p {
  font-family: Inter;
  font-size: 14px;
  margin-bottom: 0;
}
#saber_mas .row-saberMas .img-columna img {
  max-width: 40px;
}
#respuesta {
  background-image: url("../img/bg\ poliza.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
#respuesta .leyenda-div h3 {
  text-align: center;
  color: white;
  font-family: Inter;
}
#respuesta .leyenda-div h3 span {
  font-family: InterBold;
}
#poliza .subtitulo-div h5 {
  font-family: InterMedium;
  color: #16171A;
}
#poliza .subtitulo-div p {
  font-family: Inter;
  color: #16171A;
}
#poliza .col-poliza {
  display: flex;
}
#poliza .poliza-div {
  display: flex;
  flex-direction: column;
  border: 1px solid #C2C5CB;
  width: 100%;
  padding: 2rem;
}
#poliza .poliza-div .icon-div {
  flex: 1;
}
#poliza .poliza-div .icon-div img {
  max-width: 50px;
}
#poliza .poliza-div .desc-div {
  padding-top: 0.8rem;
  font-family: InterMedium;
  color: #16171A;
  font-size: 11px;
}
#poliza .poliza-div .desc-div p {
  margin-bottom: 0;
}
#logos {
  background-color: #043372;
}
#alianzas .col-oracle {
  display: flex;
  background-color: #16171A;
}
#alianzas .col-oracle .oracle-img-wrapper {
  display: flex;
  align-self: center;
  padding: 1rem;
}
#alianzas .col-info {
  background-color: #F0F2F6;
}
#alianzas .col-info .oracle-info-wrapper {
  padding: 2rem;
}
#alianzas .col-info .oracle-info-wrapper p {
  font-family: Inter;
}
#alianzas .col-info .oracle-info-wrapper p span {
  font-family: InterBold;
}
#alianzas .col-info .oracle-info-wrapper .casos-exito {
  margin-top: 3rem;
}
#alianzas .col-info .oracle-info-wrapper .casos-exito a {
  text-decoration: none;
  letter-spacing: 1.05px;
  color: #16171A;
  font-family: InterBold;
  font-size: 14px;
}
#alianzas .col-info .oracle-info-wrapper .casos-exito a:hover {
  color: #2D66F6;
  text-decoration: underline;
}
#ayuda {
  background-color: #F0F2F6;
}
#ayuda .title-div h2 {
  font-family: InterMedium;
  color: #16171A;
}
footer {
  background-image: url("../img/bg\ footer.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
footer .logo {
  text-align: center;
}
footer .texto-div {
  color: white;
  text-align: center;
}
footer .texto-div p {
  font-family: Inter;
  text-align: center;
  margin-bottom: 0;
}
footer .texto-div a {
  text-align: center;
  color: white;
  font-family: Inter;
  text-decoration: none;
}
footer .infofin-div p {
  color: #C2C5CB;
  font-size: 14px;
}
#aviso_privacidad h2 {
  font-family: InterBold;
}
#aviso_privacidad p {
  font-family: Inter;
}
@media (max-width: 992px) {
  #verticales .imagen-retail {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 768px) {
  #verticales .imagen-retail {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 576px) {
  #verticales .imagen-retail {
    width: 33px;
    height: 33px;
  }
}