.case-studies .solutions-banner {
    height: 25vh;
}

.case-studies .home-s10 {
    position: relative;
    z-index: 2;
}

.case-studies .opti-content {
    padding-bottom: 0;
    max-width: 97%;
}

.solution-elem.case-study.left-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.solution-elem.case-study.right-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.margin-auto {
    margin: auto;
}

.solution-elem-img-container-case-study {
    width: 48%;
    position: relative;
}

.solution-elem-text-container-case-study {
    width: 48%;
}

.case-studies section.home-s10.opti-container-xxl {
    margin-bottom: 0;
    padding-bottom: 350px;
}

.case-studies .solutions-submenu::before,
.case-studies .solutions-submenu::after {
    width: 65%;
    height: 180px;
    top: -40%;
}

@media (min-width: 1600px) {

    .case-studies .solutions-submenu::before,
    .case-studies .solutions-submenu::after {
        display: none;
    }

    .case-studies .solutions-submenu {
        margin-top: -49px;
    }
}

@media (max-width: 1500px) {

    .case-studies .solutions-submenu::before,
    .case-studies .solutions-submenu::after {
        height: 160px;
        top: -30%;
    }
}

@media (max-width: 1201px) {

    .case-studies .solutions-submenu::before,
    .case-studies .solutions-submenu::after {
        height: 131px;
        top: -15%;
    }
}


@media (max-width: 1025px) {
    .case-studies .home-s10 .padding-left-md {
        padding-bottom: 0;
    }

    .case-studies .home-s10.opti-container-xxl::after {
        left: 21%;
        top: 9%;
    }
}

@media (max-width: 901px) {

    .case-studies .solutions-submenu::before,
    .case-studies .solutions-submenu::after {
        top: -20%;
        height: 80px;
    }
}

@media (max-width: 769px) {

    .solution-elem.case-study.right-image {
        flex-direction: column;
    }

    .solution-elem.case-study.left-image {
        flex-direction: column;
    }

    .solution-elem-img-container-case-study {
        width: 100%;
    }

    .solution-elem-text-container-case-study {
        width: 100%;
        padding: 20px;
    }

    .case-studies .solutions-submenu::before,
    .case-studies .solutions-submenu::after {
        display: none;
    }

    .case-studies .solutions-banner {
        height: 20vh;
        padding-bottom: 35px;
    }

    .case-studies .solutions-banner-content {
        width: 60%;
    }

    .case-studies section.home-s10.opti-container-xxl {
        margin-bottom: 0;
        padding-bottom: 550px;
    }

    .case-studies .solutions-submenu {
        margin-top: -23px;
    }
}

@media (max-width: 700px) {
    .case-studies .home-s10.opti-container-xxl::after {
        left: 13%;
        top: 14%;
    }
}

@media (max-width: 605px) {
    .case-studies .home-s10.opti-container-xxl::after {
        left: 2%;
        top: 11%;
    }
}

@media (max-width: 580px) {
    .case-studies section.home-s10.opti-container-xxl {
        padding-bottom: 460px;
        margin-top: 50px;
    }
}

@media (max-width: 530px) {
    .case-studies .home-s10.opti-container-xxl::after {
        left: 0;
    }
}

@media (max-width: 450px) {
    .case-studies .home-s10.opti-container-xxl::after {
        top: 15%;
    }
}

@media (max-width: 380px) {
    .case-studies .solutions-banner {
        height: 20vh;
    }
}


/* Un casestudy */

main.solutions.caseStudy.smallsection {
    overflow: hidden;
}

/* Bg */

.caseStudy-bg {
    position: relative;
}

.caseStudy-bg-1,
.caseStudy-bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}

.caseStudy-bg-1 {
    background-image: url(../../images/new/svg/bg-design-3.svg);
    background-position: top 0 left 0;
    top: 21%;
}

.caseStudy .laptop-section.reverse {
    position: relative;
}


@media (min-width: 1400px) {
    .caseStudy-bg-1 {
        top: 0;
    }
}

@media (max-width: 1250px) {
    .caseStudy-bg-1 {
        background-size: 150%;
    }
}

@media (max-width: 1201px) {
    .caseStudy-bg-1 {
        background-size: 150%;
        height: 120%;
        top: -1%;
    }
}

@media (max-width: 1100px) {
    .caseStudy-bg-1 {
        background-size: 180%;
    }
}

@media (max-width: 1025px) {
    .caseStudy-bg-1 {
        background-size: 180%;
        background-position: top 0 left -500px;
    }
}

@media (max-width: 901px) {
    .caseStudy-bg-1 {
        height: 250%;
        top: -25%;
    }
}

@media (max-width: 769px) {
    .caseStudy .dt-s4.laptop-section .elem.right {
        width: 100%;
    }

    .caseStudy .dt-s4.laptop-section .elem.right br {
        display: none;
    }

    .caseStudy-bg-1 {
        top: -28%;
    }
}

