/* Elegant Outdoor Living - Clean Premium About Section
   Custom CSS Only | No Framework | No HTML Wrapper
*/

.eolaboutpremium26_scope,
.eolaboutpremium26_scope * {
  box-sizing: border-box;
}

.eolaboutpremium26_scope {
  --eolaboutpremium26_primary: #15125D;
  --eolaboutpremium26_primary_dark: #0B093D;
  --eolaboutpremium26_white: #FFFFFF;
  --eolaboutpremium26_soft: #F8F5EF;
  --eolaboutpremium26_soft_deep: #EFE8DA;
  --eolaboutpremium26_text: #171827;
  --eolaboutpremium26_muted: #6D7282;
  --eolaboutpremium26_line: rgba(21, 18, 93, 0.12);
  --eolaboutpremium26_shadow: 0 28px 72px rgba(21, 18, 93, 0.10);
  --eolaboutpremium26_wrap: min(100% - 36px, 1320px);
  width: 100%;
  position: relative;
  overflow: hidden;
  font-family: "Montserrat", "Inter", Arial, sans-serif;
  background:
    radial-gradient(circle at 10% 12%, rgba(21, 18, 93, 0.06), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, var(--eolaboutpremium26_soft) 100%);
  padding: clamp(70px, 8vw, 112px) 0;
}

/* Let Elementor's Classic color replace the built-in gradient when no image is selected. */
.eolaboutpremium26_scope.eolaboutpremium26_solid_background {
  background-image: none;
}

.eolaboutpremium26_outer {
  width: var(--eolaboutpremium26_wrap);
  margin: 0 auto;
  position: relative;
}

.eolaboutpremium26_shell {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: center;
}

.eolaboutpremium26_left {
  position: relative;
  z-index: 2;
}

.eolaboutpremium26_label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--eolaboutpremium26_primary);
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.eolaboutpremium26_label::before {
  content: "";
  width: 38px;
  height: 1px;
  background: var(--eolaboutpremium26_primary);
}

.eolaboutpremium26_title {
  max-width: 680px;
  margin: 0 0 22px;
  color: var(--eolaboutpremium26_primary);
  font-size: 36px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.eolaboutpremium26_title span {
  display: block;
  color: var(--eolaboutpremium26_text);
}

.eolaboutpremium26_intro {
  max-width: 640px;
  margin: 0 0 30px;
  color: var(--eolaboutpremium26_muted);
  font-size: 16px;
  line-height: 1.78;
  font-weight: 500;
}

.eolaboutpremium26_intro strong {
  color: var(--eolaboutpremium26_primary);
  font-weight: 850;
}

.eolaboutpremium26_clean_list {
  display: grid;
  gap: 12px;
  max-width: 650px;
}

.eolaboutpremium26_clean_item {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(255,255,255,0.76);
  border: 1px solid rgba(21,18,93,0.10);
  transition:
    background 0.26s ease,
    border-color 0.26s ease,
    box-shadow 0.26s ease,
    transform 0.26s ease;
}

.eolaboutpremium26_clean_item:hover {
  background: var(--eolaboutpremium26_white);
  border-color: rgba(21,18,93,0.22);
  box-shadow: 0 20px 46px rgba(21, 18, 93, 0.10);
  transform: translateY(-3px);
}

.eolaboutpremium26_clean_icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  color: var(--eolaboutpremium26_primary);
  background: rgba(21,18,93,0.07);
  border: 1px solid rgba(21,18,93,0.10);
  transition:
    color 0.26s ease,
    background 0.26s ease,
    transform 0.26s ease;
}

.eolaboutpremium26_clean_item:hover .eolaboutpremium26_clean_icon {
  color: var(--eolaboutpremium26_white);
  background: var(--eolaboutpremium26_primary);
  transform: rotate(-3deg);
}

.eolaboutpremium26_clean_icon svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.eolaboutpremium26_clean_text strong {
  display: block;
  margin-bottom: 5px;
  color: var(--eolaboutpremium26_primary);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.015em;
}

.eolaboutpremium26_clean_text span {
  display: block;
  color: var(--eolaboutpremium26_muted);
  font-size: 13.5px;
  line-height: 1.6;
  font-weight: 500;
}

.eolaboutpremium26_right {
  position: relative;
  min-height: 620px;
}

.eolaboutpremium26_image_card {
  position: absolute;
  inset: 0 0 0 46px;
  border-radius: 38px;
  overflow: hidden;
  background: #DADADA;
  box-shadow: var(--eolaboutpremium26_shadow);
  border: 1px solid rgba(255,255,255,0.84);
}

.eolaboutpremium26_image_card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}

.eolaboutpremium26_image_card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(21,18,93,0.02) 0%, rgba(21,18,93,0.40) 100%);
}

