.elementor {
    -webkit-hyphens: manual;
    hyphens: manual
}

.elementor *,
.elementor :after,
.elementor :before {
    box-sizing: border-box
}

.elementor-element.elementor-absolute,
.elementor-element.elementor-fixed {
    z-index: 1
}

.elementor-element-container {
    padding-left: 150px;
}

.elementor-element:where(.e-con-full, .elementor-widget) {
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: var(--gap)
}

.e-con {
    --border-radius: 0;
    --display: flex;
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    --content-width: Min(100%, var(--container-max-width, 1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0;
    --margin-right: 0;
    --margin-bottom: 0;
    --margin-left: 0;
    --padding-top: var(--container-default-padding-top, 10px);
    --padding-right: var(--container-default-padding-right, 10px);
    --padding-bottom: var(--container-default-padding-bottom, 10px);
    --padding-left: var(--container-default-padding-left, 10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    position: var(--position);
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
    width: var(--width);
    min-width: 0;
    min-height: var(--min-height);
    height: var(--height);
    border-radius: var(--border-radius);
    margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    z-index: var(--z-index);
    overflow: var(--overflow);
    transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s)
}

.e-con-full,
.e-con > .e-con-inner {
    flex-direction: var(--flex-direction);
    text-align: var(--text-align);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom)
}

.e-con,
.e-con > .e-con-inner {
    display: var(--display)
}

.e-con-boxed {
    flex-direction: column;
    text-align: initial;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
    gap: initial
}

.e-con > .e-con-inner {
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: var(--gap);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline: 0;
    height: 100%;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto
}

:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
    --margin-right: auto;
    --margin-left: auto;
    max-width: min(100%, var(--width));
}

.e-con .elementor-widget.elementor-widget {
    margin-bottom: 0
}

.e-con:before,
.e-con > .e-con-inner > .elementor-background-slideshow:before,
.e-con > .e-con-inner > .elementor-background-video-container:before,
.e-con > .elementor-background-slideshow:before,
.e-con > .elementor-background-video-container:before {
    content: var(--background-overlay);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    transition: var(--overlay-transition, .3s);
    border-radius: var(--border-radius)
}

.e-con:before {
    transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s)
}

.e-con > .e-con-inner > .elementor-background-video-container:before,
.e-con > .elementor-background-video-container:before {
    z-index: 1
}

.e-con > .e-con-inner > .elementor-background-slideshow:before,
.e-con > .elementor-background-slideshow:before {
    z-index: 2
}

.case-study-container .elementor-element.elementor-element-container {
    --card-scroll-height: 400;
    --card-rotate: 12;
}

.case-study-container .elementor-element.elementor-element-container {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-right: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
}

.case-study-container .elementor-element.elementor-element-container > .e-con,
.case-study-container .elementor-element.elementor-element-container > .e-container,
.case-study-container .elementor-element.elementor-element-container > .e-con-inner > .e-con,
.case-study-container .elementor-element.elementor-element-container > .e-con-inner > .e-container {
    position: sticky;
    top: 0;
}

