.caseStudy .caseStudyDesc {
    padding: 50px 110px 50px 0px;
}

.caseStudy .caseStudyDesc sup {
    color: var(--primaryColor);
}

.caseStudy .caseStudyDesc .name {
    color: var(--blackColor);
    gap: 30px;
}

.caseStudy .caseStudyDesc .name img {
    filter: invert(0%) sepia(100%) saturate(7%) hue-rotate(653deg) brightness(-55%) contrast(87%);
}

.caseStudy .caseStudyDesc p {
    color: var(--gray);
}

.caseStudy .img {
    height: 100%;
    position: relative;
}

.caseStudy .img img {
    object-fit: cover;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

@media screen and (max-width:1199px) {
    .caseStudy .caseStudyDesc {
        padding: 50px 50px 50px 0px;
    }
}

@media screen and (max-width:991px) {
    .caseStudy .caseStudyDesc {
        padding: 40px 00px 20px;
    }
}

@media screen and (max-width:767px) {
    .caseStudy .caseStudyDesc {
        padding: 30px 00px 20px;
    }
}