@media (max-width: 700px) {}

@media (max-width: 580px) {
    .caseStudy-bg-1 {
        top: -65%;
        background-position: top 0 left 0;
        background-size: 230%;
    }
}

@media (max-width: 500px) {
    .caseStudy-bg-1 {
        background-size: 240%;
    }
}

@media (max-width: 450px) {
    .caseStudy-bg-1 {
        background-size: 300%;
    }
}

@media (max-width: 380px) {
    .caseStudy-bg-1 {
        background-size: 340%;
    }
}

@media (max-width: 360px) {
    .caseStudy-bg-1 {
        background-size: 400%;
    }
}

@media (max-width: 340px) {
    .caseStudy-bg-1 {
        background-size: 420%;
    }
}


/* Section 1 */

.caseStudy .about-s0 {
    padding-top: 100px;
}

.caseStudy.caseStudy-1 .about-s0,
.caseStudy.caseStudy-2 .about-s0,
.caseStudy.caseStudy-3 .about-s0,
.caseStudy.caseStudy-4 .about-s0,
.caseStudy.caseStudy-5 .about-s0.section-bbls {
    padding-top: 30px;
}

.caseStudy .about-s0.section-bbls {
    padding-bottom: 50px;
}


.caseStudy .about-s0 .elem.right {
    margin-top: -60px;
    text-align: center;
}

.caseStudy .about-s0 .elem.right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.caseStudy .about-s0 .elem.right .twobubbles-elem img {
    width: 150px;
    height: unset;
}

.caseStudy .about-s0.section-img .elem.right img {
    width: 400px;
    max-width: 100%;
    border-radius: 6px;
}

.twobubbles-elem {
    width: 75%;
    padding: 80px 100px 150px 100px;
    text-align: center;
    margin: auto;
    position: relative;
}

.caseStudy-6 .twobubbles-elem {
    width: 75%;
    padding: 77px 188px 164px 168px;
}

.caseStudy-6 .twobubbles-elem.elem2 {
    width: 90%;
}

.twobubbles-elem {
    width: 60%;
}

.caseStudy-5 .twobubbles-elem {
    width: 80%;
}


.twobubbles-elem.elem2 {
    padding: 100px 100px 180px 100px;
}

.twobubbles-elem.elem2 .twobubbles-bg {
    background-position: top 0 left 35px;
    background-size: 85%;
}


.caseStudy6 .twobubbles-elem.elem2 .twobubbles-bg {
    background-position: top 0 left -10px;
    background-size: 100%;
}


.caseStudy-2 .twobubbles-elem.elem2 .twobubbles-bg {
    background-position: top 32px left 60px;
}

.caseStudy-3 .twobubbles-elem.elem2 .twobubbles-bg {
    background-position: top 43px left 60px;
    background-size: 90%;
}

.caseStudy-3 .twobubbles-bg {
    background-size: 94%;
}

.twobubbles-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../images/new/svg/bg-bubble-elem-1.svg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: top 0 left 50px;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.twobubbles-author {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.twobubbles-elem img {
    margin-bottom: 10px;
}

.twobubbles-elem img {
    width: 150px;
}

.twobubbles-elem .section-title-10 ul>li {
    text-align: left;
}

.caseStudy-1 .twobubbles-bg {
    background-position: top 15px left 8px;
    width: 110%;
}

.twobubbles-profilePic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: -40px;
}

.twobubbles-profilePic.barou-bucuresti {
    width: 90px;
    height: 115px;
    margin-top: -70px;
    border-radius: 0;
}

.twobubbles-profilePic.art {
    width: 200px;
    height: 90px;
    margin-top: -70px;
    border-radius: 0;
}


.caseStudy .about-s0 .elem.right .twobubbles-elem .twobubbles-profilePic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (max-width: 1201px) {
    .caseStudy6 .twobubbles-elem.elem2 .twobubbles-bg {
        background-position: top 45px left -10px;
        background-size: 100%;
    }
}

@media (max-width: 1100px) {
    .twobubbles-profilePic {
        margin-top: -10px;
    }

    .twobubbles-profilePic.barou-bucuresti {
        margin-top: -40px;
    }

    .caseStudy .about-s0.section-img .elem.right img {
        width: 280px;
    }

    .about-s0.section-img.caseStudy6 .twobubbles-elem.elem2 {
        position: relative;
        bottom: 0;
        right: 0;
    }

    .caseStudy .about-s0.about-s0.section-img.caseStudy6 .elem.right {
        margin-top: 0;
        padding-top: 0;
    }

    .caseStudy6 .twobubbles-elem.elem2 .twobubbles-bg {
        background-position: top 23px left 18px;
    }
}

@media (max-width: 600px) {
    .caseStudy .about-s0.section-img .elem.right img {
        width: 280px;
    }
}

@media (max-width: 380px) {
    .caseStudy .about-s0.section-img .elem.right img {
        width: 160px;
    }
}


