.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-12099 .elementor-element.elementor-element-dccbc60 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-12099 .elementor-element.elementor-element-dccbc60 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-12099 .elementor-element.elementor-element-cff249e{text-align:right;}.elementor-12099 .elementor-element.elementor-element-5367383{text-align:center;}.elementor-12099 .elementor-element.elementor-element-73211f6{--spacer-size:75px;}.elementor-12099 .elementor-element.elementor-element-db861d6{--spacer-size:75px;}.elementor-12099 .elementor-element.elementor-element-7791b02 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-12099 .elementor-element.elementor-element-35bdcd9 > .elementor-container{min-height:581px;}.elementor-12099 .elementor-element.elementor-element-6328e16 > .elementor-container{min-height:581px;}.elementor-12099 .elementor-element.elementor-element-8c2abf4{--spacer-size:75px;}.elementor-12099 .elementor-element.elementor-element-ad058fb > .elementor-widget-container{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-21d40a2 > .elementor-container{min-height:581px;}.elementor-12099 .elementor-element.elementor-element-91512d1{width:var( --container-widget-width, 100.263% );max-width:100.263%;--container-widget-width:100.263%;--container-widget-flex-grow:0;}.elementor-12099 .elementor-element.elementor-element-07dc4f9 > .elementor-container{min-height:581px;}.elementor-12099 .elementor-element.elementor-element-a2f465d{--spacer-size:50px;}.elementor-12099 .elementor-element.elementor-element-fc0ca94 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-fc0ca94{grid-column:span 2;}.elementor-12099 .elementor-element.elementor-element-0c4c458 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-12099 .elementor-element.elementor-element-0c4c458 > .elementor-container{min-height:581px;}.elementor-12099 .elementor-element.elementor-element-ba6b775 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-c10d88c{--spacer-size:75px;}.elementor-12099 .elementor-element.elementor-element-1745c68:not(.elementor-motion-effects-element-type-background), .elementor-12099 .elementor-element.elementor-element-1745c68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f5ca2f );}.elementor-12099 .elementor-element.elementor-element-1745c68{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0120px 0px 12px 0px;}.elementor-12099 .elementor-element.elementor-element-1745c68 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12099 .elementor-element.elementor-element-cff20b5 > .elementor-element-populated{border-style:solid;border-width:0px 0px 4px 0px;}.elementor-12099 .elementor-element.elementor-element-9c108d2{text-align:center;}.elementor-12099 .elementor-element.elementor-element-9c108d2 .elementor-heading-title{font-family:"industry-inc-base", sans-serif;font-size:50px;font-weight:400;line-height:1.5;}.elementor-12099 .elementor-element.elementor-element-b9262d6:not(.elementor-motion-effects-element-type-background), .elementor-12099 .elementor-element.elementor-element-b9262d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f5ca2f );}.elementor-12099 .elementor-element.elementor-element-b9262d6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12099 .elementor-element.elementor-element-b9262d6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12099 .elementor-element.elementor-element-8a09671 > .elementor-element-populated{border-style:solid;border-width:0px 0px 4px 0px;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-bc-flex-widget .elementor-12099 .elementor-element.elementor-element-3d954e9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12099 .elementor-element.elementor-element-3d954e9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12099 .elementor-element.elementor-element-3d954e9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-3bd3765 .elementor-heading-title{font-family:"industry-inc-base", sans-serif;font-size:30px;font-weight:700;}.elementor-12099 .elementor-element.elementor-element-9b7bbd5{font-family:"Roboto", sans-serif;font-size:22px;font-weight:500;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-666df76{font-family:"Heebo", sans-serif;font-size:22px;font-weight:400;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-76eec71{font-family:"Heebo", sans-serif;font-size:22px;font-weight:400;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-c92dea4:not(.elementor-motion-effects-element-type-background), .elementor-12099 .elementor-element.elementor-element-c92dea4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f5ca2f );}.elementor-12099 .elementor-element.elementor-element-c92dea4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12099 .elementor-element.elementor-element-c92dea4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12099 .elementor-element.elementor-element-e5568cc > .elementor-element-populated{border-style:solid;border-width:0px 0px 4px 0px;}.elementor-bc-flex-widget .elementor-12099 .elementor-element.elementor-element-3d4c288.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12099 .elementor-element.elementor-element-3d4c288.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12099 .elementor-element.elementor-element-3d4c288 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-219a3b0 .elementor-heading-title{font-family:"industry-inc-base", sans-serif;font-size:30px;font-weight:700;}.elementor-12099 .elementor-element.elementor-element-e34fe77{font-family:"Roboto", sans-serif;font-size:22px;font-weight:500;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-c62d578{font-family:"Heebo", sans-serif;font-size:22px;font-weight:400;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-df6992c{font-family:"Heebo", sans-serif;font-size:22px;font-weight:400;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-f971478:not(.elementor-motion-effects-element-type-background), .elementor-12099 .elementor-element.elementor-element-f971478 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f5ca2f );}.elementor-12099 .elementor-element.elementor-element-f971478{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12099 .elementor-element.elementor-element-f971478 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12099 .elementor-element.elementor-element-4ff80df > .elementor-element-populated{border-style:solid;border-width:0px 0px 4px 0px;}.elementor-bc-flex-widget .elementor-12099 .elementor-element.elementor-element-6435f8c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12099 .elementor-element.elementor-element-6435f8c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12099 .elementor-element.elementor-element-6435f8c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-1ff59a6 .elementor-heading-title{font-family:"industry-inc-base", sans-serif;font-size:30px;font-weight:700;line-height:1;}.elementor-12099 .elementor-element.elementor-element-89daf90{font-family:"Roboto", sans-serif;font-size:22px;font-weight:500;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-7f2b3d4{font-family:"Heebo", sans-serif;font-size:22px;font-weight:400;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-eddfc93:not(.elementor-motion-effects-element-type-background), .elementor-12099 .elementor-element.elementor-element-eddfc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f5ca2f );}.elementor-12099 .elementor-element.elementor-element-eddfc93{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 120px 0px;}.elementor-12099 .elementor-element.elementor-element-eddfc93 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12099 .elementor-element.elementor-element-0be9bf8 > .elementor-element-populated{border-style:solid;border-width:0px 0px 4px 0px;}.elementor-bc-flex-widget .elementor-12099 .elementor-element.elementor-element-2c98ab3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12099 .elementor-element.elementor-element-2c98ab3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12099 .elementor-element.elementor-element-2c98ab3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12099 .elementor-element.elementor-element-fad34ed .elementor-heading-title{font-family:"industry-inc-base", sans-serif;font-size:30px;font-weight:700;line-height:1;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-12099 .elementor-element.elementor-element-92404ca{font-family:"Roboto", sans-serif;font-size:22px;font-weight:500;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-1d46856{font-family:"Heebo", sans-serif;font-size:22px;font-weight:400;line-height:1.2;}.elementor-12099 .elementor-element.elementor-element-a045330{--spacer-size:75px;}.elementor-12099 .elementor-element.elementor-element-18615c1e:not(.elementor-motion-effects-element-type-background), .elementor-12099 .elementor-element.elementor-element-18615c1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8add45f );}.elementor-12099 .elementor-element.elementor-element-18615c1e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:var( --e-global-color-b10ff8f );}.elementor-12099 .elementor-element.elementor-element-18615c1e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12099 .elementor-element.elementor-element-18615c1e .elementor-heading-title{color:var( --e-global-color-b10ff8f );}.elementor-12099 .elementor-element.elementor-element-18615c1e a{color:var( --e-global-color-b10ff8f );}.elementor-12099 .elementor-element.elementor-element-18615c1e a:hover{color:var( --e-global-color-b10ff8f );}.elementor-12099 .elementor-element.elementor-element-e5532f8{text-align:center;font-family:"Heebo", sans-serif;font-size:40px;font-weight:400;line-height:1.5;color:var( --e-global-color-b10ff8f );}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12099 .elementor-element.elementor-element-15e54b74 .elementor-swiper-button{font-size:20px;}.elementor-12099 .elementor-element.elementor-element-15e54b74 .elementor-testimonial__text{-webkit-text-stroke-color:#000;stroke:#000;}@media(min-width:769px){.elementor-12099 .elementor-element.elementor-element-3b931548{width:50%;}.elementor-12099 .elementor-element.elementor-element-dccbc60{width:50%;}.elementor-12099 .elementor-element.elementor-element-3d954e9{width:30%;}.elementor-12099 .elementor-element.elementor-element-9878ddf{width:20%;}.elementor-12099 .elementor-element.elementor-element-3d4c288{width:30%;}.elementor-12099 .elementor-element.elementor-element-f18c7bd{width:20%;}.elementor-12099 .elementor-element.elementor-element-6435f8c{width:30%;}.elementor-12099 .elementor-element.elementor-element-bc6a3f8{width:20%;}.elementor-12099 .elementor-element.elementor-element-2c98ab3{width:30%;}.elementor-12099 .elementor-element.elementor-element-0059bba{width:20%;}}@media(max-width:992px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:768px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-12099 .elementor-element.elementor-element-35bdcd9 > .elementor-container{max-width:867px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for html, class: .elementor-element-d474c90 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (max-width: 599px) { /* Tablet and larger */
  .card {
    width: 360px;
    width: 100%;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

@media (max-width: 599px) { /* Tablet and larger */
  .card {
    margin: 20px auto;
    max-width: 360px;
    display: block;
  }
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    width: 100%;
    height: 581px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

@media (min-width: 600px) and (max-width: 768px) { /* Tablet and larger */
  .card {
    margin: 20px auto;
    max-width: 360px;
    display: block;
  }
}
.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text18 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button18 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38a234a */.card {
  margin: 15px auto; /* Add some top and bottom margin for spacing when stacked, and center horizontally */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 95%; /* Make the cards take up most of the screen width on mobile */
  max-width: 360px; /* Maintain the maximum width on larger screens */
  height: auto; /* Adjust height based on content */
}

/* Tablet and larger screens */
@media (min-width: 600px) { /* Adjust breakpoint to 768px for tablets */
  .card {
    width: 360px; /* Fixed width for tablets and desktops */
    height: 700px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Add margin for spacing when side-by-side */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 26px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 24px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text1 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
  }

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button1 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11bc185 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text2 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button2 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ccd386 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text4 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button4 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-021ecf2 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text5 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button5 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6250693 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text6 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button6 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b310a70 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text77 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px;
/* Reset font size for tablet and desktop */
  }
}

.close-button77 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-749d5a0 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text9 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button9 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-434ee8c */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text10 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button10 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91512d1 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text11 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button11 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99d63eb */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text12 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button12 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db2c429 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text13 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button13 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68d9fc7 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text14 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button14 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-909abc6 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 640px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text15 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button15 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78360a5 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 640px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text20 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button20 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d653d6 */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 610px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text17 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button17 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0b662d */.card {
  margin: 20px auto; /* Center the card on larger screens */
  border-radius: 38px;
  perspective: 1000px;
  transition: transform 1s;
  transform-style: preserve-3d;
  width: 90%; /* Default width for smaller screens */
  max-width: 360px; /* Maximum width for larger screens */
  height: auto; /* Adjust height based on content */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card {
    width: 360px;
    height: 640px; /* Fixed height for tablet and desktop */
    margin: 20px; /* Reset margin for side-by-side layout if needed */
  }
}

.card.flipped {
  transform: rotateY( 180deg );
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Adjust padding for smaller screens */
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 38px;
  text-align: center;
  box-sizing: border-box; /* Ensure padding doesn't increase the overall size */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-front, .card-back {
    padding: 30px; /* Reset padding for tablet and desktop */
  }
}

.card-back {
  transform: rotateY(180deg);
  overflow-y: auto; /* Make the back scrollable if content overflows on smaller screens */
}

.bioboxeo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 15px; /* Add some margin below the biobox */
}

.bioboxeo .image-goes-here {
  margin-bottom: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .image-goes-here {
    margin-bottom: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-title h3 {
  margin-bottom: 5px;
  font-size: 24px; /* Adjust font size for smaller screens */
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title h3 {
    font-size: 30px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-title span {
  font-size: 18px; /* Adjust font size for smaller screens */
  color: black;
  font-weight: bold;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-title span {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.bioboxeo .bb-iconos {
  margin-top: 10px; /* Adjust margin for smaller screens */
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos {
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos span {
  margin: 0 3px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos span {
    margin: 0 5px; /* Reset margin for tablet and desktop */
  }
}

.bioboxeo .bb-iconos img {
  width: 30px; /* Adjust icon size for smaller screens */
  height: 30px;
  vertical-align: middle;
}

@media (min-width: 600px) { /* Tablet and larger */
  .bioboxeo .bb-iconos img {
    width: 40px; /* Reset icon size for tablet and desktop */
    height: 40px;
  }
}

.learn-more-text19 {
  color: #830B2C;
  text-align: center;
  font-size: 18px; /* Adjust font size for smaller screens */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 600px) { /* Tablet and larger */
  .learn-more-text {
    font-size: 20px; /* Reset font size for tablet and desktop */
  }
}

.close-button19 {
  width: 30px; /* Adjust button size for smaller screens */
  height: 30px;
  background-color: #830B2C;
  color: white;
  font-size: 16px; /* Adjust font size for smaller screens */
  font-weight: bold;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; /* Adjust margin for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .close-button {
    width: 40px; /* Reset button size for tablet and desktop */
    height: 40px;
    font-size: 20px; /* Reset font size for tablet and desktop */
    margin-top: 15px; /* Reset margin for tablet and desktop */
  }
}

.card-back p {
  font-size: 10px; /* Adjust font size for smaller screens */
}

@media (min-width: 600px) { /* Tablet and larger */
  .card-back p {
    font-size: 12px; /* Reset font size for tablet and desktop */
  }
}/* End custom CSS */