.elementor-15 .elementor-element.elementor-element-682430d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-2208472{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-2208472:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-2208472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-f8ffce7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-f8ffce7:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-f8ffce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-1cbed26{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-41d81c2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-f8a75f4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-a4f0a7d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for ges-hero-carousel, class: .elementor-element-e37a137 *//* Good Earth Hero Carousel — responsive two-line heading control.
   Remove the previous Hero Custom CSS first, then paste this into:
   Good Earth Hero Carousel → Advanced → Custom CSS
*/

@media (min-width: 1200px) {
  .elementor-15 .elementor-element.elementor-element-e37a137 .ges-hero-carousel__content {
    width: 100% !important;
    max-width: none !important;
    padding-left: clamp(48px, 5.5vw, 118px) !important;
    padding-right: clamp(32px, 3.5vw, 76px) !important;
  }

  .elementor-15 .elementor-element.elementor-element-e37a137 .ges-hero-carousel__heading {
    /* At 1440px this resolves to ~677px: enough for two elegant lines, not one long line. */
    max-width: clamp(620px, 47vw, 880px) !important;
    font-size: clamp(48px, 3.65vw, 76px) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance;
  }

  /* Let the heading wrap according to screen width instead of forcing editor line breaks. */
  .elementor-15 .elementor-element.elementor-element-e37a137 .ges-hero-carousel__heading br {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .elementor-15 .elementor-element.elementor-element-e37a137 .ges-hero-carousel__heading {
    max-width: 680px !important;
    font-size: clamp(42px, 5.4vw, 58px) !important;
    line-height: 1.06 !important;
    text-wrap: balance;
  }
}/* End custom CSS */
/* Start custom CSS for ges-panorama-carousel, class: .elementor-element-bfcebf4 *//* Good Earth Panorama Carousel — reduce image/card size.
   Paste into: Good Earth Panorama Carousel → Advanced → Custom CSS
   Keep the `.elementor-15 .elementor-element.elementor-element-bfcebf4` keyword exactly as written. */

@media (min-width: 881px) {
  .elementor-15 .elementor-element.elementor-element-bfcebf4 .ges-panorama-carousel__card {
    width: min(42vw, 760px) !important;
    height: clamp(260px, 28vw, 500px) !important;
  }
}

@media (min-width: 621px) and (max-width: 880px) {
  .elementor-15 .elementor-element.elementor-element-bfcebf4 .ges-panorama-carousel__card {
    width: min(60vw, 620px) !important;
    height: clamp(260px, 34vw, 430px) !important;
  }
}

@media (max-width: 620px) {
  .elementor-15 .elementor-element.elementor-element-bfcebf4 .ges-panorama-carousel__card {
    width: 74vw !important;
    height: 235px !important;
  }
}/* End custom CSS */