.elementor-12 .elementor-element.elementor-element-7109e38{--display:flex;--min-height:84vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-af9c23d{--display:flex;--min-height:20vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-af9c23d:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-af9c23d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF1EE;}.elementor-12 .elementor-element.elementor-element-91fe3d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-7cd0da4{--display:flex;}.elementor-12 .elementor-element.elementor-element-f98f984{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7a78f24{--display:flex;}.elementor-12 .elementor-element.elementor-element-9e8b5bd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-db1a9f8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0cbc1bd{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-0cbc1bd:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-0cbc1bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-dcd5aa2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e9155a8{--display:flex;}.elementor-12 .elementor-element.elementor-element-e528702{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-97a2232{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-841a5b5{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-841a5b5:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-841a5b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-07a8c27{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3401f5c{--display:flex;}.elementor-12 .elementor-element.elementor-element-aa44a08{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-058ce8e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a55a3dc{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-a55a3dc:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a55a3dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-4c71e62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7a35c5d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8996228{--display:flex;}.elementor-12 .elementor-element.elementor-element-f683f1c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cb07d33{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ce13cda{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-ce13cda:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-ce13cda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-a4ab09c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-99ae115{--display:flex;}.elementor-12 .elementor-element.elementor-element-00f5252{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6cc1cff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7560869{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-7560869:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7560869 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-d0d6763{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7f30cb9{--display:flex;}.elementor-12 .elementor-element.elementor-element-0ef172c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-59e6aeb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d3462cf{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-d3462cf:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-d3462cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-253f09f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f2657e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6831c55{--display:flex;}.elementor-12 .elementor-element.elementor-element-87e2cc5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-14f9843{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a0d15bc{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-a0d15bc:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a0d15bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-444bdb0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7d9340f{--display:flex;}.elementor-12 .elementor-element.elementor-element-69dded8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2c55f47{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c616c41{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-c616c41:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c616c41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-38f81ed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-9422466{--display:flex;}.elementor-12 .elementor-element.elementor-element-c45b7b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-febc776{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-20ba750{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-20ba750:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-20ba750 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-a458f9b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b63dd65{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6a95006{--display:flex;}.elementor-12 .elementor-element.elementor-element-2fc1bed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4a24baf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5906e3f{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-5906e3f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5906e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-7413d5c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-da5a85e{--display:flex;}.elementor-12 .elementor-element.elementor-element-c0f3e5c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-175ce9a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-55197f0{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-55197f0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-55197f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-6b42d1f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f851974{--display:flex;}.elementor-12 .elementor-element.elementor-element-a7a4058{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-88b44c3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-904fcf2{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-904fcf2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-904fcf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-1a96caf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f8df681{--display:flex;}.elementor-12 .elementor-element.elementor-element-d16e490{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-62a6199{--display:flex;}.elementor-12 .elementor-element.elementor-element-55cf508{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d814a1d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-50cb63e{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-50cb63e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-50cb63e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-357eb9e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b398aad{--display:flex;}.elementor-12 .elementor-element.elementor-element-7c0be85{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-22c2653{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1ba4290{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-1ba4290:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-1ba4290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-f3f2bed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ca51543{--display:flex;}.elementor-12 .elementor-element.elementor-element-f1c74b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-589a9c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ebab4b4{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-ebab4b4:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-ebab4b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-b4c470d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cf5a19c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-693bde8{--display:flex;}.elementor-12 .elementor-element.elementor-element-60adf18{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ac41599{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-27cee41{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-27cee41:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-27cee41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-b24dbb4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-103eb9e{--display:flex;}.elementor-12 .elementor-element.elementor-element-40f19e6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-575012c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b3f9038{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-b3f9038:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b3f9038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-053d74b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-34e356a{--display:flex;}.elementor-12 .elementor-element.elementor-element-e68f39a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-09655fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-630aa6f{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-630aa6f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-630aa6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-809d4eb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8101ef7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b8c1ae7{--display:flex;}.elementor-12 .elementor-element.elementor-element-44247a0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dafa265{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b6b1933{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-b6b1933:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b6b1933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-8d825cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d4bb154{--display:flex;}.elementor-12 .elementor-element.elementor-element-6944914{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-85444c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3a46fcb{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-3a46fcb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-3a46fcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-6170ce0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-55ceff4{--display:flex;}.elementor-12 .elementor-element.elementor-element-e465a33{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e2409ea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f9aceb3{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-f9aceb3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-f9aceb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-2158a41{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-39cad4f{--display:flex;}.elementor-12 .elementor-element.elementor-element-b42433a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c49be69{--display:flex;}.elementor-12 .elementor-element.elementor-element-1a281dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a68a2d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c7fc5ff{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-c7fc5ff:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c7fc5ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-d8e5a34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4fa3b4f{--display:flex;}.elementor-12 .elementor-element.elementor-element-7572ea9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-62fe218{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-139c6a6{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-139c6a6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-139c6a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-6088def{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-907a29c{--display:flex;}.elementor-12 .elementor-element.elementor-element-9841ae9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-235e604{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-046bc88{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-046bc88:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-046bc88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-0edcbaf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4506993{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-90e8ce4{--display:flex;}.elementor-12 .elementor-element.elementor-element-83b5074{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dd16002{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-38c4817{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-38c4817:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-38c4817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-89a4f2b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-05f8352{--display:flex;}.elementor-12 .elementor-element.elementor-element-ebbc137{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-720c6d1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-011050c{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-011050c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-011050c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-e574219{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ab0fb1e{--display:flex;}.elementor-12 .elementor-element.elementor-element-b19ef3f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-733672e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-00bff14{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-00bff14:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-00bff14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-6966b1b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3c7b6c5{--display:flex;}.elementor-12 .elementor-element.elementor-element-eb19002{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8832342{--display:flex;}.elementor-12 .elementor-element.elementor-element-02a128b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ab75019{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-adb2554{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-adb2554:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-adb2554 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-c9f2e60{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e43638d{--display:flex;}.elementor-12 .elementor-element.elementor-element-76a991e{--display:flex;}.elementor-12 .elementor-element.elementor-element-aa5e818{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#FFFEFE;}.elementor-12 .elementor-element.elementor-element-aa5e818 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FF3098;}.elementor-12 .elementor-element.elementor-element-aa5e818.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FF3098C2;}.elementor-12 .elementor-element.elementor-element-aa5e818.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-12 .elementor-element.elementor-element-aa5e818.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FF3098C2;}/* Start custom CSS for container, class: .elementor-element-af9c23d */.elementor-12 .elementor-element.elementor-element-af9c23d {
mix-blend-mode: screen;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cbc1bd */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-841a5b5 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55a3dc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce13cda */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560869 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3462cf */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0d15bc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c616c41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20ba750 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5906e3f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55197f0 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-904fcf2 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50cb63e */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ba4290 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebab4b4 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27cee41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3f9038 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630aa6f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6b1933 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a46fcb */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9aceb3 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7fc5ff */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-139c6a6 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-046bc88 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c4817 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-011050c */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00bff14 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adb2554 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cbc1bd */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-841a5b5 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55a3dc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce13cda */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560869 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3462cf */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0d15bc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c616c41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20ba750 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5906e3f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55197f0 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-904fcf2 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50cb63e */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ba4290 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebab4b4 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27cee41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3f9038 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630aa6f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6b1933 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a46fcb */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9aceb3 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7fc5ff */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-139c6a6 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-046bc88 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c4817 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-011050c */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00bff14 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adb2554 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cbc1bd */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-841a5b5 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55a3dc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce13cda */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560869 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3462cf */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0d15bc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c616c41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20ba750 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5906e3f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55197f0 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-904fcf2 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50cb63e */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ba4290 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebab4b4 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27cee41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3f9038 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630aa6f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6b1933 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a46fcb */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9aceb3 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7fc5ff */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-139c6a6 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-046bc88 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c4817 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-011050c */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00bff14 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adb2554 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cbc1bd */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-841a5b5 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55a3dc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce13cda */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560869 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3462cf */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0d15bc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c616c41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20ba750 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5906e3f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55197f0 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-904fcf2 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50cb63e */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ba4290 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebab4b4 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27cee41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3f9038 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630aa6f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6b1933 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a46fcb */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9aceb3 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7fc5ff */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-139c6a6 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-046bc88 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c4817 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-011050c */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00bff14 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adb2554 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cbc1bd */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-841a5b5 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a55a3dc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce13cda */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560869 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3462cf */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0d15bc */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c616c41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20ba750 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5906e3f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55197f0 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-904fcf2 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50cb63e */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ba4290 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebab4b4 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27cee41 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3f9038 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630aa6f */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6b1933 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a46fcb */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9aceb3 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7fc5ff */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-139c6a6 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-046bc88 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c4817 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-011050c */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00bff14 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adb2554 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}

.back-card {
  position: absolute;
  top: 80%; /* Adjust this value to control how much of the back card is initially visible */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card-content-container {
  transition: top 0.5s ease-in-out; /* Slower transition than the back card */
  position: absolute;
  top: 0;
  width: 85%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-left: 0;
 
}

.card-container:hover .back-card {
  top: 0;
  justify-content: flex-end;
}

.card-container:hover .back-card-content-container {
  top: 100px; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out;
  transform: translateY(0);
}

.card-container:hover .back-card-content {
  transform: translateY(-300px); /* Adjust as needed for smooth transition */
}/* End custom CSS */