/* Full Width Boxed with Image Map Accordion
   Desktop frame: 1440px | Content: 960px (padding 240px each side)
*/

.full-width-boxed-image-map-accordion {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  background-color: #143830;
  box-sizing: border-box;
}

.full-width-boxed-image-map-accordion *,
.full-width-boxed-image-map-accordion *::before,
.full-width-boxed-image-map-accordion *::after {
  box-sizing: border-box;
}

.full-width-boxed-image-map-accordion .section-inner {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 40px 20px;
  gap: 32px;
}

.full-width-boxed-image-map-accordion .top-text {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.full-width-boxed-image-map-accordion .section-heading {
  margin: 0;
  width: 100%;
  color: #ffffff;
  font-family: "Cormorant Garamond", serif;
  font-size: 38px;
  font-weight: 500;
  font-style: italic;
  line-height: 46px;
  text-align: center;
  text-transform: capitalize;
}

.full-width-boxed-image-map-accordion .section-description {
  width: 100%;
}

.full-width-boxed-image-map-accordion .section-description,
.full-width-boxed-image-map-accordion .section-description p,
.full-width-boxed-image-map-accordion .section-description a,
.full-width-boxed-image-map-accordion .section-description strong,
.full-width-boxed-image-map-accordion .section-description em,
.full-width-boxed-image-map-accordion .section-description span {
  margin: 0;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.full-width-boxed-image-map-accordion .section-description a {
  text-decoration: underline;
  color: inherit;
}

.full-width-boxed-image-map-accordion .section-description p + p {
  margin-top: 8px;
}

.full-width-boxed-image-map-accordion .content-wrap {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 24px;
}

.full-width-boxed-image-map-accordion .accordion-wrap {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
}

.full-width-boxed-image-map-accordion .accordion-item {
  width: 100%;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.06);
}

.full-width-boxed-image-map-accordion .title-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  cursor: pointer;
}

.full-width-boxed-image-map-accordion .title-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  gap: 8px;
  flex: 1 1 0;
  min-width: 0;
}

.full-width-boxed-image-map-accordion .item-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  overflow: hidden;
}

.full-width-boxed-image-map-accordion .item-icon img,
.full-width-boxed-image-map-accordion .item-icon .item-icon-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.full-width-boxed-image-map-accordion .item-title {
  margin: 0;
  color: #1e1e1e;
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 36px;
  text-transform: capitalize;
}

.full-width-boxed-image-map-accordion .toggle-icon {
  display: flex;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  transition: transform 200ms ease-in-out;
}

.full-width-boxed-image-map-accordion .toggle-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.full-width-boxed-image-map-accordion .toggle-icon.toggled {
  transform: rotate(180deg);
}

