/* .owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
} */

.sysmac_lineup{
  width: 80%;
  margin: 0 auto;
}

.slick-prev:before, .slick-next:before {
    font-size: 52px;
    color: var( --e-global-color-primary );
  }
  
  .slick-arrow{
    margin-top: -26px;
    position: absolute;
    top: 50%;
    z-index: 98;
    font-size: 0px!important;
  }
  
  .slick-prev:hover, .slick-next:hover, 
  .slick-prev:focus, .slick-next:focus{
    box-shadow: none !important;
  }

 .slick-next {
    right: -40px;
}

 .slick-prev {
    left: -90px;
}

@media only screen and (max-width: 600px) {
     .slick-next {
    right: 14px;
}

 .slick-prev {
    left: -40px;
}
}
  
  .owl-nav .disabled{
      display: none;
  }
  
  .tooltip .tooltip-inner{
      font-size:12px;
      max-width:370px; 
      width: 350px;
      padding: 20px;
      color:#000; 
      text-align:left;
      background-color:white;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
      border-radius:5px
      
      -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  }
  
  .tooltip_close {
      position: absolute;
      top: 15px;
      right: 20px;
      cursor: pointer;
  }
  
  .slide {
      text-align: center;
      border: 1px solid #cecece;
      border-radius: 20px;
      padding: 20px;
      margin: 5px;
      min-height: 200px;
      background: white;
  }
  
  
  .slick-track {margin-left: 0}
  
  /** modal popup **/
  
  .my-modal-content{
    display: none;
  }
  
  .modal {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  }
  
  .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
  }
  
  .close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
  }
  
  .close-button:hover {
    background-color: darkgray;
  }
  
  .show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  }
  
  .btn-view-more{
    color: var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );
    background-color: transparent;
  }
  
  .btn-view-more:hover, .btn-view-more:focus{
    color: white;
    border-color: var( --e-global-color-primary );
    background-color: var( --e-global-color-primary );
  }
  
  .benefit .slide h5{
    height: 50px;
  }

  .slick-slide img {
      object-fit: contain;
      height: 70px;
  }