.we-know-sec{
    background:var(--red-bg) ;
    padding: 100px 0;
}

.we-know-sec p {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #F9F9F9;
    padding-left: 16px;
}
.we-know-sec h3 {
    color: #fff;
    margin-bottom: 24px;
    text-transform: uppercase;
    border-left: 5px solid var(--yellow-bg);
    padding-left: 10px;
}

.we-know-sec .row.justify-content-between .col-lg-5{
    position: relative;
}
.we-know-sec .row.justify-content-between .col-lg-5:after {
    content: "";
    background: url(../images/arrow-01.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 70px;
    position: absolute;
    right: -104px;
    top: 37%;
}
.we-know-sec h3 span {
    position: relative;
}

.we-know-sec h3 span svg {position: absolute;left: -12px;right: 0px;top: 0;transform: rotate(-7.061deg);}
 svg .svg-elem-2 {
    stroke-dashoffset: 274.771728515625px;
    stroke-dasharray: 274.771728515625px;
    animation: ellipse 2s cubic-bezier(0.47, 0, 0.745, 0.715) infinite;
  }
  

  @keyframes ellipse {
    from {
        stroke-dashoffset: 274.771728515625px;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@media(max-width:991px){
    .we-know-sec{
        padding: 70px 0 30px;
    }
    .we-know-sec .row.justify-content-between .col-lg-5:after {
        display: none;
    }
    .we-know-sec h3{
        margin-bottom: 16px;
    }
}

@media(max-width:767px){
    .we-know-sec{
        padding:60px 0 30px;
    }
}