.archive-sols{
    background: url(../../assets/img/archsolsbgg.png) repeat-y top left,url(../../assets/img/archsolsbgg2.png) repeat-y top right,url(../../assets/img/noisefxx.png) repeat top left,linear-gradient(to left,#fcfcfce6,#FCFCFC 45%,#FCFCFC 100%),url(../../assets/img/paboutusbg.png) no-repeat top right;
    padding: 6.66rem 0 3.33rem;
}

.archive-sols .boxes{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 50px;
}

.archive-sols .boxes>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 2rem;
    border-radius: 20px;
    background-color: var(--white);
    box-shadow: 0 4px 20px #7090b033;
    padding: 20px 2rem;
    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;
}

.archive-sols .boxes>*:hover{
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
}

.archive-sols .boxes>*>*{
    width: calc(50% - 1rem);
}

.archive-sols .boxes>* .img{
    aspect-ratio: 1/.65740;
}

.archive-sols .boxes>* .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 15px;
}

.archive-sols .boxes>* hr{
    background: linear-gradient(to right,#D2D2D2,transparent);
    margin: 1rem 0;
}

.archive-sols .boxes>* .title{
    color: #1179A3;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: .9px;
}

.archive-sols .boxes>* .sols,
.archive-sols .boxes>* .results{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 10px;
    margin-top: 1rem;
}

.archive-sols .boxes>* .results{
    grid-gap: 1rem;
}

.archive-sols .boxes>* .sols>*{
    display: block;
    display: -webkit-block;
    color: #1179A3;
    font-weight: 700;
    border-radius: 60px;
    background: linear-gradient(to right bottom,#5db1a733,#26AAC233,#1179A333);
    padding: 4px 20px;
}

.archive-sols .boxes>* .results>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 10px;
    color: var(--text);
    font-weight: 500;
}

.archive-sols .boxes>* .results>*::before{
    content: url(../../assets/img/checkk.svg);
    height: 19px;
}

@media(max-width:992px){
    .archive-sols{
        padding: 2rem 0;
    }
    .archive-sols .boxes>*{
        flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        padding: 1.5rem;
    }
    .archive-sols .boxes>*>*{
        width: 100%;
    }
}

@media(max-width:768px){
    .archive-sols .boxes>*{
        padding: 1rem;
    }
}

@media(max-width:425px){
    .archive-sols .boxes>*{
        overflow: hidden;
    }
    .archive-sols .boxes>* .sols>*,
    .archive-sols .boxes>* .results>*{
        width: 100%;
    }
}