.elementor-207 .elementor-element.elementor-element-d32654b{--display:flex;--min-height:50px;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--border-radius:30px 30px 30px 30px;--margin-top:-200px;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-207 .elementor-element.elementor-element-d32654b:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-d32654b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-283176f );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-207 .elementor-element.elementor-element-703912d9 .elementor-heading-title{color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-326e4540{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-207 .elementor-element.elementor-element-3cb91687.elementor-element{--align-self:flex-start;}.elementor-207 .elementor-element.elementor-element-3cb91687{text-align:left;font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-39f151fb.elementor-element{--align-self:flex-start;}.elementor-207 .elementor-element.elementor-element-39f151fb{text-align:left;font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-3c3f1876{--display:flex;}.elementor-207 .elementor-element.elementor-element-26c15669{--spacer-size:75px;}.elementor-207 .elementor-element.elementor-element-4867db4a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-170cdf84{--display:flex;}.elementor-207 .elementor-element.elementor-element-43fb44c0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-8a29a00 );}.elementor-207 .elementor-element.elementor-element-1b667614{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-207 .elementor-element.elementor-element-1b667614:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-1b667614 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://norazorg.suitedsolutions.nl/wp-content/uploads/2025/11/Gemini_Generated_Image_aibvr5aibvr5aibv.png");background-position:center center;background-size:cover;}.elementor-207 .elementor-element.elementor-element-486faa1e{--display:flex;}.elementor-207 .elementor-element.elementor-element-641234d{--spacer-size:75px;}.elementor-207 .elementor-element.elementor-element-1d6f842{--display:flex;}.elementor-207 .elementor-element.elementor-element-777e17c8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-6ab83de{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-207 .elementor-element.elementor-element-6ab83de:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-6ab83de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://norazorg.suitedsolutions.nl/wp-content/uploads/2025/11/norazorg_samen-koken.webp");background-position:center center;background-size:cover;}.elementor-207 .elementor-element.elementor-element-15a41550{--display:flex;}.elementor-207 .elementor-element.elementor-element-06c70a2 .elementor-heading-title{color:var( --e-global-color-8a29a00 );}.elementor-207 .elementor-element.elementor-element-3dcb9052{--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-207 .elementor-element.elementor-element-ddb9b41{--spacer-size:75px;}.elementor-207 .elementor-element.elementor-element-baca9b7.elementor-element{--order:99999 /* order end hack */;}.elementor-207 .elementor-element.elementor-element-baca9b7{text-align:center;}.elementor-207 .elementor-element.elementor-element-baca9b7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-8a29a00 );}.elementor-207 .elementor-element.elementor-element-cfb9c93{--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;}.elementor-207 .elementor-element.elementor-element-e81984c{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-3c00758{--display:flex;--min-height:200px;--justify-content:center;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-9dd4769{--display:flex;--min-height:350px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-9dd4769:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-9dd4769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://norazorg.suitedsolutions.nl/wp-content/uploads/2025/11/Gemini_Generated_Image_obyikfobyikfobyi.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-207 .elementor-element.elementor-element-16ec753{--display:flex;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-207 .elementor-element.elementor-element-16ec753:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-16ec753 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#365978A6;}.elementor-207 .elementor-element.elementor-element-e985a1d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-fc52140{padding:0px 0px 10px 0px;text-align:center;}.elementor-207 .elementor-element.elementor-element-fc52140 .elementor-heading-title{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-9208390{color:var( --e-global-color-accent );}.elementor-207 .elementor-element.elementor-element-3705cb1{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-207 .elementor-element.elementor-element-3209dc6{--display:flex;--min-height:200px;--justify-content:center;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-063b480{--display:flex;--min-height:350px;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-063b480:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-063b480 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://norazorg.suitedsolutions.nl/wp-content/uploads/2025/11/norazorg_samen-koken.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-207 .elementor-element.elementor-element-1e12e32{--display:flex;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-207 .elementor-element.elementor-element-1e12e32:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-1e12e32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#365978A6;}.elementor-207 .elementor-element.elementor-element-0542432{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-8d9bc92{padding:0px 0px 10px 0px;text-align:center;}.elementor-207 .elementor-element.elementor-element-8d9bc92 .elementor-heading-title{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-d7900ab{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-931ba0a{--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;}.elementor-207 .elementor-element.elementor-element-2351e9c{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-f1e25a8{--display:flex;--min-height:200px;--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;--justify-content:center;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-dad9ce1{--display:flex;--min-height:350px;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-dad9ce1:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-dad9ce1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://norazorg.suitedsolutions.nl/wp-content/uploads/2025/11/CBBBCB7D-0A8C-407C-AFDE-8EEB23CDAF5C.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-207 .elementor-element.elementor-element-6b3e260{--display:flex;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-207 .elementor-element.elementor-element-6b3e260:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-6b3e260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#365978A6;}.elementor-207 .elementor-element.elementor-element-be7982c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-715efb4{padding:0px 0px 11px 0px;text-align:center;}.elementor-207 .elementor-element.elementor-element-715efb4 .elementor-heading-title{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-6a55d74{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-3ce7c04{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-207 .elementor-element.elementor-element-50d0f80{--display:flex;--min-height:200px;--justify-content:center;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-99ac67e{--display:flex;--min-height:350px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-99ac67e:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-99ac67e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://norazorg.suitedsolutions.nl/wp-content/uploads/2025/11/AdobeStock_1499315829-scaled.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-207 .elementor-element.elementor-element-94ce660{--display:flex;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-207 .elementor-element.elementor-element-94ce660:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-94ce660 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#365978A6;}.elementor-207 .elementor-element.elementor-element-6f6935e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-424b957{text-align:center;}.elementor-207 .elementor-element.elementor-element-424b957 .elementor-heading-title{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-66c1229{color:var( --e-global-color-4980431 );}.elementor-207 .elementor-element.elementor-element-6aa36de{--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;}.elementor-207 .elementor-element.elementor-element-d916e1d{--spacer-size:70px;}.elementor-207 .elementor-element.elementor-element-ff1aa53{--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-207 .elementor-element.elementor-element-279b963{text-align:center;}.elementor-207 .elementor-element.elementor-element-279b963 .elementor-heading-title{color:var( --e-global-color-8a29a00 );}.elementor-207 .elementor-element.elementor-element-9aaa050{--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;--justify-content:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-207 .elementor-element.elementor-element-c25157b .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-207 .elementor-element.elementor-element-c25157b .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-207 .elementor-element.elementor-element-c25157b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-207 .elementor-element.elementor-element-c25157b .elementor-icon-list-text{transition:color 0.3s;}.elementor-207 .elementor-element.elementor-element-7fe72d2 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-207 .elementor-element.elementor-element-7fe72d2 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-207 .elementor-element.elementor-element-7fe72d2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-207 .elementor-element.elementor-element-7fe72d2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-207 .elementor-element.elementor-element-7507231{--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;}.elementor-207 .elementor-element.elementor-element-8cb1544{--spacer-size:50px;}@media(max-width:1024px){.elementor-207 .elementor-element.elementor-element-4867db4a{--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-777e17c8{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-207 .elementor-element.elementor-element-d32654b{--width:1200px;}.elementor-207 .elementor-element.elementor-element-e81984c{--width:50vw;}.elementor-207 .elementor-element.elementor-element-3c00758{--width:100%;}.elementor-207 .elementor-element.elementor-element-3705cb1{--width:50vw;}.elementor-207 .elementor-element.elementor-element-3209dc6{--width:100%;}.elementor-207 .elementor-element.elementor-element-2351e9c{--width:50vw;}.elementor-207 .elementor-element.elementor-element-f1e25a8{--width:100%;}.elementor-207 .elementor-element.elementor-element-3ce7c04{--width:50vw;}.elementor-207 .elementor-element.elementor-element-50d0f80{--width:100%;}}@media(max-width:767px){.elementor-207 .elementor-element.elementor-element-4867db4a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-777e17c8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-16ec753 */.card-container {
  position: relative;
  overflow: hidden;
}

.front-card {
  position: relative;
  z-index: 1;
}
.front-card img {
  min-height: 400
}
.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: 20%;
  z-index: 2;
  transition: top 0.6s ease-in-out;
  display: flex;
  justify-content: flex-start; /* Initially, content is at the top */
 
}

.back-card:hover {
    height: 100%;
}
.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-1e12e32 */.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-6b3e260 */.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: 20%;
  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;
}

.back-card:hover {
    
  height: 100%;
  transition: top 0.6s ease-in-out;
}
.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-94ce660 */.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 */