.img-desc{
    font-family: 'OddvalText', sans-serif;
    position: relative;
    padding-bottom: 200px;
}

.img-desc h2{
    font-family: 'OddvalText', sans-serif;
    font-size: 44px;
    font-weight: 200;
    margin-bottom: 64px;
}

.img-desc .right{
    margin-bottom: 77px;
}

.img-desc .right p{
    margin-left: 100px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.img-desc .col-lg-5:has(img.with-back){
    position: relative;
}

.img-desc .col-lg-5:has(img.with-back):after{
    content: "";
    position: absolute;
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    left: 50%;
    top: 50%;
    background-color: var(--white-fi);
    z-index: 9;
    transform: translate(-50%, -50%);
}

.img-desc img.with-back{
    position: relative;
    z-index: 99;
}

.img-desc .icons{
    margin-left: 100px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.img-desc .icon img{
    width: fit-content;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.img-desc .icon{
display: flex;
    align-items: center;
    gap: 9px;
    color: var(--black-fi);
    margin-bottom: 26px;
}

.img-desc .icon a{
    color: var(--black-fi);
}

.img-desc .icon a:hover{
    color: var(--green-fi);
}

.img-desc a.without-bg{
    margin-left: 100px;
}

.img-desc-paralax-2{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
}

.img-desc-paralax{
    position: absolute;
    bottom: 0;
    left: -20%;
    z-index: 9;
}

.img-desc .col-12{
    position: relative;
    z-index: 99;
}

@media(max-width: 768.98px) {
    .img-desc .icons{
        margin-left: 0px;
    }

    .img-desc .right p{
        margin-left: 0px;
    }

    .img-desc h2{
        margin-bottom: 32px;
    }

    .img-desc .right{
        margin-bottom: 40px;
    }
}