.our-portfolio{
  padding-bottom: 6%;

  @media (max-width: 1199px) {
    padding-top: 0;
  }
  @media (max-width: 767px) {
    padding: 0;
  }
  .text-cont{
    text-align: center;
    h2.section-title{
      margin-bottom: 10px;
      span{
        position: relative;
        img{
          position: absolute;
          left: 0;
          bottom: -10px;
        }
      }
    }
  }
  a.view-all{
    font-family: $Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.9574722647666931px;
    color: #201F1F;
    text-decoration: none;
    border: 0.96px solid #000000;
    border-radius: 10px;
    float: right;
    padding: 20px 0;
    max-width: 362px;
    width: 100%;
    text-align: center;
    transition: .5s;
    @media (max-width: 767px) {
      float: none;
      margin: auto;
      display: block;
    }
    &:hover{
      border-color: rgb(207 207 207 / 50%);
      background: rgb(207 207 207 / 50%);
      transition: .5s;
    }
  }
  .portfolio-slider{
    .owl-stage{
      padding: 50px 0 60px;
      @media (max-width: 767px) {
        padding: 30px 0;
      }
    }
    .card{
      border: 0;
      box-shadow: 0 20px 80.85px 0 rgba(0,0,0,0.0705882353);
      border-radius: 23px;
      background: #fff;
      @media (max-width: 767px) {
        box-shadow: none;
      }
      .img-cont{
        padding: 20px 15px 0 15px;
        img{
          margin: auto;
        }
      }
      .text-content{
        padding: 35px 40px 60px 40px;
        @media (max-width: 991px) {
          padding: 35px 20px 60px;
        }
        ul{
          list-style: none;
          padding: 0;
          margin: 0 0 45px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          @media (max-width: 991px) {
            display: block;
            margin: 0 0 20px;
          }
          li{
            @media (max-width: 1199px) {
             width: 50%;
            }
            @media (max-width: 991px) {
              width: 100%;
              margin-bottom: 10px;
            }
          }
          .right{
            p{
              font-family: $Inter;
              font-size: 18px;
              font-weight: 300;
              line-height: 34px;
              letter-spacing: 0.02em;
              color: #121212;
              margin: 0;
              @media (max-width: 1399px) {
                font-size: 16px;
                line-height: 32px;
              }
              span{
                font-weight: 600;
              }
            }
          }
        }
        p.description{
          font-family: $Inter;
          font-size: 17px;
          font-weight: 300;
          line-height: 35px;
          letter-spacing: 0.02em;
          color: #121212;
          margin-bottom: 45px;
          @media (max-width: 991px) {
            margin-bottom: 25px;
          }
          span{
            font-weight: 600;
          }
        }
        a{
          text-decoration: none;
          font-family: $Poppins;
          font-size: 20px;
          font-weight: 400;
          line-height: 30px;
          letter-spacing: -0.9574722647666931px;
          color: #5470BD;
          position: relative;
          &:after{
            content: '';
            width: 180px;
            height: 5px;
            background: linear-gradient(90deg, #5558A6 -0.05%, #4AB9EA 49.97%, #B2DCBD 100%);
            position: absolute;
            left: 0;
            bottom: -10px;
          }
        }
      }
    }
    .owl-dots{
      position: absolute;
      right: 380px;
      margin-top: 0 !important;
      @media (max-width: 767px) {
        display: flex;
        position: static;
        margin-bottom: 20px;
        justify-content: center;
      }
      .owl-dot{
        button{
          border: .96px solid rgb(0 0 0 / 20%);
          border-radius: 10px;
          font-family: $Poppins;
          font-size: 20px;
          font-weight: 500;
          line-height: 30px;
          letter-spacing: -0.9574722647666931px;
          color: #201F1F;
          width: 67px;
          height: 64px;
          background: transparent;
          margin-right: 15px;
        }
      }
      .active{
        button{
          background: rgb(207 207 207 / 50%);
          border: 0;
        }
      }
    }
  }
}