/* Section 3 */

.caseStudy .about-s0.section-img {
    position: relative;
    z-index: 2;
}

.caseStudy .about-s0.section-img .d-flex {
    align-items: center;
}


/* Section 4 */

.caseStudy .home-s5 {
    padding-top: 70px;
    padding-bottom: 180px;
}

.caseStudy-bg-s4 {
    position: relative;
    z-index: 1;
}

.caseStudy-bg-s4::before {
    content: "";
    position: absolute;
    display: block;
    top: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/bg-design-4c.svg);
    background-size: 100%;
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.caseStudy .home-s5.pb-90 {
    padding-bottom: 90px;
}

.caseStudy-5-br {
    display: none;
}

.caseStudy-5 .twobubbles {
    height: 100%;
}

.caseStudy-5 .twobubbles-elem.elem1 {
    height: 100%;
}

.twobubbles-profilePic.ciciD {
    margin-top: 0;
}

.solutions.caseStudy .twoimg {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}


@media (min-width: 1800px) {
    .caseStudy-bg-s4::before {
        top: 21%;
    }

    .caseStudy-1 .caseStudy-bg-s4::before {
        top: 33%;
    }
}

@media (max-width: 1400px) {
    .caseStudy-bg-s4::before {
        top: 46%;
    }

    .caseStudy-1 .twobubbles-elem {
        margin-left: 0;
    }

    .caseStudy-6 .twobubbles-elem {
        margin-left: -65px;
    }

    .caseStudy.caseStudy-6 .caseStudy-bg-s4::before {
        top: 32%;
    }
}

@media (max-width: 1250px) {
    .twobubbles-elem {
        margin-left: -55px;
    }
}

@media (max-width: 1201px) {
    .twobubbles-bg {
        background-position: top 25px left 50px;
    }

    .twobubbles-elem img {
        width: 100px;
    }

    .caseStudy-5 .twobubbles-bg {
        background-position: top 0 left 50px;
    }

    .caseStudy.caseStudy-6 .caseStudy-bg-s4::before {
        top: 40%;
    }

    .caseStudy-1 .twobubbles-bg {
        background-position: top 42px left 8px;
    }

    .caseStudy-5 .twobubbles {
        margin-left: -40px;
    }
}

