.elementor-2363 .elementor-element.elementor-element-08cbb6f{--display:flex;}.elementor-2363 .elementor-element.elementor-element-7c72279{--display:flex;}.elementor-2363 .elementor-element.elementor-element-a01f5ba{--display:flex;}.elementor-2363 .elementor-element.elementor-element-d55ce47{--display:flex;}.elementor-2363 .elementor-element.elementor-element-62e9a16{--display:flex;}.elementor-2363 .elementor-element.elementor-element-702853c{--display:flex;}@media(max-width:767px){.elementor-2363 .elementor-element.elementor-element-5742052 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2363 .elementor-element.elementor-element-5b0efac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2363 .elementor-element.elementor-element-702853c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-5b0efac */.elementor-2363 .elementor-element.elementor-element-5b0efac.e-con-boxed {
  padding: 0 !important;
}

.elementor-2363 .elementor-element.elementor-element-5b0efac > .e-con-inner {
  max-width: 100% !important;
  padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7da322 */@media (max-width: 768px) {
  /* Container holding text */
  .text-column {
    padding: 0;                 /* Remove padding */
    margin-left: auto;          /* Auto margins on both sides */
    margin-right: auto;
    max-width: 600px;           /* Limit width so text block isn’t full width */
    text-align: center;         /* Center the text */
    display: flex;
    flex-direction: column;
    align-items: center;        /* Center children horizontally */
  }

  /* Headings */
  .text-column h2 {
    font-size: 28px !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
    margin-bottom: 1rem;
  }

  /* Paragraphs */
  .text-column p {
    font-size: 16px !important;
    letter-spacing: 0.01em !important;
    line-height: 1.4 !important;
    padding: 0 1rem;            /* Equal left/right padding inside text */
    max-width: 600px;
  }
}
.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto;
}

.row {
  padding-left: 0;
  padding-right: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d5982c */body {
  margin: 0;
  background-color: #FFFFFF;
  font-family: 'Nunito', sans-serif;
  color: #E23125;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  flex-wrap: wrap;
}

.left-column {
  flex: 1 1 320px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  text-align: left;
  height: 100%;
}

.left-column > div:first-child {
  flex-grow: 1;
  position: relative;
  top: -49rem;
}

.left-column h2 {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 0.05rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.left-column ul {
  font-size: 18px;
  line-height: 1.8;
  padding-left: 1.2em;
  margin: 0;
  list-style: disc;
  list-style-position: inside;
}

.left-column li {
  margin-bottom: 0.8rem;
  white-space: nowrap;
}

.logo {
  align-self: flex-start;
}

.logo img {
  width: 160px;
  height: auto;
  object-fit: contain;
  display: block;
}

.right-column {
  flex: 0 0 auto;
  max-width: 500px;
  max-height: 1780px;
  overflow: hidden;
}

.right-column img {
  width: 100%;
  object-fit: cover;
  display: block;
  transform: translateY(-15px); /* Desktop effect */
}

/* ---------- Mobile Styles ---------- */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
    align-items: center;
    padding: 3rem 1rem;
  }

  .left-column {
    max-width: 100% !important;
    flex: 1 1 100% !important;
    padding-top: 4rem;
    text-align: center;
    align-items: center;
    height: auto;
  }

  .left-column > div:first-child {
    flex-grow: 0;
    position: static;
    top: 0;
  }

  .left-column h2 {
    font-size: 28px !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
  }

  .left-column ul {
    list-style-position: inside;
    padding-left: 0;
    text-align: left;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .left-column li {
    white-space: normal !important;
  }

  .logo {
    text-align: center;
    align-self: center;
    margin-top: 2rem;
  }

  .right-column {
    max-width: 100% !important;
    flex: 1 1 100% !important;
    max-height: none;
    margin-top: 2rem;
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden; /* ensures the crop is applied */
  }

  .right-column img {
    width: 100%;
    height: auto;
    margin-top: -25px; /* ← THIS crops the image */
    border-radius: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e634617 *//* Remove default padding/margin and full width container */
.elementor-element-xxxxxxx.e-con-boxed {
  padding: 0 !important;
}
.elementor-element-xxxxxxx > .e-con-inner {
  max-width: 100% !important;
  padding: 0 !important;
}

.mobile-preview-section {
  width: 100%;
  padding: 4rem 1rem;
  background-color: #F9E0E2; /* full pink bg */
  color: #E23125; /* red text */
  box-sizing: border-box;
  text-align: center;
  font-family: 'Nunito', sans-serif;
}

.mobile-preview-container {
  max-width: 900px;
  margin: 0 auto;
}

.mobile-preview-section h2 {
  font-size: 56px;
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  color: #E23125;
}

.mobile-preview-section p {
  font-size: 18px;
  margin-bottom: 3rem;
  line-height: 1.6;
  color: #E23125;
}

.scroll-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

.scroll-container {
  flex: 1 1 300px;
  max-width: 300px;
  height: 500px;
  overflow-y: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  position: relative;
  cursor: pointer;
  background-color: #fff;
  overflow: hidden; /* ensure cropping */
}

.scroll-container img {
  width: 100%;
  margin-top: -50px; /* keep existing offset */
  display: block;
  border-radius: 12px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  /* Force full pink background on containers */
  .elementor-element-xxxxxxx,
  .elementor-element-xxxxxxx > .e-con-inner,
  .elementor-element-62e9a16,
  .elementor-element-62e9a16 > .e-con-inner {
    background-color: #F9E0E2 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  .mobile-preview-section {
    padding: 3rem 1rem;
  }

  .mobile-preview-section h2 {
    font-size: 28px !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
  }

  .mobile-preview-section p {
    font-size: 16px !important;
    letter-spacing: 0.01em !important;
    line-height: 1.4 !important;
    max-width: 90%;
    margin: 0 auto 3rem auto;
  }

  .scroll-section {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .scroll-container {
    max-width: 90%;
    height: auto;
    overflow: hidden; /* crop top 25px */
    position: relative;
  }

  .scroll-container img {
    position: relative;
    top: -31px; /* shift image up to crop top 25px */
    height: auto;
    border-radius: 12px;
    display: block;
    width: 100%;
  }
}/* End custom CSS */