.case-study-container .elementor-element.elementor-element-wrap {
    --min-height: 100vh;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --background-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-container {
    --card-scroll-height: 400;
    --card-rotate: 12;
}

.case-study-container .elementor-element.elementor-element-inner {
    --justify-content: center;
    --align-items: center;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --background-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-1,
.case-study-container .elementor-element.elementor-element-1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #407AFF;
}

.case-study-container .elementor-element.elementor-element-1,
.case-study-container .elementor-element.elementor-element-1::before {
    --border-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-1 {
    --justify-content: space-between;
    --background-transition: 0.3s;
    --border-radius: 30px 30px 30px 30px;
    --padding-top: 35px;
    --padding-right: 35px;
    --padding-bottom: 35px;
    --padding-left: 35px;
    --position: absolute;
}

.case-study-container .elementor-element.elementor-element-3e5a5548 {
    --min-height: 100vh;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --justify-content: center;
    --background-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-3e5a5548:not(.elementor-motion-effects-element-type-background),
.case-study-container .elementor-element.elementor-element-3e5a5548 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #FFFFFF;
}

.case-study-container .elementor-element.elementor-element-3e5a5548,
.case-study-container .elementor-element.elementor-element-3e5a5548::before {
    --border-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-1efd55f4 {
    text-align: center;
}

.case-study-container .elementor-element.elementor-element-1efd55f4 .elementor-heading-title {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4em;
}

.case-study-container .elementor-element.elementor-element-container {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-right: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
}

.case-study-container .elementor-element.elementor-element-wrap {
    --min-height: 100vh;
    --flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --background-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-7dbce987 {
    --justify-content: center;
    --background-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-1ee75b9 .elementor-heading-title {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 85px;
    font-weight: 700;
    line-height: 1.1em;
}

.case-study-container .elementor-element.elementor-element-3f906945 > .elementor-widget-container {
    margin: 0px 0px -15px 0px;
}

.case-study-container .elementor-element.elementor-element-1 {
    --justify-content: space-between;
    --background-transition: 0.3s;
    border-radius: 14px;
    padding: 20px;
    --position: absolute;
}

.case-study-container .elementor-element.elementor-element-1,
.case-study-container .elementor-element.elementor-element-1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #fff;
    z-index: 4;
    transform: rotate(0deg);
    margin-top: 70px;
    margin-left: -30px;
}

.case-study-container .elementor-element.elementor-element-1,
.case-study-container .elementor-element.elementor-element-1::before {
    --border-transition: 0.3s;
}

.case-study-container .elementor-element .elementor-heading-title {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25em;
}

.case-study-container .elementor-element.elementor-element-5d205e29 .elementor-heading-title {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2em;
}

.case-study-container .elementor-element.elementor-element-2 {
    --justify-content: space-between;
    --background-transition: 0.3s;
    border-radius: 14px;
    padding: 20px;
    --position: absolute;
}

.case-study-container .elementor-element.elementor-element-2,
.case-study-container .elementor-element.elementor-element-2 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #e9d5f7;
    z-index: 3;
    margin-top: 20px;
    margin-left: -40px;
}

.case-study-container .elementor-element.elementor-element-2,
.case-study-container .elementor-element.elementor-element-2::before {
    --border-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-7d12ddde .elementor-heading-title {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2em;
}

.case-study-container .elementor-element.elementor-element-3 {
    --justify-content: space-between;
    --background-transition: 0.3s;
    border-radius: 14px;
    padding: 20px;
    --position: absolute;
}

.case-study-container .elementor-element.elementor-element-3,
.case-study-container .elementor-element.elementor-element-3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #d1abef;
    z-index: 2;
    margin-top: -30px;
    margin-left: -50px;
}

.case-study-container .elementor-element.elementor-element-3,
.case-study-container .elementor-element.elementor-element-3::before {
    --border-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-4 {
    --justify-content: space-between;
    --background-transition: 0.3s;
    border-radius: 14px;
    padding: 20px;
    --position: absolute;
}

.case-study-container .elementor-element.elementor-element-4,
.case-study-container .elementor-element.elementor-element-4 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ba80e6;
    z-index: 1;
    margin-top: -80px;
    margin-left: -60px;
}

.case-study-container .elementor-element.elementor-element-4,
.case-study-container .elementor-element.elementor-element-4::before {
    --border-transition: 0.3s;
}

.case-study-container .elementor-element.elementor-element-51452a29 .elementor-heading-title {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4em;
}

/* Start custom CSS for container, class: .elementor-element-container */
.case-study-container .elementor-element.elementor-element-container {
    --card-scroll-height: 400;
    --card-rotate: 12;
}

.case-study-container .elementor-element.elementor-element-container .mdw-active-card {
    transform: translateY(-100vh) rotate(-55deg) !important;
    transition: 0.5s;
    visibility: hidden;
    transform-origin: bottom left;
}

.case-study-container .elementor-element.elementor-element-container > .e-con,
.case-study-container .elementor-element.elementor-element-container > .e-container,
.case-study-container .elementor-element.elementor-element-container > .e-con-inner > .e-con,
.case-study-container .elementor-element.elementor-element-container > .e-con-inner > .e-container {
    position: sticky;
    top: 0;
}

.case-study-container .mdw-stacked-cards {
    min-height: initial;
    height: 610px;
}

.case-study-container .mdw-stacked-cards .elementor-element[class*="elementor-element-"] {
    width: 410px;
    height: 500px;
    left: 0;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1800px) {
    .case-study-container .mdw-stacked-cards {
        transform: scale(0.85);
    }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1119px) {
    .case-study-container .mdw-stacked-cards {
        transform: scale(0.7);
    }
}