@media (max-width: 1100px) {
    .caseStudy .about-s0.section-bbls {
        padding-bottom: 110px;
        padding-top: 0;
    }

    .caseStudy .about-s0 .elem.right {
        margin-left: 0;
        padding-top: 50px;
    }

    .twobubbles-elem {
        margin-left: -20px;
        width: 40%;
    }

    .caseStudy-1 .twobubbles-bg {
        width: 100%;
    }

    .caseStudy-2 .twobubbles-elem {
        width: 35%;
    }

    .caseStudy-2 .twobubbles {
        margin-top: 60px;
    }

    .twobubbles {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
    }

    .twobubbles-bg {
        background-size: 100%;
        background-position: top 0 left 0;
    }

    .twobubbles-elem.elem2 {
        position: absolute;
        right: -55px;
        bottom: -80px;
    }

    .caseStudy .about-s0 .elem.right {
        position: relative;
        padding: 50px 0 130px 0;
    }

    .twobubbles-elem.elem2 .twobubbles-bg {
        background-position: top 30px left 60px;
    }

    .caseStudy .home-s5 {
        padding-bottom: 150px;
    }

    .caseStudy-5 .twobubbles-elem {
        width: 40%;
    }

    .caseStudy-5 .twobubbles-elem.elem2 {
        position: relative;
        right: unset;
        bottom: unset;
    }

    .caseStudy .about-s0.caseStudy-5,
    .caseStudy .about-s0.caseStudy-5 .elem.right {
        padding-bottom: 0;
    }

    .caseStudy .about-s0.about-s0.section-img.caseStudy-5 .elem.right {
        margin-top: 0;
        padding-top: 0;
    }

    .caseStudy .about-s0.about-s0.section-img.caseStudy-5 .elem.right .twobubbles {
        margin-top: 20px;
    }

    .caseStudy .about-s0.about-s0.section-img.caseStudy-5 .twobubbles-elem.elem2 .twobubbles-bg {
        background-position: top 68px left 60px;
    }


    .caseStudy .about-s0.about-s0.section-img .elem.right {
        order: 1;
        margin-top: 30px;
        padding-bottom: 0;
    }

    .caseStudy .about-s0.section-img {
        padding-bottom: 0;
    }

    .caseStudy .about-s0 .elem.left {
        margin-top: 0;
    }

    .caseStudy .about-s0.about-s0.section-img .elem.right {
        padding-top: 0;
    }

    .caseStudy-bg-s4::before {
        top: 49%;
        background-size: 130%;
        background-position: top 0 left -100px;
    }

    .caseStudy.caseStudy-3 .about-s0 .elem.right {
        margin-top: 40px;
    }

    .caseStudy-3 .twobubbles-bg {
        background-size: 100%;
        background-position: top -11px left 7px;
        height: 110%;
    }

    .caseStudy-3 .twobubbles-elem.elem2 .twobubbles-bg {
        background-position: top -1px left 36px;
        background-size: 93%;
    }

    .caseStudy.caseStudy-4 .about-s0 .elem.right {
        margin-top: 40px;
        padding-bottom: 0;
    }

    .caseStudy.caseStudy-4 .twobubbles-elem {
        margin-left: auto;
        margin-right: auto;
        width: 30%;
    }

    .caseStudy.caseStudy-4 .about-s0.section-img {
        position: relative;
        z-index: 5;
    }

    .caseStudy.caseStudy-5 .about-s0 .elem.right {
        margin-top: 40px;
    }

    .caseStudy-5 .twobubbles-elem {
        width: 40%;
    }

    .caseStudy.caseStudy-5 .about-s0.section-bbls {
        padding-top: 0;
    }

    .caseStudy-6 .twobubbles-elem {
        margin-left: 0;
        width: 40%;
        padding: 80px 100px 150px 100px;
    }

    .caseStudy-6 .twobubbles-elem.elem2 {
        width: 40%;
    }

    .caseStudy.caseStudy-6 .about-s0 .elem.right {
        margin-top: 40px;
    }

    .caseStudy.caseStudy-6 .caseStudy-bg-s4::before {
        top: 37%;
    }

    .caseStudy-1 .twobubbles-bg {
        background-position: top 6px left 8px;
    }

    .caseStudy-5 .twobubbles {
        margin-left: 0;
    }

    .caseStudy .about-s0.caseStudy6 .elem.right,
    .caseStudy .about-s0.section-bbls.caseStudy6 {
        padding-bottom: 0;
    }

    .solutions.caseStudy .twoimg {
        margin-top: 80px;
        justify-content: center;
    }

    .about-s0.section-img.cs1 {
        margin-bottom: 50px;
    }

    .about-s0.section-img.cs2 {
        padding-top: 100px;
    }

    .caseStudy .about-s0.section-img.cs2 .elem.right {
        margin-top: 60px;
    }

    .caseStudy .about-s0.section-bbls.gaminganalytics.gaming1 {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}

@media (max-width: 1025px) {
    .twobubbles-bg {
        background-size: 100%;
        background-position: top 20px left 15px;
    }

    .twobubbles-elem {
        margin-left: -50px;
        width: 45%;
    }

    .caseStudy .about-s0 .elem.right {
        padding: 50px 0 260px 0;
    }

    .twobubbles-elem.elem2 {
        bottom: -50px;
    }

    .caseStudy-1 .twobubbles-elem {
        width: 40%;
    }

    .caseStudy .about-s0.section-bbls.gaminganalytics {
        padding-bottom: 0;
    }

    .caseStudy .about-s0.section-bbls.gaminganalytics .twoimg-elem {
        height: 284px;
    }

    .caseStudy .about-s0.gaminganalytics .elem.right {
        padding-bottom: 180px;
    }
}

@media (max-width: 901px) {
    .twobubbles {
        flex-wrap: wrap;
    }

    .caseStudy .about-s0.section-bbls {
        padding-bottom: 110px;
    }

    .twobubbles-elem.elem2 {
        position: relative;
        right: 0;
        bottom: 0;
        padding-bottom: 50px;
    }

    .caseStudy .about-s0 .elem.right {
        padding: 50px 0;
    }

    .twobubbles-elem {
        margin: 0 auto;
        padding: 30px;
    }

    .twobubbles-bg {
        display: none;
    }

    .caseStudy-bg-s4::before {
        top: 55%;
        background-size: 160%;
        background-position: top 0 left -100px;
    }

    .caseStudy.caseStudy-1 .caseStudy-bg-s4::before {
        top: 46%;
    }

    .caseStudy .home-s5 {
        padding-bottom: 150px;
        position: relative;
        z-index: 5;
    }

    .caseStudy .about-s0.section-bbls {
        background-image: url(../../images/new/svg/contact-bubble-2.svg);
        background-repeat: no-repeat;
        background-position: top 0 left 0;
        background-size: 200%;
    }

    .caseStudy .about-s0.section-bbls.library1 {
        background-image: none;
    }

    .caseStudy.caseStudy-1 .about-s0 .elem.right {
        margin-top: 20px;
    }

    .caseStudy-1 .twobubbles-elem {
        width: 65%;
        margin: 0 auto;
    }

    .caseStudy-2 .twobubbles-elem {
        width: 60%;
    }

    .caseStudy-3 .twobubbles-elem,
    .caseStudy-5 .twobubbles-elem {
        width: 70%;
        padding: 30px;
    }

    .caseStudy.caseStudy-4 .twobubbles-elem {
        width: 70%;
    }

    .caseStudy.caseStudy-6 .caseStudy-bg-s4::before {
        top: 44%;
    }

    .caseStudy-6 .twobubbles-elem,
    .caseStudy-6 .twobubbles-elem.elem2 {
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        padding: 30px;
    }

    .caseStudy-5 .twobubbles-elem.elem2 {
        margin-bottom: 150px;
        margin-top: 50px;
    }

    .caseStudy.caseStudy-1 .about-s0.caseStudy-5 .elem.right {
        margin-top: 0;
        padding-top: 0;
    }

    .caseStudy .about-s0.section-bbls.caseStudy-5 {
        padding-bottom: 0;
    }

    .caseStudy6 .twobubbles {
        margin-bottom: 100px;
        margin-top: 0;
    }

    .solutions.caseStudy .twoimg {
        margin-top: 0;
    }

    .case-study.caseStudy-1 .about-s0.section-img.cs2 .elem.right {
        margin-top: 80px;
    }

    .caseStudy .about-s0.section-img .elem.right img {
        width: 180px;
    }

    .about-s0.section-img.cs4 {
        margin-bottom: 80px;
    }

    .about-s0.section-img.cs5 {
        margin-top: 50px;
    }

    .caseStudy.caseStudy-1 .about-s0.section-bbls.gaminganalytics.gaming1 .elem.right {
        padding-bottom: 80px;
    }

    .dt-s4.laptop-section.gaming2 {
        margin-bottom: 80px;
    }

    .about-s0.section-img.gaming6 {
        margin-bottom: 80px;
    }

    .solutions.caseStudy.smallsection.caseStudy-1.pb-160 .about-s0 .elem.left {
        padding-top: 0;
    }
}

@media (max-width: 769px) {
    .twobubbles-elem {
        width: 80%;
    }

    .caseStudy-bg-s4::before {
        top: 51%;
        background-size: 230%;
        background-position: top 0 left -250px;
        z-index: -1;
    }

    .caseStudy .about-s0.section-bbls {
        background-size: 250%;
    }

    .caseStudy .about-s0.gaminganalytics .elem.right {
        padding-bottom: 100px;
    }
}

@media (max-width: 580px) {
    .twobubbles-elem.elem2 {
        padding: 30px;
        padding-top: 50px;
    }

    .caseStudy-bg-s4::before {
        top: 41%;
        background-size: 370%;
        background-position: top 0 left -250px;
    }

    .caseStudy .about-s0.section-bbls {
        background-size: 300%;
    }

    .caseStudy-1 .twobubbles-elem {
        width: 95%;
    }

    .caseStudy-2 .twobubbles-elem {
        width: 95%;
    }

    .caseStudy-3 .twobubbles-elem .caseStudy.caseStudy-4 .twobubbles-elem,
    .caseStudy-5 .twobubbles-elem {
        width: 95%;
        padding: 30px 0;
    }

    .caseStudy.caseStudy-6 .caseStudy-bg-s4::before {
        top: 35%;
    }

    .caseStudy-6 .twobubbles-elem,
    .caseStudy-6 .twobubbles-elem.elem2 {
        width: 95%;
        padding: 30px 0;
    }

    .caseStudy.caseStudy-6 .about-s0 .elem.right {
        margin-top: 0;
        padding-bottom: 0;
    }

    .caseStudy .about-s0.section-img.caseStudy6 {
        padding-top: 0;
    }

    .caseStudy6 .twobubbles {
        margin-bottom: 60px;
    }

    .caseStudy.caseStudy-1 .caseStudy-bg-s4::before {
        top: 28%;
        background-size: 480%;
    }

    .caseStudy.caseStudy-1 .hp-shapebg-s5-r2::after {
        display: none;
    }
}

@media (max-width: 500px) {
    .caseStudy-bg-s4::before {
        top: 41%;
        background-size: 380%;
        background-position: top 0 left -250px;
    }

    .caseStudy .about-s0.section-bbls.gaminganalytics .twoimg-elem {
        height: 220px;
    }
}

@media (max-width: 450px) {
    .caseStudy-bg-s4::before {
        top: 41%;
        background-size: 500%;
        background-position: top 0 left -250px;
    }

    .caseStudy .about-s0.section-bbls {
        background-size: 400%;
    }

    .twobubbles-author {
        flex-wrap: wrap;
    }

    .caseStudy-5-br {
        display: block;
    }

    .caseStudy .about-s0.gaminganalytics .elem.right {
        padding-bottom: 60px;
    }

    .caseStudy .about-s0.section-bbls.gaminganalytics .twoimg-elem {
        height: 170px;
    }

    .about-s0.section-bbls.gaminganalytics {
        position: relative;
        z-index: 10;
    }

    .caseStudy.caseStudy-1 .hp-shapebg-s5-r2::before {
        display: none;
    }

    .caseStudy.caseStudy-1 .home-s5.pb-90 {
        padding-bottom: 30px;
    }
}

@media (max-width: 380px) {
    .caseStudy-bg-s4::before {
        top: 36%;
        background-size: 600%;
        background-position: top 0 left -250px;
    }

    .caseStudy .about-s0.section-bbls {
        background-size: 550%;
    }

    .caseStudy-1 .twobubbles-elem {
        padding: 30px 0;
        width: 100%;
    }

    .caseStudy.caseStudy-1 .about-s0 .elem.right {
        padding-bottom: 0;
    }

    .caseStudy-2 .twobubbles-elem {
        width: 100%;
        padding: 30px 0;
    }

    .caseStudy.caseStudy-2 .about-s0 .elem.right {
        padding-bottom: 0;
    }

    .caseStudy.caseStudy-2 .about-s0.section-bbls {
        padding-bottom: 50px;
        z-index: 5;
        position: relative;
    }

    .caseStudy.caseStudy-4 .twobubbles-elem {
        width: 100%;
        padding: 30px 0;
    }

    .caseStudy.caseStudy-4 .about-s0 .elem.right {
        margin-top: 0;
    }

    .caseStudy-6 .twobubbles-elem,
    .caseStudy-6 .twobubbles-elem.elem2 {
        width: 100%;
    }

    .caseStudy .about-s0.gaminganalytics .elem.right {
        margin-bottom: 50px;
    }

    .caseStudy .about-s0.gaminganalytics .elem.right {
        padding-top: 0;
    }

    .caseStudy.caseStudy-1 .caseStudy-bg-s4::before {
        top: 37%;
    }

    .caseStudy.caseStudy-1 .home-s5 {
        padding-bottom: 80px;
    }
}

@media (max-width: 340px) {
    .caseStudy-bg-s4::before {
        top: 45%;
        background-size: 660%;
        background-position: top 0 left -250px;
    }

    .caseStudy .about-s0.section-bbls {
        background-size: 600%;
    }

    .caseStudy.caseStudy-1 .caseStudy-bg-s4::before {
        top: 48%;
        background-size: 560%;
    }
}



/* Four boxes */

.fourBoxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 22px;
}

