/* Carousel */
 #steps-slider{
    padding: 0;
 }
#steps-slider .carousel-nav col:hover:before {
  width: 100%;
}
/* .owl-carousel {
  z-index: 0;
} */
a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  
  .my-5{
    font-weight: 900;
    padding-bottom: 20px;
  }
  .owl-1 .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%; }
    .owl-1 .owl-nav .owl-next,
    .owl-1 .owl-nav .owl-prev {
      border: 1px solid red;
      z-index: 92;
      position: absolute;
      top: 50%; }
      .owl-1 .owl-nav .owl-next:active, .owl-1 .owl-nav .owl-next:focus,
      .owl-1 .owl-nav .owl-prev:active,
      .owl-1 .owl-nav .owl-prev:focus {
        outline: none; }
      .owl-1 .owl-nav .owl-next span,
      .owl-1 .owl-nav .owl-prev span {
        color: #fff; }
        .owl-1 .owl-nav .owl-next span:before,
        .owl-1 .owl-nav .owl-prev span:before {
          font-size: 40px !important; }
    .owl-1 .owl-nav .owl-next {
      border: 4px solid blue;
      right: 20px; }
    .owl-1 .owl-nav .owl-prev {
      left: 20px; }
  
  .owl-1 .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .owl-1 .owl-dots .owl-dot {
      background: none;
      display: inline-block; }
      .owl-1 .owl-dots .owl-dot > span {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        margin: 4px; }
      .owl-1 .owl-dots .owl-dot.active > span {
        background: white; }
      .owl-1 .owl-dots .owl-dot:active, .owl-1 .owl-dots .owl-dot:focus {
        outline: none; }
  .media-29101 .img {
    -webkit-box-flex: 0; }
  .media-29101 .img img{
    border-radius: 20% 0 20% 0; }
  
  .media-29101 .text {
    padding: 50px; }
    @media (max-width: 991.98px) {
      .media-29101 .text {
        padding: 20px;
        width: 100%; } }
    .media-29101 .text h2 {
      font-family: "Playfair Display", times, serif;
      font-size: 2rem;
      line-height: 1.3;
      margin-bottom: 30px; }
      .media-29101 .text h2 a {
        color: #000; }
  
  .carousel-nav {
    width: 100%;
    /* border-left: 1px solid #ccc; */
    margin-bottom: 40px; }
    .carousel-nav a {
      color: #999;
      display: inline-block; }
      .carousel-nav a:hover {
        color: #000; }
      .carousel-nav a.active {
        color: #000;
        text-decoration: none; }
        /* .carousel-nav a:before {
          content: "";
          position: absolute;
          background: #ff0000;
          height: 50px;
          transform: translate(0%, 0%);
          transition: all 0.3s ease; }
          .carousel-nav a:hover:before, .carousel-nav a.active:before {
            width: 2px; } */
  
            .carousel-nav span{
              font-size: 60px;
            }
            .carousel-nav span:after {
              content: "";
              position: absolute;
              background: #999;
              height: 60px;
              width: 1px;
              margin-top: 15px;
              margin-left: 10px;
              transform: translate(0%, 0%);
              transition: all 0.3s ease; }
              .carousel-nav span:hover:after, .carousel-nav .active span:after {
                background: #E26B4F;
                width: 4px; }
                .carousel-nav p{
                    margin: 0;
                  }
  
  @media (max-width: 768px) {
    #steps-slider .content .row .col-md-6:nth-child(2){
      order: 1;
    }
    /* .carousel-nav{
      flex-direction: row !important;
    }
    /* .carousel-nav p{
      display: none;
    }
    .carousel-nav .span-cont{
      justify-content: center !important;
    }
    .carousel-nav span,.carousel-nav h1{
      font-size: 12px;
      text-align: center;
      margin: 0;
    }
    .carousel-nav span:after {
      content: "";
      height: 0px;
      width: 0px;}
      .carousel-nav span:hover:after, .carousel-nav .active span:after {
        width: 0px; }
    .carousel-nav span:before {
      content: "";
      position: absolute;
      background: #999;
      height: 2px;
      width: 0px;
      margin-top: -5px;
      left: 15%;
      transform: translate(0%, 0%);
      transition: all 0.3s ease; }
      .carousel-nav span:hover:before, .carousel-nav .active span:before {
        background: #E26B4F;
        width: 100px; } */ 
  }