/************ about_us css start ***************/
// About Details Page

// About details
.about-details{
  .about-details-cap{
      h4{
          font-size: 30px;
          font-family: $font_1;
          font-weight: 700;
          margin-bottom:30px;
          color:#000a2d;
          display: inline-block;
          position: relative;
          padding-left: 68px;

          &::before{
              position: absolute;
              content: "";
              width: 54px;
              height: 2px;
              background: #eb566c;
              top: 0;
              left:0px;
              top: 50%;
              transform: translateY(-50%);
          }
      }
      p{
          color: #464d65;
          font-size: 14px;
      }
  }
}


.about_us{
  .about_us_video{
    position: relative;
  }
  .about_us_content{
    h5{
      font-size: 20px;
      color: $btn_bg;
      font-weight: 400;
      @media #{$small_mobile}{
        font-size: 18px;
      }
    }
    h3{
      font-size: 24px;
      line-height: 1.5;
      color: $heading_color;
      margin: 5px 0 60px;
      font-weight: 400;
      @media #{$tab}{
        margin: 5px 0 30px;
        font-size: 20px;
      }
    }
  }
  .about_video_icon{
    height: 84px;
    width: 84px;
    line-height: 84px;
    border-radius: 50%;
    background-color: #795376;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 41%;
    @media #{$small_mobile}{
      height: 50px;
      width: 50px;
      line-height: 50px;
    }
    &:after{
      position: absolute;
      content: "";
      width: 14px;
      height: 18px;
      background-color: $white;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 41%;
      clip-path: polygon(100% 50%, 0 0, 0 100%);
      @media #{$small_mobile}{
        top: 32%;
      }
    }
  }
}
/************ about_us css end ***************/