.fourBoxes-elem {
    width: 47%;
    display: flex;
    margin: 10px 5px;
}

.fourBoxes-elem i.fas {
    width: 25px;
    text-align: center;
}

.fourBoxes-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-left: 10px;
    margin-top: -3px;
}

.fourBoxes-text h3 {
    font-weight: 600;
}

.fourBoxes-text p {
    font-weight: 400;
}

@media (max-width: 1100px) {
    .fourBoxes {
        width: 90%;
    }
}

@media (max-width: 901px) {
    .fourBoxes {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .fourBoxes-elem {
        width: 100%;
    }
}

/* FAQ */
.faq-section {
    max-width: 700px;
    margin: auto;
    /* margin-top: 2rem; */
    padding-bottom: 1rem;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

.faq {
    max-width: 700px;
    margin-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.question h3 {
    font-size: 1.8rem;
}

.answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.faq.active .answer {
    max-height: 550px;
    /* Adjust based on content */
    transition: max-height 0.3s ease-in;
}

.icon {
    transition: transform 0.3s;
}

.faq.active .icon {
    transform: rotate(180deg);
}



/* New style */

.cartepedia-img {
    cursor: pointer;
}

.cartepedia-img img {
    width: 100%;
}

/* Modals */

.ctpd-modal-1,
.ctpd-modal-2,
.ctpd-modal-3,
.ctpd-modal-4,
.ctpd-modal-5,
.ctpd-modal-6,
.ctpd-modal-7,
.ctpd-modal-8,
.ctpd-modal-9,
.ctpd-modal-10,
.ctpd-modal-11,
.ctpd-modal-12,
.ctpd-modal-13,
.ctpd-modal-14,
.accrd-modal-1 {
    opacity: 0;
    visibility: hidden;
    z-index: -100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity .25s linear;
}

.ctpd-modal-container {
    background-color: #fff;
    width: 60%;
    height: 90%;
    position: absolute;
}

.cartepedia-img-1 .ctpd-modal-1,
.cartepedia-img-2 .ctpd-modal-2,
.cartepedia-img-3 .ctpd-modal-3,
.cartepedia-img-4 .ctpd-modal-4,
.cartepedia-img-5 .ctpd-modal-5,
.cartepedia-img-6 .ctpd-modal-6,
.cartepedia-img-7 .ctpd-modal-7,
.cartepedia-img-8 .ctpd-modal-8,
.cartepedia-img-9 .ctpd-modal-9,
.cartepedia-img-10 .ctpd-modal-10,
.cartepedia-img-11 .ctpd-modal-11,
.cartepedia-img-12 .ctpd-modal-12,
.cartepedia-img-13 .ctpd-modal-13,
.cartepedia-img-14 .ctpd-modal-14,
.accrd-img-1 .accrd-modal-1 {
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

.modal-header .btn-close {
    cursor: pointer;
}

.modal-header {
    position: absolute;
    top: 3%;
    right: 3%;
    font-size: 30px;
    font-weight: 700;
}

.modal-content {
    height: 90%;
}

.ctpd-img {
    width: 70%;
    margin: 50px auto 0 auto;
    height: 100%;
    text-align: center;
}

.ctpd-img img {
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1800px) {
    .ctpd-img {
        margin-top: 70px;
    }
}

@media (max-width: 1600px) {
    .ctpd-modal-container {
        width: 80%;
    }

    .ctpd-img {
        margin-top: 50px;
        width: 60%;
    }
}

@media (max-width: 1400px) {
    .ctpd-modal-container {
        width: 80%;
    }

    .ctpd-img {
        width: 80%;
    }
}

@media (max-width: 1100px) {
    .ctpd-img {
        width: 90%;
        margin-top: 20px;
    }
}

@media (max-width: 1100px) {
    .ctpd-img {
        margin-top: 20px;
    }
}

@media (max-width: 991px) {
    .ctpd-modal-container {
        height: 85vh;
    }
}

@media (max-width: 769px) {
    .modal-header {
        font-size: 20px;
        font-weight: 400;
    }
}


/* Responsive - height */

@media (max-width: 769px) and (max-height: 800px) {
    .ctpd-modal-container {
        height: 100vh;
        width: 100%;
    }

    .modal-content {
        height: 100%;
    }

    .ctpd-img {
        width: 100%;
    }

    .modal-header {
        top: 5%;
        right: 5%;
        font-weight: 700;
    }
}

@media (max-height: 550px) {
    .ctpd-img {
        margin-top: 20px;
    }
}



/* UIpath */

.uipath .about-s0.section-bbls.uipath1 .d-flex {
    align-items: center;
}

.uipath .dt-s4.laptop-section.uipath2 {
    margin-bottom: 50px;
}

@media (min-width: 1800px) {
    .caseStudy-1.uipath .caseStudy-bg-s4::before {
        top: 28%;
    }
}

@media (max-width: 1100px) {
    .caseStudy.uipath .about-s0.section-bbls.uipath1 {
        padding-bottom: 35px;
        padding-top: 40px;
    }
}

@media (max-width: 901px) {
    .caseStudy.caseStudy-1 .about-s0.uipath1 .elem.right {
        margin-top: 0;
        padding-top: 0;
    }

    .caseStudy-1 .about-s0.uipath1 .twobubbles-elem {
        padding-top: 50px;
    }

    .caseStudy-1 .about-s0.uipath1 .twobubbles {
        margin-top: 0;
    }
}

@media (max-width: 769px) {
    .caseStudy.caseStudy-1.uipath .caseStudy-bg-s4::before {
        top: 33%;
    }
}

@media (max-width: 700px) {
    .caseStudy.caseStudy-1.uipath .caseStudy-bg-s4::before {
        top: 36%;
        background-size: 260%;
    }
}

@media (max-width: 580px) {
    .caseStudy.caseStudy-1.uipath .caseStudy-bg-s4::before {
        top: 32%;
        background-size: 322%;
    }
}

@media (max-width: 500px) {
    .caseStudy.caseStudy-1.uipath .caseStudy-bg-s4::before {
        background-size: 432%;
    }
}

@media (max-width: 380px) {
    .caseStudy.caseStudy-1.uipath .caseStudy-bg-s4::before {
        background-size: 580%;
        top: 36%;
    }
}

@media (max-width: 340px) {
    .caseStudy.caseStudy-1.uipath .caseStudy-bg-s4::before {
        background-size: 668%;
        top: 40%;
    }
}



/* Hubspot */

.caseStudy .home-s5.hubspot3 {
    padding-bottom: 180px;
}

@media (max-width: 1201px) {
    .caseStudy .home-s5.hubspot3 {
        padding-bottom: 100px;
    }
}

@media (max-width: 1100px) {
    .caseStudy .about-s0.section-bbls.hubspot1 {
        padding-top: 40px;
    }
}

@media (max-width: 1025px) {
    .caseStudy .about-s0.section-bbls.hubspot1 {
        padding-bottom: 0;
    }
}

@media (max-width: 901px) {
    .caseStudy-bg-1 {
        background-size: 140%;
        background-position: top 0 left 0;
        top: -46%;
    }

    .caseStudy .about-s0.section-bbls.hubspot1 {
        padding-bottom: 30px;
    }

    .dt-s4.laptop-section.hubspot2 {
        margin-bottom: 50px;
    }

    .caseStudy.caseStudy-1 .about-s0.hubspot1 .elem.right,
    .caseStudy.caseStudy-1 .about-s0.hubspot1 .twobubbles {
        margin-top: 0;
        padding-top: 0;
    }

    .caseStudy.caseStudy-1 .about-s0.hubspot1 .twobubbles-elem {
        padding-top: 50px;
    }

    .hp-shapebg-s5-r1::after,
    .hp-shapebg-s5-r2::before {
        opacity: .3;
    }
}

@media (max-width: 700px) {
    .caseStudy-bg-1 {
        background-size: 170%;
    }
}

@media (max-width: 450px) {
    .caseStudy-bg-1 {
        background-size: 230%;
    }

    .caseStudy.caseStudy-1 .about-s0.hubspot1 .fourBoxes-elem i.fas {
        width: 22px;
    }
}

@media (max-width: 380px) {
    .caseStudy-bg-1 {
        background-size: 350%;
        top: -30%;
    }
}


/* Library */


@media (max-width: 1100px) {
    .caseStudy .about-s0.section-bbls.library1 {
        padding-top: 40px;
    }

    .caseStudy-5.library1 .twobubbles-elem.elem1,
    .caseStudy-5.library2 .twobubbles-elem.elem2 {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 901px) {
    .caseStudy .about-s0.section-bbls.library1 .twobubbles {
        margin-top: 20px;
    }

    .caseStudy-5.library2 .twobubbles-elem.elem2 {
        margin-top: 0;
    }

    .dt-s4.laptop-section.library3 {
        margin-bottom: 80px;
    }
}

@media (max-width: 769px) {
    .caseStudy .home-s5.opti-container-md {
        padding-bottom: 80px;
    }

    .dt-s4.laptop-section.library3 {
        margin-bottom: 40px;
    }

    .caseStudy-5.library2 .twobubbles-elem.elem2 {
        margin-bottom: 90px;
    }
}

@media (max-width: 580px) {
    .caseStudy .home-s5.opti-container-md.library4 {
        padding-bottom: 50px;
    }

    .hp-shapebg-s5-r1::before {
        opacity: .3;
    }
}

@media (max-width: 380px) {
    .about-s0.section-img .white-box ul {
        padding-left: 15px;
    }
}


/*  taskattribution */

.caseStudy .about-s0.taskattribution1 .d-flex {
    align-items: center;
}


.caseStudy .about-s0.taskattribution1 .elem.right {
    margin-top: 0;
}

.elem.right.align-self-top,
.elem.left.align-self-top {
    padding: 0 0 30px 0 !important;
    align-self: start;
}

@media (max-width: 1100px) {
    .about-s0.section-bbls.caseStudy6.taskattribution1 {
        padding-top: 10px;
    }

    .caseStudy-1 .about-s0.section-bbls.caseStudy6.taskattribution1 .twobubbles-elem,
    .about-s0.section-img.caseStudy6.taskattribution2 .twobubbles-elem.elem2 {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 901px) {
    .caseStudy.caseStudy-1 .about-s0.taskattribution1 .elem.right {
        padding-top: 0;
    }

    .about-s0.caseStudy6.taskattribution1 .twobubbles,
    .about-s0.caseStudy6.taskattribution2 .twobubbles {
        margin-bottom: 0;
    }

    .dt-s4.laptop-section.taskattribution3 {
        margin-top: 0;
        padding-bottom: 20px;
    }

    .caseStudy .about-s0.section-img.taskattribution2 {
        padding-top: 30px;
    }

    .about-s0.section-img.caseStudy6.taskattribution2 .twobubbles-elem.elem2 {
        padding-top: 60px;
    }

    .caseStudy .about-s0.taskattribution1 .elem.left {
        padding-top: 0;
    }
}

@media (max-width: 380px) {
    .dt-s4.laptop-section.taskattribution3 {
        margin-bottom: 20px;
    }
}


/* Library */

.library .twobubbles-bg {
    background-position: top 10px left 61px;
    background-size: 78%;
}

.library .twobubbles-elem.elem2 {
    padding-right: 70px;
    padding-left: 70px;
}

.library .twobubbles-elem.elem2 .twobubbles-bg {
    background-position: top -6px left 35px;
}

@media (min-width: 1400px) {
    .library .twobubbles-elem {
        padding-top: 90px;
    }

    .library .twobubbles-elem.elem2 {
        padding-top: 120px;
    }
}

@media (max-width: 1100px) {
    .library .twobubbles-bg {
        background-position: top 19px left 43px;
        background-size: 92%;
    }

    .caseStudy.library .about-s0.about-s0.section-img.caseStudy-5 .twobubbles-elem.elem2 .twobubbles-bg {
        background-position: top 36px left 15px;
        background-size: 100%;
    }
}

@media (max-width: 991px) {

    .library .twobubbles-elem.elem1,
    .library .twobubbles-elem.elem2 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .library .twobubbles-bg {
        background-position: top 19px left 12px;
        background-size: 100%;
    }
}

@media (max-width: 580px) {

    .library .twobubbles-elem.elem1,
    .library .twobubbles-elem.elem2 {
        padding-left: 0;
        padding-right: 0;
    }
}