/*!
 * Componente Nombre:  .units-business
 * Base: Bootstrap v4.6.2
 * Autor: DEX360
 * Copyright: DEX360

    1.  units-business
        1.2.  units-business-container - content

    10. responsive
*/

/* 1. units-business */
.units-business {
  background: var(--light-primary);
}
.units-business > .container-fluid {
  background: var(--white);
}

.units-business-container {
  position: relative;
  width: 100%;
  /*max-width: 800px;  */
  margin: auto;
  -webkit-transition: 0.4s ease !important;
  transition: 0.4s ease !important;
}

.units-business-warp {
  background-color: black;
  border-radius: 30px;
}

.units-business-buttons {
  opacity: 70%;
  display: block !important;
}

.units-business-container:hover {
  -webkit-transform: scale(1.08) !important;
  transform: scale(1.08) !important;
}

/* Imagen */
.units-business-container img {
  border-radius: 30px;
  display: block;
  filter: brightness(50%);
  height: auto;
}

/* Texto encima */
.units-business-container .units-business-content {
  padding: 7% 12% 0;
  /* position: absolute;
  top: 0;
  left: 0; */
  color: white;
  width: 100%;
  /* height: 100%; */
  text-align: left !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* 1.2. units-business-container - content */

.units-business-image-bg-mobile,
.units-business-image-bg {
  border-radius: 30px;
}
/*
.units-business .units-business-content h3 {
    color: var(--white);
    font-size:1.6em;
    font-weight:600;
    padding:5% 0% 2%;
    text-align: left;
}
.units-business .units-business-content h3::after {
    background: linear-gradient(to left, white, transparent);
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: 10px;
    width: 20%;
} */
.units-business .units-business-content h4 {
  border-bottom: 1px solid var(--white);
  padding-bottom: 4%;
  margin-bottom: 4%;
}
.units-business .units-business-content p {
  color: var(--white);
  padding: 0%;
  text-align: left;
  width: 100%;
}
.units-business .units-business-content a {
  transition: transform 0.3s ease-in-out;
  transform: scale(1);
}
.units-business .units-business-content a:hover {
  position: relative;
  transform: scale(1.3);
  z-index: 900;
}
.units-business-image {
  background-color: #081f2c;
  border-radius: 30px;
}
.units-business-all {
  background-color: #081f2c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  padding-bottom: 2rem;
  position: relative;
  z-index: 10;
  border-radius: 30px;
  min-height: 300px;
}

/* 10. responsive */

/* Desktop 1919 */
@media (min-width: 1920px) {
}

/* Desktop 1025 */
@media (min-width: 1025px) and (max-width: 1919px) {
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .units-business-all {
    min-height: 495px;
  }
}

/* INI iPad Mini */
@media only screen and (device-width: 744px) and (device-height: 1133px) and (orientation: portrait) {
  .slider-main .slider-main-content .slider-main-button {
    top: auto;
    bottom: 20px;
  }
}
@media only screen and (device-width: 1133px) and (device-height: 744px) and (orientation: landscape) {
  .slider-main .slider-main-content .slider-main-button {
    top: auto;
    bottom: 20px;
    background: red !important;
  }
}
/* ENI iPad Mini */

@media (max-width: 600px) {
  .units-business .units-business-content h3,
  .units-business .units-business-content p {
    /* text-align: center; */
    width: 100%;
  }
  .units-business .units-business-content h3 {
    margin-bottom: 20px;
  }
  .units-business .units-business-content h3::after {
    top: 20px;
    margin: 0;
    width: 50%;
    left: 0;
  }

  .units-business .units-business-container {
    border-radius: 25px;
    margin: 0 auto;
    display: block;
    flex: 0 0 90%;
  }
  .units-business-container img {
    min-height: 300px;
    object-fit: cover;
  }
  .units-business-buttons {
    display: flex !important;
    position: relative;
    z-index: 100;
  }
  /**/
  .units-business-container img {
    border-radius: 30px;
    display: block;
    filter: brightness(50%);
    height: 100%;
    position: absolute;
    left: 0px;
    /* object-fit: contain; */
    /* z-index: 1; */
  }
  /**/
  .units-business-container .units-business-content {
    padding: 7% 12% 0;
    position: relative;
    top: inherit;
    left: inherit;
  }
  .units-business-all {
    background-color: #081f2c;
    height: 100%;
    padding-bottom: 2rem;
    position: relative;
    z-index: 10;
    border-radius: 30px;
    min-height: 300px;
  }
  .units-business-all::after {
    background: linear-gradient(
      0deg,
      rgba(8, 31, 44, 1) 0%,
      rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    content: "";
    left: 0px;
    height: 150px;
    padding: 18px 0;
    position: absolute;
    width: 100%;
    z-index: 990;
    border-radius: 30px;
    position: relative;
    z-index: 100;
  }
}