<div class="contain">
  <div id="owl-carousel" class="owl-carousel owl-theme">
    <div class="item">
        <p>lorem   lorem lorem lorem lorem  </p>
      <p>lorem   lorem lorem lorem lorem  </p>
      <p>lorem   lorem lorem lorem lorem  </p>
    </div>
    <div class="item">
     <p>lorem   lorem lorem lorem lorem  </p>
    </div>
    <div class="item">
      3
    </div>
    <div class="item">
      4
    </div>
    <div class="item">
      5
    </div>
    <div class="item">
      6
    </div>
  </div>
</div>

body {
  margin: 100px 0;
  padding: 30px;
}

.contain {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.item {
  background-color: tomato;
  color: white;
}

$('#owl-carousel').owlCarousel({
    loop: true,
    margin: 30,
    dots: true,
    nav: true,
    items: 1,
})

  function setEqualHeight(columns){
  var tallestcolumn = 0;
    var maxHeight = 0;
    columns.each(function(){
      if($(this).outerHeight(true) > maxHeight) {
        maxHeight = $(this).outerHeight(true);
      }
    });
    columns.css('height', maxHeight);
}


setEqualHeight($(".item"));