/*privacy*/

.section-privacy{
  padding-bottom: 175px;
}


@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-privacy{
      padding-bottom: 175px;
    }
}

@media only screen and (max-width: 734px){
    .section-privacy{
      padding-bottom: var(--router-section-padding);
    }
}

/* 2024/08/31 WS */
.device-grid-item-wrapper.hearing {
  grid-column: 1/2;
  grid-row: 4/5
}

.device-grid-item-wrapper.hearing .device-grid-img,
.device-grid-item-wrapper.hearing [class*=device-grid-copy-] {
  position: absolute;
  top: 165px;
  left: 0
}

@media only screen and (max-width:1068px) {

  .device-grid-item-wrapper.hearing .device-grid-img,
  .device-grid-item-wrapper.hearing [class*=device-grid-copy-] {
      position: absolute;
      top: -80px;
      left: 0
  }
}

@media only screen and (max-width:734px) {
  .device-grid-item-wrapper.hearing {
      justify-self: end
  }

  .device-grid-item-wrapper.hearing .device-grid-img,
  .device-grid-item-wrapper.hearing [class*=device-grid-copy-] {
      position: absolute;
      top: 140px;
      left: 0
  }
}

@media only screen and (max-width:320px) {

  .device-grid-item-wrapper.hearing .device-grid-img,
  .device-grid-item-wrapper.hearing [class*=device-grid-copy-] {
      position: absolute;
      top: 165px;
      left: 0
  }
}


.device-grid-item-wrapper.airpods {
  grid-column: 2/3;
  grid-row: 5/6
}

.device-grid-item-wrapper.airpods .device-grid-img,
.device-grid-item-wrapper.airpods [class*=device-grid-copy-] {
  position: absolute;
  top: 85px;
  left: 0
}

@media only screen and (max-width:1068px) {

  .device-grid-item-wrapper.airpods .device-grid-img,
  .device-grid-item-wrapper.airpods [class*=device-grid-copy-] {
      position: absolute;
      top: -130px;
      left: 0
  }
}

@media only screen and (max-width:734px) {
  .device-grid-item-wrapper.airpods {
      grid-row: 4/5
  }

  .device-grid-item-wrapper.airpods .device-grid-img,
  .device-grid-item-wrapper.airpods [class*=device-grid-copy-] {
      position: absolute;
      top: 405px;
      left: 0
  }
}

@media only screen and (max-width:320px) {

  .device-grid-item-wrapper.airpods .device-grid-img,
  .device-grid-item-wrapper.airpods [class*=device-grid-copy-] {
      position: absolute;
      top: 430px;
      left: 0
  }
}


.device-grid-item-wrapper.copy-hearing {
  --copy-width: 350px;
  grid-column: 2/3;
  grid-row: 6/7;
  height: auto;
  max-width: var(--copy-width)
}

.device-grid-item-wrapper.copy-hearing .device-grid-img,
.device-grid-item-wrapper.copy-hearing [class*=device-grid-copy-] {
  position: absolute;
  top: 75px;
  left: 0
}

.device-grid-item-wrapper.copy-hearing .device-grid-copy-hearing {
  max-width: var(--copy-width)
}

@media only screen and (max-width:1068px) {
  .device-grid-item-wrapper.copy-hearing {
      grid-row: 5/6
  }

  .device-grid-item-wrapper.copy-hearing .device-grid-img,
  .device-grid-item-wrapper.copy-hearing [class*=device-grid-copy-] {
      position: absolute;
      top: 100px;
      left: 0
  }
}

@media only screen and (max-width:734px) {
  .device-grid-item-wrapper.copy-hearing {
      grid-column: 2/3;
      grid-row: 4/5;
      transform: translateX(-50%);
      z-index: 1
  }

  .device-grid-item-wrapper.copy-hearing .device-grid-img,
  .device-grid-item-wrapper.copy-hearing [class*=device-grid-copy-] {
      position: absolute;
      top: -104px;
      left: 0
  }
}

@media only screen and (max-width:320px) {
  .device-grid-item-wrapper.copy-hearing .device-grid-copy-hearing {
      --copy-width: 253px
  }
}


.device-grid-item-wrapper.copy-data {
  --copy-width: 345px;
  grid-column: 3/4;
  grid-row: 5/6;
  max-width: var(--copy-width)
}

.device-grid-item-wrapper.copy-data .device-grid-img,
.device-grid-item-wrapper.copy-data [class*=device-grid-copy-] {
  position: absolute;
  top: 30px;
  left: 0
}

html.text-zoom .device-grid-item-wrapper.copy-data {
  z-index: 99
}

.device-grid-item-wrapper.copy-data .device-grid-copy-data {
  padding-left: var(--copy-padding)
}

@media only screen and (max-width:1068px) {
  .device-grid-item-wrapper.copy-data {
      --copy-width: 264px
  }

  .device-grid-item-wrapper.copy-data .device-grid-img,
  .device-grid-item-wrapper.copy-data [class*=device-grid-copy-] {
      position: absolute;
      top: -228px;
      left: 0
  }
}