.eolaboutpremium26_quote {
  position: absolute;
  left: 0;
  bottom: 34px;
  width: min(100% - 40px, 420px);
  padding: 22px 24px;
  border-radius: 28px;
  color: var(--eolaboutpremium26_white);
  background: var(--eolaboutpremium26_primary);
  box-shadow: 0 24px 62px rgba(21, 18, 93, 0.24);
}

.eolaboutpremium26_quote::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 28px;
  width: 44px;
  height: 4px;
  border-radius: 999px;
  background: var(--eolaboutpremium26_white);
  opacity: 0.7;
}

.eolaboutpremium26_quote strong {
  display: block;
  margin-bottom: 8px;
  color: var(--eolaboutpremium26_white);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.025em;
}

.eolaboutpremium26_quote span {
  display: block;
  color: rgba(255,255,255,0.74);
  font-size: 13px;
  line-height: 1.62;
  font-weight: 500;
}

@media (max-width: 1080px) {
  .eolaboutpremium26_shell {
    grid-template-columns: 1fr;
  }

  .eolaboutpremium26_right {
    min-height: 560px;
    max-width: 820px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .eolaboutpremium26_scope {
    --eolaboutpremium26_wrap: min(100% - 24px, 1320px);
    padding: 62px 0;
  }

  .eolaboutpremium26_title {
    font-size: clamp(34px, 10vw, 48px);
    line-height: 1.06;
  }

  .eolaboutpremium26_intro {
    font-size: 15px;
    line-height: 1.72;
  }

  .eolaboutpremium26_clean_item {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    padding: 16px;
    border-radius: 20px;
  }

  .eolaboutpremium26_clean_item:hover {
    transform: none;
  }

  .eolaboutpremium26_clean_icon {
    width: 42px;
    height: 42px;
    border-radius: 16px;
  }

  .eolaboutpremium26_right {
    min-height: auto;
  }

  .eolaboutpremium26_image_card {
    position: relative;
    inset: auto;
    height: 390px;
    border-radius: 28px;
  }

  .eolaboutpremium26_quote {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 14px;
    border-radius: 24px;
  }
}

@media (max-width: 420px) {
  .eolaboutpremium26_image_card {
    height: 330px;
  }

  .eolaboutpremium26_label {
    font-size: 10px;
  }

  .eolaboutpremium26_label::before {
    width: 28px;
  }
}

/* Highlight underline: always visible in the same hand-drawn brush style. */
.eolaboutpremium26_title span {
  display: block;
  width: fit-content;
  max-width: 100%;
  position: relative;
  text-decoration: none !important;
}

.eolaboutpremium26_title .eolaboutpremium26_highlight_underline {
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: -16px;
  width: calc(100% - 2px);
  height: 14px;
  min-height: 14px;
  margin: 0;
  padding: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M18 88 C96 61 202 39 330 24 C482 6 647 5 784 13 C875 18 948 29 989 43 C943 37 890 35 826 36 C663 38 510 46 369 59 C238 72 126 90 34 106 C27 102 21 96 18 88 Z' fill='black'/%3E%3Cpath d='M48 108 C107 91 164 80 231 71 C178 84 123 99 66 116 Z' fill='black'/%3E%3Cpath d='M113 101 C176 85 248 75 319 67 C250 82 190 95 132 111 Z' fill='black'/%3E%3Cpath d='M205 91 C259 80 319 72 379 66 C328 78 275 88 220 99 Z' fill='black'/%3E%3Cpath d='M873 39 C919 38 958 41 994 49 C961 47 930 49 899 54 Z' fill='black'/%3E%3Cpath d='M922 52 C951 51 975 54 997 60 C974 58 952 59 932 63 Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M18 88 C96 61 202 39 330 24 C482 6 647 5 784 13 C875 18 948 29 989 43 C943 37 890 35 826 36 C663 38 510 46 369 59 C238 72 126 90 34 106 C27 102 21 96 18 88 Z' fill='black'/%3E%3Cpath d='M48 108 C107 91 164 80 231 71 C178 84 123 99 66 116 Z' fill='black'/%3E%3Cpath d='M113 101 C176 85 248 75 319 67 C250 82 190 95 132 111 Z' fill='black'/%3E%3Cpath d='M205 91 C259 80 319 72 379 66 C328 78 275 88 220 99 Z' fill='black'/%3E%3Cpath d='M873 39 C919 38 958 41 994 49 C961 47 930 49 899 54 Z' fill='black'/%3E%3Cpath d='M922 52 C951 51 975 54 997 60 C974 58 952 59 932 63 Z' fill='black'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
  border-radius: 0;
  pointer-events: none;
  z-index: 2;
}