.bg-section-left{
  background-image: url('images/home/Grupo%2045874.svg'),
  url('images/home/Rectángulo 9602.svg');
  background-repeat: no-repeat, no-repeat;
  height: 100%;
  background-color: #ffffff;
  background-position-y: top, bottom;
  background-position-x: -17%, 0px;
}

.bg-section-right{
  background-image: url('images/home/Grupo 45929.svg');
  background-repeat: no-repeat, no-repeat;
  height: 100%;
  background-color: #ffffff;
  background-position-y: bottom;
  background-position-x: 110%;
}

.bg-section-right-2{
  background-image: url('images/home/Grupo%2045874.svg'),
  url('images/home/Rectángulo 9602.svg');
  background-repeat: no-repeat, no-repeat;
  height: 100%;
  background-color: #ffffff;
  background-position-y: bottom;
  background-position-x: 110%, 0px;
}

.bg-card{
  align-items: center;
  background-image: url('images/home/Trazado 30477.svg');
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  gap: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 36.2px 36.2px;
}

.bg-card:hover {
  background-image: url('images/home/Trazado 30477 Hover.svg');
}

.bg-card-logo-trumodity:hover{
  background-image: url('images/home/Trazado 30477 Trumodity Hover.svg');
}

.bg-card-logo-silosys:hover{
  background-image: url('images/home/Trazado 30477 Silosys Hover.svg');
}

.bg-card-logo-seedaudit:hover{
  background-image: url('images/home/Trazado 30477 Seedaudit Hover.svg');
}

.bg-card-logo-silosystrack:hover{
  background-image: url('images/home/Trazado 30477 Silosys Track Hover.svg');
}

.bg-card-logo-harvx:hover{
  background-image: url('images/home/Trazado 30477 Harvx Hover.svg');
}

.bg-card-logo-silosysinventory:hover{
  background-image: url('images/home/Trazado 30477 Silosys Inventory Hover.svg');
}

/* Active */
.bg-card-logo-trumodity.active{
  background-image: url('images/home/Trazado 30477 Trumodity Hover.svg');
}

.bg-card-logo-silosyssmart.active{
  background-image: url('images/home/Trazado 30477 Silosys Hover.svg');
}

.bg-card-logo-seedaudit.active{
  background-image: url('images/home/Trazado 30477 Seedaudit Hover.svg');
}

.bg-card-logo-silosystrack.active{
  background-image: url('images/home/Trazado 30477 Silosys Track Hover.svg');
}

.bg-card-logo-harvx.active{
  background-image: url('images/home/Trazado 30477 Harvx Hover.svg');
}

.bg-card-logo-silosysinventory.active{
  background-image: url('images/home/Trazado 30477 Silosys Inventory Hover.svg');
}

/* Hexagonos */
.supplayChainProducs-container {
  position: relative;
  display: inline-block;
}

.supplay-chain-producs-color.active{
  filter: grayscale(100%);
}

.supplay-chain-producs-clip{
  position: absolute;
  top: 3rem;
  left: 0;
  opacity: 0;
}

.supplay-chain-producs-clip.active{
  opacity: 1;
}

.clip-hexagono-trumodity{
  clip-path: polygon(9.82% 16.13%, 29.76% 16.24%, 39.64% 32.74%, 29.98% 49.6%, 9.82% 49.59%, 0.14% 32.74%);
}

.clip-hexagono-silosyssmart{
  clip-path: polygon(40% 0, 60% 0, 70% 16%, 60% 33%, 40% 33%, 30% 16%);
}

.clip-hexagono-seedaudit{
  clip-path: polygon(70.68% 16.49%, 90.32% 16.49%, 99.94% 32.82%, 90.32% 49.14%, 70.68% 49.14%, 60.79% 32.82%);
}

.clip-hexagono-silosystrack{
  clip-path: polygon(10.24% 50.4%, 29.87% 50.4%, 39.5% 66.73%, 29.87% 83.06%, 10.24% 83.06%, 0.34% 66.73%);
}

.clip-hexagono-harvx{
  clip-path: polygon(40.52% 66.64%, 60.29% 66.64%, 70.82% 83.32%, 60.29% 100%, 40.03% 100%, 29.84% 83.32%);
}

.clip-hexagono-silosysinventory{
  clip-path: polygon(70.13% 50.19%, 89.76% 50.19%, 99.38% 66.51%, 89.76% 82.84%, 70.13% 82.84%, 60.23% 66.51%);
}

.bg-card-logo:focus{
  background-image: url('images/home/Trazado 30477.svg');
  background-color: #f4f7f3;
}


.bg-card-logo{
  align-items: center;
  background-image: url('images/home/Trazado 30477.svg');
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 70px 46px;
}

.bg-section{
  background-image: url('images/home/Grupo de desplazamiento 1.svg');
  background-repeat: no-repeat, no-repeat;
  height: 100%;
  background-color: #f4f7f3;
  background-position-y: 50%;
}

.owl-prev{
  right: 15px;
  bottom: 160px;
  position: absolute;
  border-radius: 1.50rem !important;
  border: 1px solid #dee2e6 !important;
  width: 30px;
  height: 30px;

}
.owl-next{
  left: 15px;
  bottom: 160px;
  position: absolute;
  border-radius: 1.50rem !important;
  border: 1px solid #dee2e6 !important;
  width: 30px;
  height: 30px;
}

.fas.fa-arrow-left {
  font-size: 11px;
}
.fas.fa-arrow-right {
  font-size: 11px;
}