@media only screen and (max-width:734px) {
  .device-grid-item-wrapper.copy-data {
      --copy-width: 294px;
      transform: translateX(-50%);
      grid-column: 2/3;
      grid-row: 2/3;
      top: 40px
  }

  .device-grid-item-wrapper.copy-data .device-grid-img,
  .device-grid-item-wrapper.copy-data [class*=device-grid-copy-] {
      position: absolute;
      top: -75px;
      left: 0
  }

  .device-grid-item-wrapper.copy-data .device-grid-copy-data {
      --copy-width: 260px;
      max-width: var(--copy-width);
      width: max-content
  }
}

@media only screen and (max-width:320px) {
  .device-grid-item-wrapper.copy-data .device-grid-copy-data {
      padding-right: 25px
  }
}

html.text-zoom .device-grid-item-wrapper .device-grid-copy-data,
html.text-zoom .device-grid-item-wrapper .device-grid-copy-fingertips,
html.text-zoom .device-grid-item-wrapper .device-grid-copy-hearing,
html.text-zoom .device-grid-item-wrapper .device-grid-copy-secure {
  z-index: 99;
  background: rgba(255, 255, 255, .8);
  padding-bottom: 20px
}


.device-grid-item-wrapper.copy-secure {
  --copy-width: 290px;
  grid-column: 3/4;
  grid-row: 8/9;
  height: auto
}

.device-grid-item-wrapper.copy-secure .device-grid-img,
.device-grid-item-wrapper.copy-secure [class*=device-grid-copy-] {
  position: absolute;
  top: 72px;
  left: 0
}

.device-grid-item-wrapper.copy-secure .device-grid-copy-secure {
  max-width: var(--copy-width);
  padding-inline-start: var(--copy-padding)
}

@media only screen and (max-width:1068px) {
  .device-grid-item-wrapper.copy-secure {
      grid-column: 3/4;
      grid-row: 7/8
  }

  .device-grid-item-wrapper.copy-secure .device-grid-img,
  .device-grid-item-wrapper.copy-secure [class*=device-grid-copy-] {
      position: absolute;
      top: -30px;
      left: 0
  }

  .device-grid-item-wrapper.copy-secure .device-grid-copy-secure {
      --copy-width: 290px;
      width: max-content
  }
}

@media only screen and (max-width:734px) {
  .device-grid-item-wrapper.copy-secure {
      --copy-width: 294px;
      transform: translateX(-50%);
      grid-column: 2/3;
      grid-row: 3/4
  }

  .device-grid-item-wrapper.copy-secure .device-grid-img,
  .device-grid-item-wrapper.copy-secure [class*=device-grid-copy-] {
      position: absolute;
      top: -70px;
      left: 0
  }
}

@media only screen and (max-width:320px) {
  .device-grid-item-wrapper.copy-secure .device-grid-copy-secure {
      --copy-width: 253px
  }
}


