.single-prods{
    background: url(../../assets/img/aboutusbg1.png) no-repeat top left,linear-gradient(to left,#fcfcfce6,#FCFCFC 45%,#FCFCFC 100%),url(../../assets/img/singleprodbg.png) no-repeat center/cover;
    padding: 40px 0 66px;
}

.single-prods .row{
    grid-gap: 20px 0;
}

.single-prods .row>*{
    padding: 0 10px;
}

.single-prods .box{
    border: 1px solid #E4E4E4;
    border-radius: 15px;
    background-color: #FDFDFD;
    box-shadow: 0 10px 10px #7090b01a;
    padding: 2rem;
}

.single-prods .bx{
    position: relative;
    display: block;
    display: -webkit-block;
    border: 1px solid #E4E4E4;
    border-radius: 20px;
    background-color: #FDFDFD;
    box-shadow: 0 10px 10px #7090b01a;
    overflow: hidden;
    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;
}

.single-prods .bx:hover{
    background-color: #D7D7D7;
}

.single-prods .bx::before{
    content: '';
    position: absolute;
    inset: 0 0 auto auto;
    width: 45px;
    aspect-ratio: 1/1;
    border-bottom-left-radius: 11px;
    background: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.4425 1.24993C14.4425 0.55957 13.8828 -7.35879e-05 13.1925 -7.49366e-05L1.94246 -7.42622e-05C1.2521 -7.42622e-05 0.692457 0.55957 0.692457 1.24993C0.692457 1.94028 1.2521 2.49993 1.94246 2.49993H11.9425V12.4999C11.9425 13.1903 12.5021 13.7499 13.1925 13.7499C13.8828 13.7499 14.4425 13.1903 14.4425 12.4999L14.4425 1.24993ZM0.884766 13.5576L1.76865 14.4415L14.0763 2.13381L13.1925 1.24993L12.3086 0.366042L0.000882164 12.6737L0.884766 13.5576Z" fill="white"/></svg>') no-repeat center,#1179A3;
}

.single-prods .bx .title{
    color: var(--title);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.20;
    margin-bottom: 20px;
    letter-spacing: 1.2px;
}

.single-prods .text p:not(:last-child){
    margin-bottom: 1rem;
}

.single-prods .bx .type,
.single-prods .bx .doc{
    color: var(--text);
}

.single-prods .bx .type{
    margin-bottom: 5px;
}

.single-prods .bx .doc{
    font-weight: 500;
}

.single-prods .box.b{
    border: none;
    background: url(../../assets/img/noisefxx.png) repeat top left,#0C74A2;
    box-shadow: unset;
}

.single-prods .sectitle{
    margin-bottom: 1rem;
}

.single-prods .box .subtitle{
    color: var(--text);
    font-weight: 700;
}

.single-prods hr{
    background: linear-gradient(to right,#D2D2D2 0,#D2D2D2 39%,#ffffff9e 69%,transparent 100%);
    margin: 1rem 0;
}

.single-prods .box hr{
    width: 349px;
}

.single-prods .box .tit{
    color: var(--title);
    font-size: 18px;
    line-height: 1.16;
    font-weight: 700;
    /* margin-bottom: 20px; */
}

.single-prods .box.b .tit{
    color: var(--white);
}

.single-prods .vants{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    /* flex-wrap: wrap;
    -ms-flex-wrap: wrap; */
    grid-gap: 20px;
    margin-top: 1.5rem;
}

.single-prods .vants>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 1rem;
    /* width: calc((100%/3) - 17px); */
}

.single-prods .vants>*::before{
    content: url(../../assets/img/checkk.svg);
    height: 19px;
}

.single-prods .vants>*:nth-last-child(1),
.single-prods .vants>*:nth-last-child(2){
    width: calc(50% - 10px);
}

.single-prods .vants>* .tit{
    width: fit-content;
    color: transparent;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.16;
    background: var(--linear3);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}

.single-prods .vants>* hr{
    margin: 1rem 0;
}

@media(max-width:992px){
    .single-prods{
        padding: 2rem 0;
    }
    .single-prods .row>*{
        padding: 0 12px;
    }
    .single-prods .vants>*,
    .single-prods .vants>*:nth-last-child(1),
    .single-prods .vants>*:nth-last-child(2){
        flex-grow: 1;
        width: calc(50% - 10px);
    }
}

@media(max-width:768px){
    .single-prods .box,
    .single-prods .bx{
        padding: 1.5rem;
    }
    .single-prods .vants>*,
    .single-prods .vants>*:nth-last-child(1),
    .single-prods .vants>*:nth-last-child(2){
        width: 100%;
    }
}