.lottie--codingbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.5;
}
.latestblogs {
    background: white;
}
.latestblogs .lottie--codingbg {
    width: 50% !important;
    height: 150% !important;
    left: 0;
    mix-blend-mode: color-dodge;
    top: -140px;
    z-index: -1;
}
[dir=rtl] .latestblogs .lottie--codingbg {
    left: unset;
    right: 0;
    top: -140px;
}
.blue-line .lottie--codingbg {
    
    mix-blend-mode: color-dodge;
}
.heroAbout .lottie--codingbg {
    width: 50% !important;
    left: 50%;
    mix-blend-mode: color-dodge;
    top: 0;
    z-index: 0;
}
[dir=rtl] .heroAbout .lottie--codingbg { 
    left: 0%; 
}
.backTeam .blockIntroOutro .lottie--codingbg--1 {
    width: 50% !important;
    left: 50%;
    mix-blend-mode: color-dodge;
    top: -140px;
    z-index: -1;
}
.backTeam .blockIntroOutro .lottie--codingbg--2 {
    width: 50% !important;
    left: 0;
    mix-blend-mode: color-dodge;
    top: -140px;
    z-index: -1;
}
.post .lottie--codingbg {
    width: 50% !important;
    height: 761px !important;
    left: 0;
    mix-blend-mode: color-dodge;
    top: 0;
    z-index: -1;
}
[dir=rtl] .post .lottie--codingbg {
    left: 50%;
}
.contactKPMG .lottie--codingbg {
    width: 50% !important;
    height: 600px !important;
    left: -450px;
    mix-blend-mode: color-dodge;
    top: -140px;
    z-index: -1;
}
.blogBottom .lottie--codingbg {
    width: 50% !important;
    height: 300px !important;
    left: 0;
    mix-blend-mode: color-dodge;
    top: unset;
    bottom: -100px;
    z-index: -1;
}
.ContactUs .lottie--codingbg {
    width: 50% !important;
    height: 150vh !important;
    left: 50%;
    mix-blend-mode: color-dodge;
    top: 0;
    z-index: -1;
}
.solutInfoLeft .lottie--codingbg {
    width: 50%;
    left: 50%;
    mix-blend-mode: color-dodge;
    top: -100px;
}
[dir=rtl] .solutInfoLeft .lottie--codingbg {
    left: 0%;
}
.solutInfo .lottie--codingbg {
    width: 50%;
    left: 50%;
    mix-blend-mode: color-dodge;
    bottom: -60px;
    top: unset;
}
[dir=rtl] .solutInfo .lottie--codingbg {
    left: 0%;
}
.blue-line-left-down .lottie--codingbg {
    width: 50%;
    left: 0%;
    mix-blend-mode: color-dodge;
    bottom: -60px;
    top: unset;
}
.blue-line-left .lottie--codingbg--2 {
    width: 50%;
    left: 0%;
    mix-blend-mode: color-dodge;
    top: 0px; 
}
.blue-line-right .lottie--codingbg {
    width: 50%;
    left: 50%;
    mix-blend-mode: color-dodge;
    top: 0px; 
}
.Power .lottie--codingbg {
    width: 50% !important;
    height: 150vh !important;
    left: 0;
    /*mix-blend-mode: color-dodge;*/
    top: -475px;
    z-index: -1;
}
.industries .lottie--codingbg--1 {
    width: 50%;
    left: 50%;
    mix-blend-mode: color-dodge;
    top: 0;
    z-index: -1;
}
.industries .lottie--codingbg--2 {
    width: 224px !important;
    height: 474px !important;
    left: 0%;
    mix-blend-mode: color-dodge;
    top: unset;
    bottom: -200px;
    z-index: -1;
    /* Hacky solution, as the after element is supposed to overlay the following component */
    clip-path: polygon(0% 1%, 67% 23%, 86% 34%, 93% 47%, 91% 58%, 82% 69%, 63% 79%, 0% 99%, 0% 66%, 28% 57%, 34% 53%, 35% 49%, 30% 44%, 0% 35%);
}
@media (max-width: 767.98px)  {
    .lottie--codingbg {
        display: none;
    }
}

@media (min-width: 1024px)  {
    .solutInfoLeft, .solutInfo { 
        position: relative; 
    }

    .solutInfoLeft::before {
        content: "";
        background: linear-gradient(270deg,rgb(44,190,238) 0%,rgb(255,255,255));
        height: 120px;
        width: 620px;
        position: absolute;
        right: -100px;
        top: 100px;
        transform: rotate(-35deg);
        z-index: -9;
    }
    [dir=rtl] .solutInfoLeft::before {
        left: -100px;
        right: auto;
        transform: rotate(35deg);
    }
    .solutInfo::before {
        content: "";
        background: linear-gradient(270deg,rgb(44,190,238) 0%,rgb(255,255,255));
        height: 120px;
        width: 620px;
        position: absolute;
        right: -100px;
        bottom: 100px;
        transform: rotate(35deg);
        z-index: -9;
    }
    [dir=rtl] .solutInfo::before {
        left: -100px;
        right: auto;
        transform: rotate(-35deg);
    }
    .blue-line-left::after {
        content: "";
        background: linear-gradient(270deg,rgb(44,190,238) 0%,rgb(255,255,255));
        height: 120px;
        width: 620px;
        position: absolute;
        left: -200px;
        top: 600px;
        transform: rotate(145deg);
        z-index: -9;
    }
    .blue-line-left-down::before {
        content: "";
        background: linear-gradient(270deg,rgb(44,190,238) 0%,rgb(255,255,255));
        height: 120px;
        width: 620px;
        position: absolute;
        left: -200px;
        top: 100px;
        transform: rotate(35deg);
        z-index: -9;
    }
    .blue-line-right::before {
        content: "";
        background: linear-gradient(270deg,rgb(44,190,238) 0%,rgb(255,255,255));
        height: 120px;
        width: 820px;
        position: absolute;
        right: -150px;
        top: 400px;
        transform: rotate(35deg);
        z-index: -9;
    }
    .blue-line-right-bottom::before {
        content: "";
        background: linear-gradient(270deg,rgb(44,190,238) 0%,rgb(255,255,255));
        height: 120px;
        width: 1340px;
        position: absolute;
        right: -175px;
        bottom: 250px;
        transform: rotate(35deg);
        z-index: -9;
    }
    .Power {
        position: relative;
        z-index: auto;
    }
    .Power:before {
        display: none;
    }
    .Power:after {
        background: url(/media/rp2mxrml/polygon9.png);
        position: absolute;
        height: 698px;
        content: '';
        width: 479px;
        left: 1rem;
        top: -485px;
        background-repeat: no-repeat;
        z-index: -2;
        transform: rotate(180deg);
    }
    .contactKPMG:before {
        content: '';
        background: linear-gradient(45deg,#7213EA 0%,#4CCEF9 24.37%,rgba(255,255,255,0) 61.07%);
        height: 120px;
        width: 820px;
        position: absolute;
        left: -450px;
        top: 0;
        transform: rotate(-35deg);
        z-index: -1;
    }
}