.my-body .exclamation { display: inline-block; aspect-ratio: 1; border-radius: 50%; border: 1px solid black; width: 28px; font-size: 16px; font-weight: bold; text-align: center; text-indent: 2px; margin-right: 5px; }

@media screen and (min-width: 992px) {
  .my-body section { padding-top: 5rem; padding-bottom: 5rem; }
}

@media screen and (max-width: 1199.98px) {
    .section_shop_now { margin-top: 5rem; margin-bottom: 5rem; }
}

/* ── TGP-P1 Section-specific styles ──────────────────────────────────── */

.my-body h3 { color: #10626d; }
.my-body h4 { color: #10626d; }

.section_1 { background-image: url('./section1/Asset1.webp'); aspect-ratio: 3/2; background-size: cover; background-position: center top; margin-top: 0 !important; }
@media screen and (min-width: 992px) {
  .section_1 { aspect-ratio: 3869/1765; }
}

.section_2 p { color: #10626d; font-size: .9em; font-weight: bold; }

.section_3 { background-size: cover; background-position: 40% top; margin-top: 0 !important; }
.section_3::before { content: ''; display: block; aspect-ratio: 2016/2445; background-image: linear-gradient(to top, #2a6f79FF, #2a6f79FF 5%, #2a6f7900 15%, #cdeeed00), url('./section3/Asset2.webp'); background-size: cover, contain; background-repeat: no-repeat; background-position: center top; margin-top: 0 !important; margin-bottom: -2px; }
.section_3 .section-bg { background-color: #2a6f79; padding-top: 1rem; padding-bottom: 3rem; }
.section_3 h3 { color: #92cecf; font-size: 2em; }
@media screen and (min-width: 768px) {
  .section_3::before { display: none; }
  .section_3 .section-bg { background-color: unset; padding-top: 0; padding-bottom: 0; }
  .section_3 { background-image: url('./section3/Asset1.webp'); aspect-ratio: 1933/649; background-position: center top; }
}
@media screen and (max-width: 991.98px) {
  .section_3 h3 { font-size: 1.5em; }
}

.section_5 { background-image: url('./section5/Asset2.webp'); aspect-ratio: 1007/1635; background-size: cover; background-position: center top; margin-top: 0 !important; }
@media screen and (min-width: 768px) {
  .section_5 { background-image: url('./section5/Asset1.webp'); aspect-ratio: 3867/1299; }
}

.section_6 {}
.section_6 .col-left { border-bottom: 1px solid #92cecf; margin-bottom: 3rem; padding-bottom: 3rem; }
@media screen and (min-width: 768px) {
    .section_6 .col-left { border-right: 1px solid #92cecf; margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
    .section_6 .col-right { border-left: 1px solid #92cecf; }
}

.section_8 { color: #727272; background-image: linear-gradient(to bottom, #eef7f7FF, #eef7f7FF 50%, #eef7f700 65%, #eef7f700), url('./section8/Asset2.webp'), url('./section8/Asset2.webp'); aspect-ratio: 13/15; background-repeat: no-repeat; background-size: contain; background-position: center bottom; margin-top: 0 !important; }
.section_8 .text-gray { color: #666; }
@media screen and (min-width: 768px) {
  .section_8 { background-image: url('./section8/Asset1.webp'); aspect-ratio: 3855/1485; background-size: cover; background-position: center top; }
}

.section_9 { color: #727272; }
.section_9 a.button.button-mode { --font-size-btn: 18px; --btn-bg: gray; width: 160px; white-space: nowrap; padding: 10px 20px; }
.section_9 a.button.button-mode.active { --btn-bg: var(--project-color); }
.section_9 .div-mode { display: none; }
.section_9 .div-mode.active { display: block; }
.section_9 .mode-panel { display: none; flex-direction: column; background-color: #eff7f6; padding: 3rem; text-align: center; border-radius: 2rem; margin-top: 3rem; margin-bottom: 3rem; }
.section_9 .mode-panel.active { display: flex; }
.section_9 .mode-panel h4 { color: white; font-weight: bold; background-image: linear-gradient(to bottom, #68bdb8, #499d9e); border-radius: 2em; width: fit-content; margin: 0 auto; padding: .5rem 2rem; font-size: 1.2em; margin-bottom: 2rem; }
@media screen and (max-width: 767.98px) {
  .section_9 .mode-panel h3 { font-size: 1.2em; }
  .section_9 .mode-panel h4 { font-size: .8em; }
}
.section_9 h3.sub { color: #92cecf; }

.section_10 h3 { color: #10626e; }
.section_10 h3.sub { color: #92cecf; }
.section_10 .col-index-1 { border-right: 1px solid darkgray; }
.section_10 .col-index-2 { border-right: 1px solid darkgray; }
.section_10 .col-index-1 h4 { color: #39b1b3; }
.section_10 .col-index-2 h4 { color: #258a91; }
.section_10 .col-index-3 h4 { color: #10627c; }

.section_11 h3 { color: #92cecf; font-size: 2em; }
@media screen and (max-width: 991.98px) {
  .section_11 h3 { font-size: 1.5em; }
}

.section_12 { margin-top: 0 !important; background-size: cover; background-position: 66% top; }
.section_12 h3 { font-size: 2em; }
.section_12::before { content: ''; display: block; aspect-ratio: 3000/2840; background-image: linear-gradient(to top, #cdeeedFF, #cdeeedFF 5%, #cdeeed00 15%, #cdeeed00), url('./section12/Asset2.webp'); background-size: cover, contain; background-repeat: no-repeat; background-position: center top; margin-top: 0 !important; margin-bottom: -2px; }
.section_12 .section-bg { background-color: #cdeeed; padding-top: 1rem; padding-bottom: 3rem; }
@media screen and (min-width: 768px) {
  .section_12::before { display: none; }
  .section_12 .section-bg { background-color: unset; padding-top: 0; padding-bottom: 0; }
  .section_12 { background-image: url('./section12/Asset1.webp'); aspect-ratio: 3850/1499; background-position: center top;  }
}
@media screen and (max-width: 991.98px) {
  .section_12 h3 { font-size: 1.5em; }
}

.section_13 .flows-breadcrumb { }
.section_13 .title { color: #92cecf; }
.section_13 .arrow { color: #39b1b3; font-weight: bold; font-size: 1.3em; }
.section_13 .step { border-radius: 2em; background-color: #f8f5f7; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; overflow: hidden; filter: drop-shadow(4px 4px 2px transparent) drop-shadow(4px 4px 2px transparent); margin-bottom: 2rem; }
.section_13 .step-left { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.section_13 .step-index { border-top-left-radius: 2em; border-top-right-radius: 2em; background-color: #92cecf; width: 40%; align-self: stretch; align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; padding-right: 3%; z-index: 2; height: 100%;
  clip-path: polygon(100% 15%, 75% 100%, 0% 100%, 0% 0%, 100% 0%);
}
.section_13 .step-index h4 { color: white; }
.section_13 .step-index img { width: 30%; }
.section_13 .step-description { padding: 2rem; }
/* .section_13 .step-index::after { content: ''; position: absolute; top: 0; right: 0; clip-path: polygon(100% 12%, 100% 100%, 0% 100%); width: 20%; height: 100%; background-color: #f8f5f7; } */
.section_13 .step-image-sm { position: absolute; right: 0; top: 0; bottom: 0; left: 20%; background-size: contain; background-repeat: no-repeat; background-position: top right; }
.section_13 .step-image { display: none; }
@media screen and (min-width: 992px) {
  .section_13 .step { border-radius: 2em; background-color: #f8f5f7; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; filter: drop-shadow(4px 4px 2px lightgray) drop-shadow(4px 4px 2px lightgray); margin-bottom: 2rem; aspect-ratio: 16 / 4; }
  .section_13 .step-left { width: 20%; align-self: stretch;  }
  .section_13 .step-index { width: 100%; height: 100%; border-radius: 2em; background-color: #92cecf; align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; padding-right: 3%; }
  .section_13 .step-description { padding: 0; }
  .section_13 .step-image { display: block; border-radius: 2em; width: 35%; align-self: stretch; }
  .section_13 .step-index::after { content: ''; position: absolute; top: 0; right: 0; clip-path: polygon(100% 12%, 100% 100%, 0% 100%); width: 20%; height: 100%; background-color: #f8f5f7; }
  .section_13 .step-image-sm { display: none; }
}
.section_14 { background-image: linear-gradient(to right, #006369 0%, #3a8f92 48%, #3a8f92 52%, #006369 100%);}

.section_15 { padding-top: 0 !important; padding-bottom: 0 !important; }
.section_15::before { content: ''; display: block; aspect-ratio: 237/193; background-image: linear-gradient(to top, #cdeeedFF, #cdeeedFF 5%, #cdeeed00 15%, #cdeeed00), url('./section15/Asset2.webp'); background-size: cover, contain; background-repeat: no-repeat; background-position: center top; margin-top: 0 !important; }
.section_15 .section-bg { background-color: #cdeeed; padding-top: 1rem; padding-bottom: 3rem; }
.section_15 p { color: #10626d; margin-bottom: .05rem; }
@media screen and (min-width: 1200px) {
  .section_15 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .section_15 .section-bg { background-color: unset; padding-top: 0; padding-bottom: 0; }
  .section_15::before { display: none; }
  .section_15 { background-image: url('./section15/Asset1.webp'); aspect-ratio: 3866/1886; background-size: cover; background-position: center top; margin-top: 0 !important; }
}