.history {
    /* overflow-x: hidden; */
    position: relative;
  }
  .history:before {
    background-color: #fff !important;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  @media (max-width: 1199.98px) {
    .history .history-carousel {
      padding-top: 0 !important;
    }
  }
  @media (max-width: 575.98px) {
    .history .history-carousel {
      margin-top: 30px !important;
    }
  }
  .history .history-carousel .owl-stage-outer {
    overflow: inherit;
  }
  .history .history-carousel .left p,
  .history .history-carousel .left .color-secondary {
    max-width: 470px;
  }
  @media (max-width: 991.98px) {
    .history .history-carousel .left .color-secondary {
      margin-bottom: 0;
    }
  }
  .history .history-carousel .left h3 {
    font-weight: 600;
    color: #6F7070;
    opacity: 0.19;
  }
  @media (max-width: 767.98px) {
    .history .history-carousel .left {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
  }
  .history .history-carousel .right {
    padding-right: 12%;
  }
  @media (max-width: 1199.98px) {
    .history .history-carousel .right {
      padding-right: 15px;
    }
  }
  @media (max-width: 767.98px) {
    .history .history-carousel .right {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
  }
  .history .history-carousel .owl-item {
    opacity: 0;
  }
  .history .history-carousel .owl-item.active {
    opacity: 1;
  }
  .history .history-carousel .owl-item.active + .owl-item {
    opacity: 0.5;
    padding-left: 100px;
  }
  .history .history-carousel .owl-item.active + .owl-item .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .history .history-carousel .owl-item.active + .owl-item .item .left {
    display: none;
  }
  .history .history-carousel .owl-item.active + .owl-item .item .right img {
    max-width: 510px;
    height: 340px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  @media (max-width: 767.98px) {
    .history .history-carousel .owl-item .item .left {
      padding-top: 30px;
    }
  }
  @media (max-width: 767.98px) {
    .history .history-carousel .owl-item .item {
      display: -ms-grid;
      display: grid;
    }
  }
  .history .history-carousel .owl-item.active .item .left {
    display: block;
  }
  .history .history-carousel .owl-dots {
    counter-reset: slides-num;
    position: relative;
    /* Initialize counter. */
    position: absolute;
    bottom: 0%;
    right: 12%;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
  }
  @media (max-width: 767.98px) {
    .history .history-carousel .owl-dots {
      position: relative;
      right: inherit;
      margin-top: 10%;
    }
  }
  .history .history-carousel .owl-dots:after {
    content: "/ "counter(slides-num);
    /* get total number of items - more info on http://www.sitepoint.com/a-little-known-way-to-replace-some-scripts-with-css-counters/ */
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    padding-left: 0px;
    opacity: 0.24;
  }
  .history .history-carousel .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    /* Increment counter */
    margin-right: 3px;
  }
  .history .history-carousel .owl-dot span {
    display: none;
  }
  .history .history-carousel .owl-dot.active:before {
    content: counter(slides-num) ;
    /* Use the same counter to get current item. */
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .history .history-carousel .owl-nav {
    position: absolute;
    right: -60px;
    bottom: 34%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media (max-width: 1199.98px) {
    .history .history-carousel .owl-nav {
      bottom: 20px;
      right: -30px;
    }
  }
  @media (max-width: 767.98px) {
    .history .history-carousel .owl-nav {
      position: relative;
      right: inherit;
      display: inline-block;
      float: right;
    }
    .history .history-carousel .owl-nav {
      bottom: 0px;
    }
  }
  .history .history-carousel .owl-nav button {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  @media (max-width: 991.98px) {
    .history .history-carousel .owl-nav button {
      width: 60px;
      height: 60px;
    }
  }
  .history .history-carousel .owl-nav button span {
    visibility: hidden;
    display: none;
  }
  .history .history-carousel .owl-nav button:hover {
    background: #000;
  }
  .history .history-carousel .owl-nav button.owl-next {
    background: #000;
  }
  .history .history-carousel .owl-nav button.owl-next:after {
    width: 21px;
    height: 21px;
    background: url("image/owl-next-hover-arrow.svg") no-repeat center center !important;
    content: "";
    display: block;
    margin: auto;
  }
  .history .history-carousel .owl-nav button.owl-prev {
    background-image: url("image/owl-next-hover-arrow.svg") no-repeat center center !important;
  }
  .history .history-carousel .owl-nav button.owl-prev:after {
    width: 21px;
    height: 21px;
    background: url("image/owl-prev-arrow.svg") no-repeat center center !important;
    content: "";
    display: block;
    margin: auto;
  }
  .history .history-carousel .owl-nav button.owl-prev:hover:after {
    width: 21px;
    height: 21px;
    background: url("image/owl-prev-hover-arrow.svg") no-repeat center center !important;
    content: "";
    display: block;
    margin: auto;
  }
/*  // new history sec   */

.timeline-container .owl-stage {
  padding: 350px 0;
}
@media (max-width: 991.98px) {
  .timeline-container .owl-stage {
    padding: 300px 0;
  }
}
@media (max-width: 575.98px) {
  .timeline-container .owl-stage-outer {
    overflow: visible;
  }
  .timeline-container .owl-stage {
   margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .timeline-container .owl-nav {
    position: absolute;
    bottom: 0px;
    left: 50%;
  }
}
.timeline-container .owl-prev {
  position: absolute;
  top: 200px;
  left: 33px;
  content: " ";
  height: 50px;
  width: 50px;
  border-radius: 50%;
  left: -30px;
  top: calc(50% - 25px);
  position: absolute;
  border-right-color: #B11116;
  border-width: 18px;
  /* margin-top: -16px; */
  background: #B11116 !important;
  display: block;
}
@media (max-width: 575.98px) {
  .timeline-container .owl-prev {
    left: -55px;
  }
}
.timeline-container .owl-prev:hover {
  background: #a5161a !important;
  border: 1px solid transparent !important;
}
.timeline-container .owl-prev:hover:after {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.timeline-container .owl-prev:after {
  z-index: 1000;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: " ";
  height: 12px;
  width: 12px;
  position: absolute;
  left: calc(50% + 3px);
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.timeline-container .owl-prev.disabled {
  border: 1px solid #e6e6e6 !important;
  background: #fff !important;
}
.timeline-container .owl-prev.disabled:after {
  border-left: 2px solid #707070;
  border-bottom: 2px solid #707070;
}
.timeline-container .owl-prev span {
  display: none;
}
.timeline-container .owl-next {
  position: absolute;
  top: 200px;
  /* left: 33px; */
  /* border: 1px solid #e6e6e6 !important; */
  content: " ";
  height: 50px;
  width: 50px;
  border-radius: 50%;
  right: 0px;
  top: calc(50% - 25px);
  position: absolute;
  border-right-color: #B11116;
  border-width: 18px;
  /* margin-top: -16px; */
  background: #B11116 !important;
  display: block;
}
@media (max-width: 575.98px) {
  .timeline-container .owl-next {
    right: -55px;
  }
}
.timeline-container .owl-next:hover {
  background: #a5161a !important;
  border: 1px solid transparent !important;
}
.timeline-container .owl-next:hover:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}
.timeline-container .owl-next.disabled {
  border: 1px solid #e6e6e6 !important;
  background: #fff !important;
}
.timeline-container .owl-next.disabled:after {
  border-right: 2px solid #707070;
  border-top: 2px solid #707070;
}
.timeline-container .owl-next:after {
  z-index: 1000;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: " ";
  height: 12px;
  width: 12px;
  position: absolute;
  left: calc(50% - 3px);
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.timeline-container .owl-next span {
  display: none;
}
.timeline-container .owl-carousel.owl-loaded {
  display: block;
}
.timeline-container .timeline-slide {
  width: 100%;
  position: relative;
  border-bottom: 3px solid #B11116;
}
.timeline-container .timeline-slide .circle {
  background-color: #E0E0E0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-redius: 50%;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 55px;
  margin-left: -15px;
  top: 0px;
  z-index: 2000;
  overflow: visible;
}
@media (max-width: 767.98px) {
  .timeline-container .timeline-slide .circle {
    left: 25px;
  }
}
.timeline-container .timeline-slide .vertical-line {
  border-left: 1px #7B899B solid;
  height: 60px;
  position: absolute;
  left: 53px;
  margin-left: -4.5px;
  top: -51px;
  z-index: 1000;
}
@media (max-width: 767.98px) {
  .timeline-container .timeline-slide .vertical-line {
    left: 23px;
  }
}
.timeline-container .timeline-slide .top-timeline .vertical-line {
  top: auto;
  bottom: 0;
}
.timeline-container .timeline-slide .top-timeline .timeline-copy {
  padding-bottom: 75px;
  position: absolute;
  bottom: 0;
}
.timeline-container .timeline-slide .top-timeline .circle {
  top: auto;
  bottom: 50px;
}
.timeline-container .timeline-slide .bottom-timeline .timeline-copy {
  padding-top: 90px;
  position: absolute;
  top: 0;
}
.timeline-container .timeline-slide .bottom-timeline .circle {
  top: 50px;
}
.timeline-container .timeline-slide .bottom-timeline .vertical-line {
  top: 0;
}
.timeline-container .timeline-copy {
  padding-left: 40px;
  padding-right: 15px;
}
@media (max-width: 767.98px) {
  .timeline-container .timeline-copy {
    padding-left: 5px;
    padding-right: 0px;
  }
}
.timeline-container .timeline-copy h5 {
  font-size: 34px;
  color: #B11116;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .timeline-container .timeline-copy h5 {
    font-size: 22px;
  }
}
.timeline-container .timeline-copy p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .timeline-container .timeline-copy p {
    font-size: 12px;
  }
}
.timeline-container button:focus {
  outline: 0;
}


@supports (-webkit-touch-callout: none) {
  @media (max-width: 767.98px) {
    .timeline-container .owl-nav{
        bottom: -50px;
    }
  }
}