.eqp{
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-wrap: wrap-reverse;
    align-items: stretch;
}

.eqp>*{
    flex: 1 1 50%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    min-height: 864px;
    background: url(../../assets/img/eqpbg.svg) no-repeat bottom left;
    padding: 7rem clamp(2rem,6.97916vw,134px);
}

.eqp>*:nth-child(2),
.eqp>*:nth-child(4n+3),
.eqp>*:nth-child(3),
.eqp>*:nth-child(4n+2){
    background: url(../../assets/img/eqpbg.svg) no-repeat bottom left,url(../../assets/img/noisefx.svg) repeat top left,var(--bg);
}

.eqp>*:nth-child(odd) .df{
    margin-left: auto;
}

.eqp>* .df{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 18px;
    width: clamp(10px,100%,533px);
}

.eqp>* .df .img{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 177px;
    max-width: 177px;
    height: 177px;
    border-radius: 50%;
    background-color: #CABDAC;
}

.eqp>* .df .img::before{
    content: '';
    position: absolute;
    width: 172.88135%;
    aspect-ratio: 1/1;
    background: url(../../assets/img/icfx.svg) no-repeat center;
    background-size: cover;
    filter: grayscale(1) opacity(30%);
    -webkit-filter: grayscale(1) opacity(30%);
    -ms-filter: grayscale(1) opacity(30%);
}

.eqp>* .df .img img{
    position: absolute;
    bottom: 0;
    width: 79.66101%;
    aspect-ratio: 1/1.51773;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 50% / 0 0 24% 24%;
}

.eqp>* .df>*:last-child{
    position: relative;
    z-index: 1;
}

.eqp>* .df .title{
    color: var(--title);
    font-family: var(--ibm);
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 13px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 8px;
}

.eqp>* .df .title strong{
    color: var(--main);
    font-weight: inherit;
}

.eqp>* .df .rss{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: .7rem;
    margin-bottom: 27px;
}

.eqp>* .df .rss>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 28px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--main);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.eqp>* .df .rss>* svg{
    max-width: 11px;
}

.eqp>* .df .rss>* svg path{
    fill: var(--white);
}

.eqp>* .df .rss>*:hover{
    background-color: var(--title);
}

.eqp>* .text{
    width: clamp(10px,100%,580px);
    margin-top: 51px;
    border-top: 1px solid var(--line);
    padding-top: 26px;
}

.eqp>* .text p:not(:last-child){
    margin-bottom: 1rem;
}

.eqp>*:nth-child(odd) .text{
    margin-left: auto;
}

@media(max-width:992px){
    .eqp>*{
        flex: 1 1 100%;
        min-height: unset;
        padding: 8rem 70px 2rem;
    }
    .eqp>* .df,
    .eqp>* .text{
        width: 100%;
    }
}

@media(max-width:768px){
    .eqp>*{
        padding: 8rem 20px 2rem;
    }
}

@media(max-width:575px){
    .eqp>* .df{
        flex-direction: column;
        -ms-flex-direction: column;
    }
}