.full-width-boxed-image-map-accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 200ms ease-in-out;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e1e1e1;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content,
.full-width-boxed-image-map-accordion .content .wysiwyg-content p,
.full-width-boxed-image-map-accordion .content .wysiwyg-content li,
.full-width-boxed-image-map-accordion .content .wysiwyg-content a,
.full-width-boxed-image-map-accordion .content .wysiwyg-content strong,
.full-width-boxed-image-map-accordion .content .wysiwyg-content em,
.full-width-boxed-image-map-accordion .content .wysiwyg-content ul,
.full-width-boxed-image-map-accordion .content .wysiwyg-content ol {
  margin: 0;
  color: #4d4942;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content p + p {
  margin-top: 12px;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content a {
  text-decoration: underline;
  color: inherit;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content strong {
  font-weight: 700;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content ul:not(.checked):not(.checkmark),
.full-width-boxed-image-map-accordion .content .wysiwyg-content ol {
  padding-left: 24px;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content ul.checked,
.full-width-boxed-image-map-accordion .content .wysiwyg-content ul.checkmark {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  gap: 6px;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content ul.checked li,
.full-width-boxed-image-map-accordion .content .wysiwyg-content ul.checkmark li {
  position: relative;
  padding-left: 34px;
  color: #020202;
}

.full-width-boxed-image-map-accordion .content .wysiwyg-content ul.checked li::before,
.full-width-boxed-image-map-accordion .content .wysiwyg-content ul.checkmark li::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.69226' y='3.69238' width='16.6154' height='16.6154' rx='8.30769' fill='%2398CB2A'/%3E%3Cpath d='M10.5586 13.4012C10.0465 12.5569 9.04427 11.7259 8.46867 11.3169C8.35877 11.2388 8.21368 11.2569 8.1195 11.3555L7.34647 12.1648C7.24952 12.2663 7.28927 12.4443 7.41242 12.5058C8.51712 13.057 9.6149 14.6916 10.2677 16.0277C10.4344 16.3691 10.9244 16.3818 11.0898 16.0396C13.1105 11.8573 15.2037 9.79608 16.354 8.90635C16.4748 8.81294 16.513 8.63862 16.4395 8.50036L16.2231 8.09317C16.1538 7.96287 16.0058 7.90423 15.8767 7.96368C13.754 8.94066 11.4364 11.9763 10.5586 13.4012Z' fill='white'/%3E%3C/svg%3E");
}

.full-width-boxed-image-map-accordion .map-embed-wrap {
  width: 100%;
  height: 280px;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.2);
}

.full-width-boxed-image-map-accordion .map-embed-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.full-width-boxed-image-map-accordion .cta-button {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 16px 32px;
  border-radius: 200px;
  border: 1px solid #eec433;
  background-color: #eec433;
  color: #020202;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity 200ms ease;
}

.full-width-boxed-image-map-accordion .cta-button-text {
  color: inherit;
}

.full-width-boxed-image-map-accordion .cta-button-arrow {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.full-width-boxed-image-map-accordion .cta-button:hover {
  opacity: 0.75;
  color: #020202;
  text-decoration: none;
}

/* Tablet: mobile layout, desktop fonts (768px–1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .full-width-boxed-image-map-accordion .section-inner {
    padding: 40px 5.3333%;
  }

  .full-width-boxed-image-map-accordion .section-heading {
    font-size: 54px;
    line-height: 64px;
  }

  .full-width-boxed-image-map-accordion .item-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
  }

  .full-width-boxed-image-map-accordion .cta-button {
    width: auto;
    padding: 24px 32px;
  }
}

/* Desktop: percentage-based (1024px+) */
@media screen and (min-width: 1024px) {
  .full-width-boxed-image-map-accordion .section-inner {
    padding: 5.5556% 16.6667%;
    gap: 60px;
  }

  .full-width-boxed-image-map-accordion .top-text {
    gap: 20px;
  }

  .full-width-boxed-image-map-accordion .section-heading {
    font-size: 54px;
    line-height: 64px;
  }

  .full-width-boxed-image-map-accordion .content-wrap {
    gap: 32px;
  }

  .full-width-boxed-image-map-accordion .accordion-wrap {
    gap: 16px;
  }

  .full-width-boxed-image-map-accordion .accordion-item {
    border-radius: 16px;
    padding: 3.3333% 4.1667%;
    box-shadow: -10px 20px 25px 0 rgba(117, 54, 19, 0.1);
  }

  .full-width-boxed-image-map-accordion .title-wrap {
    gap: 4.1667%;
    align-items: flex-start;
  }

  .full-width-boxed-image-map-accordion .title-left {
    gap: 12px;
  }

  .full-width-boxed-image-map-accordion .item-icon {
    width: 40px;
    height: 40px;
  }

  .full-width-boxed-image-map-accordion .item-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }

  .full-width-boxed-image-map-accordion .toggle-icon {
    width: 40px;
    height: 40px;
  }

  .full-width-boxed-image-map-accordion .content .wysiwyg-content {
    margin-top: 24px;
    padding-top: 20px;
    border-top-width: 2px;
  }

  .full-width-boxed-image-map-accordion .map-embed-wrap {
    height: auto;
    aspect-ratio: 960 / 320;
    border-radius: 16px;
  }

  .full-width-boxed-image-map-accordion .cta-button {
    width: auto;
    padding: 24px 32px;
  }
}