.elementor-22 .elementor-element.elementor-element-509fbd72{--display:flex;--min-height:400px;--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;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-22 .elementor-element.elementor-element-5fdbaa2{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-5fdbaa2:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-5fdbaa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://keralaayurvedawellness.com/wp-content/uploads/2025/07/ayurveda-banner-4.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-5fdbaa2::before, .elementor-22 .elementor-element.elementor-element-5fdbaa2 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-5fdbaa2 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-5fdbaa2 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-5fdbaa2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-5fdbaa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-31e8b8d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-4b125d2f .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-22 .elementor-element.elementor-element-78aac0e8{text-align:center;color:var( --e-global-color-astglobalcolor4 );}.elementor-22 .elementor-element.elementor-element-68867f70{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-657d9441{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22 .elementor-element.elementor-element-58598e92 .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}.elementor-22 .elementor-element.elementor-element-2ec4a7f8{text-align:center;}.elementor-22 .elementor-element.elementor-element-1aa9e9ee{text-align:center;}.elementor-22 .elementor-element.elementor-element-625c6cb0{--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-22 .elementor-element.elementor-element-671bb7c1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-2547c4c5{--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;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-2547c4c5:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-2547c4c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-7070cac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-7941b461{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-17e3a6d5{text-align:center;}.elementor-22 .elementor-element.elementor-element-9126e80{padding:5px 5px 5px 5px;text-align:center;}.elementor-22 .elementor-element.elementor-element-118b1248{--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;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-118b1248:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-118b1248 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-73f682a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-7d5efb5c{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-7c37e453{text-align:center;}.elementor-22 .elementor-element.elementor-element-1c2ef034{padding:5px 5px 5px 5px;text-align:center;}.elementor-22 .elementor-element.elementor-element-2dbaf79b{--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;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-2dbaf79b:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-2dbaf79b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-7acf8061{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-4c1054e8{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-1e137037{text-align:center;}.elementor-22 .elementor-element.elementor-element-679eb95b{padding:5px 5px 5px 5px;text-align:center;}.elementor-22 .elementor-element.elementor-element-51a4615{--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;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-51a4615:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-51a4615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-22 .elementor-element.elementor-element-1704753{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-359fbd72{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-1d993a0e{text-align:center;}.elementor-22 .elementor-element.elementor-element-751ca74{padding:5px 5px 5px 5px;text-align:center;}.elementor-22 .elementor-element.elementor-element-7fcb3817{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-7fcb3817.e-con{--align-self:center;}.elementor-22 .elementor-element.elementor-element-7725c407{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;border-style:none;--border-style:none;--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-22 .elementor-element.elementor-element-7725c407::before, .elementor-22 .elementor-element.elementor-element-7725c407 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-7725c407 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-7725c407 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-7725c407 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-7725c407 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-7725c407.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-179cde5d{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-179cde5d img{border-radius:10px 10px 10px 10px;}.elementor-22 .elementor-element.elementor-element-1919f2f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-21782f16 .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-31e8b8d{--width:50%;}.elementor-22 .elementor-element.elementor-element-657d9441{--width:63%;}.elementor-22 .elementor-element.elementor-element-625c6cb0{--content-width:100%;}.elementor-22 .elementor-element.elementor-element-7725c407{--width:50%;}.elementor-22 .elementor-element.elementor-element-1919f2f3{--width:50%;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-509fbd72{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-671bb7c1{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-7fcb3817{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-509fbd72{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-58598e92{text-align:center;}.elementor-22 .elementor-element.elementor-element-671bb7c1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-21782f16{text-align:center;}.elementor-22 .elementor-element.elementor-element-a7cfa96{text-align:center;}.elementor-22 .elementor-element.elementor-element-6204cf06{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-2547c4c5 */.card-container {
  position: relative;
  overflow: hidden;
}

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

.back-card {
  position: absolute;
  top: 70%; /* 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: 60px; /* 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-118b1248 */.card-container {
  position: relative;
  overflow: hidden;
}

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

.back-card {
  position: absolute;
  top: 70%; /* 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: 60px; /* 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-2dbaf79b */.card-container {
  position: relative;
  overflow: hidden;
}

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

.back-card {
  position: absolute;
  top: 70%; /* 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: 60px; /* 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-51a4615 */.card-container {
  position: relative;
  overflow: hidden;
}

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

.back-card {
  position: absolute;
  top: 70%; /* 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: 60px; /* 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 */