.casestudy-service-sec .left{border-right:solid .05rem var(--color-dark-grey);width:13rem;padding-right:2.5rem;position:relative}.casestudy-service-sec .left .buttons-sec{position:sticky;top:2rem}.casestudy-service-sec .left .dots-points{background-color:var(--color-white);border-radius:99999px;padding:.5rem 1.2rem;transition:all .3s linear}.casestudy-service-sec .left .dots-points:before{top:50%;left:.5rem;transform:translateY(-50%)}.casestudy-service-sec .left .dots-points.active{background-color:var(--color-yellow)}.casestudy-service-sec .right{width:calc(100% - 13rem);padding-top:3rem;padding-left:2.5rem}.casestudy-service-sec .right .item{background-color:var(--color-white);padding-top:2rem;position:sticky;top:0}.casestudy-service-sec .right .icon-sec{width:10rem;position:relative;top:12%}.casestudy-service-sec .right .detail-sec{width:calc(100% - 10rem)}.casestudy-service-sec .right .detail-sec .common-heading{flex-direction:column-reverse;max-width:100%;padding-right:6.2rem}.casestudy-service-sec .right .detail-sec .top{padding:0 0 0 5rem;position:relative}.casestudy-service-sec .right .detail-sec .top .number{width:5.2rem;height:5.2rem;font-size:var(--size-36);background:#000;background-color:var(--color-yellow);position:absolute;right:0}.casestudy-service-sec .right .detail-sec .overview-sec{margin-top:3rem}.casestudy-service-sec .right .detail-sec .pointers{width:47.6%}.casestudy-service-sec .right .detail-sec .pointers .dots-points{border-bottom:.05rem solid;border-image:linear-gradient(90deg,#cfcfcf 0%,#fff 100%) 1;padding-top:.2rem;padding-bottom:.2rem}.casestudy-service-sec .right .detail-sec .pointers .dots-points:before{top:.4rem}.casestudy-service-sec .right .detail-sec .text-sec{width:50%;color:var(--color-text)}.casestudy-service-sec .right .detail-sec .projecttype{background-color:var(--color-yellow);align-items:center;height:100%;padding:.5rem}.casestudy-service-sec .right .detail-sec .projectname{font-size:var(--size-16);color:var(--color-text)}@media screen and (max-width:1199px){.casestudy-service-sec .left{width:11rem;padding-right:1.5rem}.casestudy-service-sec .right{width:calc(100% - 11rem);padding-top:2.5rem;padding-left:1.5rem}.casestudy-service-sec .right .detail-sec .text-sec{width:43%}}@media screen and (max-width:1023px){.casestudy-service-sec .left{width:100%;padding:2rem 0 0}.casestudy-service-sec .left .buttons-sec{flex-direction:row;padding-bottom:1rem;position:static;top:2rem;overflow-x:auto}.casestudy-service-sec .right{width:100%;padding:0 0 2rem}.casestudy-service-sec .right .icon-sec{display:none}.casestudy-service-sec .right .detail-sec{width:100%}.casestudy-service-sec .right .detail-sec .common-heading{padding-right:5rem}.casestudy-service-sec .right .detail-sec .top{padding:0}.casestudy-service-sec .right .detail-sec .top .number{width:4.5rem;height:4.5rem}.casestudy-service-sec .right .detail-sec .top .overview-sec{margin-top:3rem}}@media screen and (max-width:639px){.casestudy-service-sec .right .detail-sec .pointers{width:100%;margin-top:1rem}.casestudy-service-sec .right .detail-sec .text-sec{width:100%;margin-top:1.5rem}.casestudy-service-sec .right .detail-sec .common-heading{font-size:1.8rem}.casestudy-service-sec .right .detail-sec .projecttype{font-size:.8rem}}.casestudy-service-sec.clients-page{background-color:var(--color-light-bg)}.casestudy-service-sec.clients-page .left{border:none;width:15rem;padding-right:1rem}.casestudy-service-sec.clients-page .right{width:calc(100% - 15rem)}.casestudy-service-sec.clients-page .right .items{background-color:var(--color-light-bg)}.casestudy-service-sec.clients-page .right .items .client-logo{background-color:var(--color-white);border-radius:.6rem;padding:1.7rem}@media screen and (max-width:1199px){.casestudy-service-sec.clients-page .right .items .client-logo{border-radius:.5rem;padding:.5rem}}@media screen and (max-width:1023px){.casestudy-service-sec.clients-page .left{display:none}.casestudy-service-sec.clients-page .right{width:100%;padding-left:0}}