.czSlider-ultimate {
  position: relative;
  /* max-width: calc(100vw - 20px * 2); */
  max-width: calc(100vw - 30px * 2);
}
@media (min-width: 960px) {
  .czSlider-ultimate > .slider {
    display: grid;
/*  grid: max-content / repeat(4, 1fr); */
    grid: max-content / repeat(3, 1fr);
    gap: 30px;
  }
/*.czSlider-ultimate > .slider > :nth-child(n + 5) { */
  .czSlider-ultimate > .slider > :nth-child(n + 4) {
    display: none;
  }

  .czSlider-ultimate .tns-inner > .slider:not(.tns-slider) {
    display: flex;
    justify-content: center;
  }
  .czSlider-ultimate .tns-inner > .slider:not(.tns-slider) > .tns-item {
    flex: 0 0 25%;
  }
  .czSlider-ultimate .tns-inner > .slider:not(.tns-slider) > .tns-item.tns-slide-active + .tns-item.tns-slide-active {
    margin-left: 30px;
  }
}

.cz-slider-ultimate {
  /* Stretch remaining height */
  display: flex;
}
.czSlider-ultimate .slider .card {
  background-color: var(--white);
  border-radius: 14px;
  overflow: hidden;
  max-width: calc(100vw - var(--contentPadding) * 2);
  /* Stretch remaining height */
  height: 100%;
}

.czSlider-ultimate .slider .img {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  /*padding-bottom: calc(1 / (263 / 190) * 100%);*/
  padding-bottom: calc(100% * 9/16);
}
.czSlider-ultimate .slider .img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.czSlider-ultimate .slider .content {
  padding: 16px;
}
.czSlider-ultimate .slider .content > .caption {
  font-weight: 600;
  color: var(--darkBlue);
  margin: 3px 0 6px;
}
.czSlider-ultimate .slider .content > .desc {
  /*font-weight: 600;*/
  /*color: var(--darkBlueZ5);*/
  color: var(--darkBlue);
}
.czSlider-ultimate .slider .content > .desc p {
  margin-top: 0;
}

/* Overriding main.css */
.czSlider-ultimate .tns-controls > button[data-controls=prev] {
  left: -20px!important;
}
.czSlider-ultimate .tns-controls > button[data-controls=next] {
  right: -20px!important;
}

{# Hide prev or next button at start and end of slider #}
.czSlider-ultimate .tns-controls > button[disabled] {
 display:none;
}

.czSlider-ultimate .tns-controls>button {
    width: 40px;
    height: 80px;
    background-color: #ffffff9c;
   /* border-radius: 100%; */
    box-shadow: 0px 0px 10px #00000057;
  transition: all .2s ease-in-out;
}
.czSlider-ultimate .tns-controls>button:hover {
    outline: solid 1px #00000057;
}
.czSlider-ultimate .tns-controls>button:active {
  box-shadow: none;
}



.czSlider-ultimate .slider .card .play {
  position: absolute;
  top: calc(50% - (50px / 2));
  left: calc(50% - (75px / 2));
  width: 75px;
  height: 50px;
  
    background-color: rgb(0 0 0 / 50%);
    border-radius: 20%;
    padding: 5px;
    transition: all .2s ease-in-out;
  
    /* Center content vertically */
    display: flex;
    align-items: center;
}
.czSlider-ultimate .slider .card .img:hover .play {
  transform: scale(1.05);
}
.czSlider-ultimate .slider .card .img .play .triangle {
  /* Center horizontally */
  margin: auto;
}


.tns-controls>button {
    top: 35%;
}