.section-your-health .grid-item-assessments .image {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 359px;
    --p-height: 471px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-your-health .grid-item-assessments .image {
        --p-width: 417px;
        --p-height: 328px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-your-health .grid-item-assessments .image {
        --p-width: 480px;
        --p-height: 359px
    }
}

@media only screen and (min-width:735px) {
    .section-your-health .grid-item-hearing .tile-content {
        display: grid
    }
}

@media only screen and (min-width:735px) {

    .section-your-health .grid-item-hearing .tile-body,
    .section-your-health .grid-item-hearing .tile-header {
        grid-area: 1/1
    }
}

.section-your-health .grid-item-hearing .tile-header {
    max-width: 412px;
    z-index: 1
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-your-health .grid-item-hearing .tile-header {
        max-width: 326px
    }
}

@media only screen and (min-width:1069px) {
    .section-your-health .grid-item-hearing .tile-header .tile-copy {
        max-width: 85%
    }
}

.section-your-health .grid-item-hearing .tile-body {
    --tile-body-padding-bottom: 70px;
    --tile-padding-left: 432px
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-your-health .grid-item-hearing .tile-body {
        --tile-body-padding-top: 95px;
        --tile-padding-left: 470px
    }
}

@media only screen and (max-width:734px) {
    .section-your-health .grid-item-hearing .tile-body {
        --tile-body-padding-bottom: 0;
        --tile-padding-right: 0;
        --tile-padding-left: 0;
        align-items: center
    }
}

.section-your-health .grid-item-hearing .image {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 536px;
    --p-height: 684px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-your-health .grid-item-hearing .image {
        --p-width: 396px;
        --p-height: 504px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-your-health .grid-item-hearing .image {
        --p-width: 482px;
        --p-height: 440px
    }
}

@media only screen and (min-width:735px) {
    .section-your-health .grid-item-hearing .image {
        position: relative;
        left: 50%;
        margin-left: -268px
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-your-health .grid-item-hearing .image {
        left: 50%;
        margin-left: -198px
    }
}

@media only screen and (min-width:735px)and (max-width:734px) {
    .section-your-health .grid-item-hearing .image {
        left: 50%;
        margin-left: -241px
    }
}

@media only screen and (max-width:734px) {
    .section-your-health .grid-item-hearing .image {
        margin-left: 0
    }
}

@media only screen and (max-width:374px) {
    .section-your-health .grid-item-hearing .tile-overlay-copy {
        max-height: 86.5%;
        overflow: scroll
    }
}

@media only screen and (min-width:735px) {
    .section-your-health .grid-item-medication-tracking .tile-content {
        display: grid
    }
}

@media only screen and (min-width:735px) {

    .section-your-health .grid-item-medication-tracking .tile-body,
    .section-your-health .grid-item-medication-tracking .tile-header {
        grid-area: 1/1
    }
}

.section-your-health .grid-item-medication-tracking .tile-header {
    max-width: 412px;
    z-index: 1
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-your-health .grid-item-medication-tracking .tile-header {
        max-width: 326px
    }
}

html.text-zoom .section-your-health .grid-item-medication-tracking .tile-header {
    background: rgba(255, 255, 255, .8)
}

.section-your-health .grid-item-medication-tracking .tile-body {
    --tile-body-padding-bottom: 70px
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-your-health .grid-item-medication-tracking .tile-body {
        --tile-body-padding-top: 95px;
        --tile-padding-left: 180px
    }
}

@media only screen and (max-width:734px) {
    .section-your-health .grid-item-medication-tracking .tile-body {
        --tile-body-padding-bottom: 0
    }
}

.section-your-health .grid-item-medication-tracking .image {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 587px;
    --p-height: 664px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-your-health .grid-item-medication-tracking .image {
        --p-width: 432px;
        --p-height: 500px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-your-health .grid-item-medication-tracking .image {
        --p-width: 456px;
        --p-height: 440px
    }
}

@media only screen and (min-width:735px) {
    .section-your-health .grid-item-medication-tracking .image {
        position: relative;
        left: 50%;
        margin-left: -293.5px
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-your-health .grid-item-medication-tracking .image {
        left: 50%;
        margin-left: -216px
    }
}

@media only screen and (min-width:735px)and (max-width:734px) {
    .section-your-health .grid-item-medication-tracking .image {
        left: 50%;
        margin-left: -228px
    }
}

@media only screen and (max-width:374px) {
    .section-your-health .grid-item-medication-tracking .tile-overlay-copy {
        max-height: 86.5%;
        overflow: scroll
    }
}

.section-device-grid {
  position: relative;
  overflow-x: hidden;
  height: 2530px
}

html.text-zoom .section-device-grid {
  margin-bottom: 200px
}

.section-device-grid+.section-your-health {
  margin-top: -110px
}

@media only screen and (max-width:1068px) {
  .section-device-grid+.section-your-health {
      margin-top: -625px
  }
}

@media only screen and (max-width:734px) {
  .section-device-grid {
      height: auto
  }

  .section-device-grid+.section-your-health {
      margin-top: 0
  }
}


.device-grid {
  --grid-gap: 65px;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(8, 259px);
  grid-gap: var(--grid-gap);
  gap: var(--grid-gap)
}

@media only screen and (max-width:1068px) {
  .device-grid {
      --grid-gap: 46px;
      grid-template-columns: repeat(4, 282px)
  }
}

@media only screen and (max-width:734px) {
  .device-grid {
      --grid-row-gap: 90px;
      --grid-column-gap: 36px;
      grid-gap: var(--grid-row-gap) var(--grid-column-gap);
      gap: var(--grid-row-gap) var(--grid-column-gap);
      position: static;
      transform: none;
      grid-template-columns: repeat(2, calc(50% - var(--grid-column-gap)/2));
      grid-template-rows: repeat(4, 780px);
      padding-block-end: 60px
  }
}

.device-grid-item-wrapper {
  --copy-padding: 24px;
  display: block;
  width: var(--p-width);
  height: var(--p-height);
  --p-width: 382px;
  --p-height: 766px;
  position: relative;
  margin-top: 0
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
  .device-grid-item-wrapper {
      --p-width: 282px;
      --p-height: 564px
  }
}

@media only screen and (max-width:734px)and (max-width:734px) {
  .device-grid-item-wrapper {
      --p-width: 288px;
      --p-height: 577px
  }
}


.grid-item-sleep-apnea .tile-body {
  align-items: center;
}

/* .grid-item-vitals .tile-body {
  align-items: center;
} */
/* 2024/08/31 WS */


/** 2024/9/3 **/
@media only screen and (max-width:1068px){
    .device-grid-item-wrapper.copy-secure .device-grid-copy-secure,
    .device-grid-item-wrapper.copy-fingertips .device-grid-copy-fingertips,
    .device-grid-item-wrapper.copy-data .device-grid-copy-data{
        padding-left: 0px;
    }
}
/** 2024/9/3 **/

.grid-item-highlights .tile-overlay-content .link-standalone {
display: inline-block;
margin-top: 1em;
color: #fff;
}