#sv-how-its-attr-page .cmp-text {
  font-size: initial;
  padding: 0;
}

#sv-how-its-attr-page sup {
  line-height: 0;
  font-size: small;
}

#sv-how-its-attr-page {
  width: 100%;
  max-width: 1440px;
}

#sv-how-its-attr-page .desktop {
  display: block;
}

#sv-how-its-attr-page .mobile {
  display: none;
}

#sv-how-its-attr-page #attr-banner {
  min-height: 400px;
  padding: 72px 20px;
  background: linear-gradient(90deg, #DFF2F9 0%, #B7CBE8 100%);
}

#sv-how-its-attr-page #attr-container1 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

#sv-how-its-attr-page .attr-banner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}

#sv-how-its-attr-page .attr-banner .attr-banner-text {
  max-width: 595px;
}

#sv-how-its-attr-page .attr-banner .attr-banner-text h1 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 67.2px;
  letter-spacing: -3.36px;
}

#sv-how-its-attr-page .attr-banner .attr-banner-text p {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.54px;
}

#sv-how-its-attr-page .attr-banner .attr-banner-text hr {
  background: linear-gradient(305deg, #FEA30B 22.99%, #DA3287 84.44%);
  height: 3px;
  align-self: stretch;
  margin: 17px 0;
  border: 0;
}

#sv-how-its-attr-page .attr-banner .attr-banner-img img {
  max-width: 100%;
}
#sv-how-its-attr-page #acapella-page #acapella-inner-banner p{
  letter-spacing: -0.48px;    
}
#sv-how-its-attr-page #acapella-page #acapella-inner-banner h1{
    margin-bottom:0;
}

#sv-how-its-attr-page #attr-subhead {
  background: #e9ecee;
  padding: 48px 20px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-learn-more {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

#sv-how-its-attr-page #attr-learn-more h2 {
  color: #002F6C;
  margin: 0 0 15px;
  font-family: Komet;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 43.2px;
}

#sv-how-its-attr-page #attr-learn-more ul {
  list-style: disc;
  margin-left: 25px;
}

#sv-how-its-attr-page #attr-learn-more ul li {
  color: #4C4F56;
  margin: 0px 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}

#sv-how-its-attr-page #attr-learn-more ul li span {
  position: relative;
  left: -2px;
}

#sv-how-its-attr-page #attr-learn-more p {
  color: #4C4F56;
  margin: 20px 0 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}

#sv-how-its-attr-page .attr-learn-banner {
  display: flex;
  width: 780px;
  padding: 20px;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #FEA30B;
}

#sv-how-its-attr-page .attr-learn-banner .attr-learn-img img {
  max-width: 107px;
}

#sv-how-its-attr-page .attr-learn-banner h3 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

#sv-how-its-attr-page  .attr-learn-banner a {
  position: relative;
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}

#sv-how-its-attr-page  .attr-learn-banner a:hover {
  text-decoration: none;
}

#sv-how-its-attr-page  .attr-learn-banner a:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 17px;
  top: 3px;
  right: -20px;
  background: url(/content/dam/intelligentcontent/unbranded/acapella/gb/en/images/desktop/how-is-attr/Vector.png) no-repeat;
  background-size: 40%;
  background-position: center;
}

#sv-how-its-attr-page .attr-learn-text {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

#sv-how-its-attr-page .attr-learn-text p {
  margin: 0 !important;
}

#sv-how-its-attr-page #attr-sympt {
  background: #F5F5F5;
  padding: 48px 20px 28px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-inner-sympt {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#sv-how-its-attr-page #attr-inner-sympt .attr-learn-banner, #sv-how-its-attr-page #attr-inner-diagnosis .attr-learn-banner {
  margin-bottom: 20px;
}

#sv-how-its-attr-page  #attr-inner-sympt h4 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -1.04px;
}

#sv-how-its-attr-page  #attr-inner-sympt h5 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

#sv-how-its-attr-page  #attr-inner-sympt p {
  color: #4C4F56;
  margin: 18px 0px;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}

#sv-how-its-attr-page #attr-inner-sympt ul {
  list-style: disc;
  margin-left: 25px;
}

#sv-how-its-attr-page #attr-inner-sympt ul li {
  color: #4C4F56;
  margin: 0px 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.04em;
}

#sv-how-its-attr-page #attr-inner-sympt ul li span {
  position: relative;
  left: -2px;
}

#sv-how-its-attr-page #attr-diagnosis {
  background: #e9ecee;
  padding: 48px 20px 33px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-inner-diagnosis {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#sv-how-its-attr-page  #attr-inner-diagnosis h4 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -1.04px;
}

#sv-how-its-attr-page  #attr-inner-diagnosis h5 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-top: 10px;
}

#sv-how-its-attr-page  #attr-inner-diagnosis h5 sup {
  font-weight: 500;
}

#sv-how-its-attr-page  #attr-inner-diagnosis p {
  color: #4C4F56;
  margin: 15px 0 20px;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}

#sv-how-its-attr-page #attr-inner-diagnosis ul {
  list-style: disc;
  margin-left: 25px;
  margin-bottom: 15px;
}

#sv-how-its-attr-page #attr-inner-diagnosis ul li {
  color: #4C4F56;
  /*margin: 5px 0;*/
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.48px;
}

#sv-how-its-attr-page #attr-inner-diagnosis ul li span {
  position: relative;
  left: -2px;
}

#sv-how-its-attr-page #attr-diagnosis-matters {
  background: #F5F5F5;
  padding: 48px 20px 33px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-inner-diagnosis-matters {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#sv-how-its-attr-page  #attr-inner-diagnosis-matters h4 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -1.04px;
}

#sv-how-its-attr-page  #attr-inner-diagnosis-matters p {
  color: #4C4F56;
  margin: 18px 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.041em;
}

#sv-how-its-attr-page #attr-final-tip {
  background: #e9ecee;
  padding: 48px 20px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-inner-final-tip {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#sv-how-its-attr-page  #attr-inner-final-tip h3 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -1.04px;
}

#sv-how-its-attr-page  #attr-inner-final-tip p {
  color: #4C4F56;
  margin: 15px 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}

#sv-how-its-attr-page  #attr-inner-final-tip .attr-tip {
  display: flex;
  align-items: center;
  gap: 20px;
}

#sv-how-its-attr-page  #attr-inner-final-tip .attr-tip img {
  max-width: 216px;
}

#sv-how-its-attr-page #attr-reading {
  background: #E9EBEE;
  padding: 48px 20px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-inner-reading {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

#sv-how-its-attr-page #attr-inner-reading h2 {
  color: #002F6C;
  margin: 0 0 15px;
  font-family: Komet;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 43.2px;
}

#sv-how-its-attr-page #attr-inner-reading hr {
  background: linear-gradient(305deg, #FEA30B 22.99%, #DA3287 84.44%);
  height: 2px;
  align-self: stretch;
  margin: 17px 0;
  border: 0;
}

#sv-how-its-attr-page #attr-inner-reading p {
  color: #002F6C;
  margin: 0 0 20px;
  font-family: Komet;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.04em;
}

#sv-how-its-attr-page #attr-inner-reading .card-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 30px;
}

#sv-how-its-attr-page #attr-inner-reading .card-section .card:first-child .cardcontent .cardcontent-copy1 .cardcontent-copy1sec {
  background-color: #FEA30B;
  color: #323232;
}

#sv-how-its-attr-page .card {
  width: 378px;
  background: white;
  height: 536px;
  box-shadow: 0px 3px 6px 0px #0000001A, 0px 11px 11px 0px #00000017,0px 25px 15px 0px #0000000D, 0px 45px 18px 0px #00000003, 0px 70px 19px 0px #00000000;
  border-radius: 16px;
  padding: 20px;
  margin: 0;
}

#sv-how-its-attr-page .card .cardimg {
}

#sv-how-its-attr-page .card .cardimg img {
  width: 100%;
  border-radius: 8px;
}

#sv-how-its-attr-page .card .cardcontent {
  margin-top: 16px;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-head {
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-head h3 {
  font-family: "Komet";
  font-size: 26px;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -0.05em;
  text-align: left;
  color: #002F6C;
  margin: 0;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 {
  margin-top: 16px;
  display: flex;
  align-items: center;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1sec {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #DFDFDF;
  background: #002F6C;
  padding: 4px 8px;
  border-radius: 8px;
  max-height: fit-content;
}

#sv-how-its-attr-page  .card .cardcontent .cardcontent-copy1 .cardcontent-copy1time {
  margin-left: 13px;
  display: flex;
  height: max-content;
  align-items: center;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1time .cardcontent-copy1time-icon {
  width: 24px;
  margin-right: 4px;
}

#sv-how-its-attr-page  .card .cardcontent .cardcontent-copy1  .cardcontent-copy1time .cardcontent-copy1time-icon img {
  width: 100%;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-copy1  .cardcontent-copy1time .cardcontent-copy1timecopy {
  font-family: "Komet";
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  justify-content: center;
  color: #323232;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-copy2 {
  font-family: "Komet";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.04em;
  text-align: left;
  margin: 16px 0;
  color: #4C4F56;
}

#sv-how-its-attr-page .card .cardcontent .cardcontent-cta a {
  font-family: "Komet";
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  letter-spacing: -0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #002F6C;
  border: 1px solid #002F6C;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

#sv-how-its-attr-page #attr-reference {
  background: rgba(122, 133, 134, 0.40);
  padding: 48px 20px;
  max-width: 100%;
}

#sv-how-its-attr-page #attr-inner-reference {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

#sv-how-its-attr-page #attr-inner-reference .attr-ref {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

#sv-how-its-attr-page #attr-inner-reference .attr-ref h3 {
  color: #002F6C;
  margin: 0;
  font-family: Komet;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -1.04px;
}

#sv-how-its-attr-page #attr-inner-reference .attr-ref ul {
  margin-left: 20px;
  list-style: decimal;
}

#sv-how-its-attr-page #attr-inner-reference .attr-ref ul li {
  color: #000000;
    /* margin: 5px 0; */
  font-family: Komet;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.03em;
}

#sv-how-its-attr-page #attr-inner-reference .attr-ref ul li a {
  color: #000000;
  text-decoration: underline;
}
#sv-how-its-attr-page #attr-subhead-inner3 ul{
    margin-bottom:16px;
}
#sv-how-its-attr-page #attr-subhead-inner3 ul:last-child{
    margin-bottom:16px;
}
#sv-how-its-attr-page #attr-subhead4, #sv-how-its-attr-page #attr-subhead3 {
    padding: 48px 20px 32px;
}
#sv-how-its-attr-page #attr-subhead4 #attr-subhead-inner4 ul {
    padding-top: 0;
}

@media screen and (max-width: 992px) {
  #sv-how-its-attr-page .desktop {
    display: none;
  }

  #sv-how-its-attr-page .mobile {
    display: block;
    margin: 0 auto;
  }

  #sv-how-its-attr-page .attr-learn-banner {
    width: 100%;
  }

  #sv-how-its-attr-page .attr-banner .attr-banner-text h1 {
    font-size: 40px;
    line-height: 48px;
  }

  #sv-how-its-attr-page .attr-banner .attr-banner-img img {
    max-width: 335px;
    width: 100%;
  }

  #sv-how-its-attr-page #attr-subhead {
    padding: 20px;
  }

  #sv-how-its-attr-page #attr-sympt {
    padding: 20px;
    padding-bottom: 5px;
  }

  #sv-how-its-attr-page #attr-diagnosis {
    padding: 20px;
    padding-bottom: 5px;
  }

  #sv-how-its-attr-page #attr-diagnosis-matters {
    padding: 20px;
    padding-bottom: 5px;
  }

  #sv-how-its-attr-page #attr-final-tip {
    padding: 24px 20px;
    padding-bottom: 9px;
  }

  #sv-how-its-attr-page .attr-banner {
    flex-direction: column;
  }

  #sv-how-its-attr-page .attr-learn-banner {
    width: 100%;
  }

  #sv-how-its-attr-page #attr-inner-reading .card-section {
    flex-direction: column;
    gap: 0px;
  }

  #sv-how-its-attr-page .card {
    width: 100%;
    height: auto;
    max-width: 335px;
    margin: 0 auto 48px;
    margin-bottom: 48px;
  }

  #sv-how-its-attr-page #attr-reading {
    padding-bottom: 0px;
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref ul li a {
    word-break: break-all;
  }

  #sv-how-its-attr-page #attr-inner-final-tip .attr-tip img {
    max-width: 128px;
    margin-right: 20px;
  }

  #sv-how-its-attr-page #attr-inner-final-tip h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
  }

  #sv-how-its-attr-page #attr-inner-final-tip .attr-tip {
    /*flex-direction: column;*/
    gap: 0px;
  }

  #sv-how-its-attr-page #attr-reference {
    padding: 20px;
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref {
    gap: 10px;
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref ul {
    margin-left: 18px;
    list-style: decimal;
  }
}

/*1399px screen*/

@media screen and (max-width:1439px) and (min-width:993px) {
  #sv-how-its-attr-page #attr-banner {
    min-height: 27.77777777777778vw;
    padding: 5vw 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-container1 {
    max-width: 100vw;
  }

  #sv-how-its-attr-page .attr-banner {
    max-width: 83.33333333333334vw;
    gap: 1.3888888888888888vw;
  }

  #sv-how-its-attr-page .attr-banner .attr-banner-text {
    max-width: 41.31944444444444vw;
  }

  #sv-how-its-attr-page .attr-banner .attr-banner-text h1 {
    font-size: clamp(1.75rem, -0.25rem + 4.1667vw, 3.5rem);
    line-height: clamp(2.125rem, -0.3036rem + 5.0595vw, 4.25rem);
    letter-spacing: -3.36px;
  }

  #sv-how-its-attr-page .attr-banner .attr-banner-text hr {
    height: 0.20833333333333334vw;
    margin: 1.1805555555555556vw 0;
  }

  #sv-how-its-attr-page .attr-banner .attr-banner-text p {
    font-size: clamp(0.5625rem, -0.0804rem + 1.3393vw, 1.125rem);
    line-height: clamp(0.875rem, -0.0536rem + 1.9345vw, 1.6875rem);
    letter-spacing: -0.54px;
  }

  #sv-how-its-attr-page .attr-banner-img {
    max-width: 41.18055555555556vw;
  }

  #sv-how-its-attr-page #attr-subhead {
    padding: 3.3333333333333335vw 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-learn-more {
    max-width: 54.166666666666664vw;
    gap: 1.1111111111111112vw;
  }

  #sv-how-its-attr-page #attr-learn-more h2 {
    margin: 0 0 1.0416666666666665vw;
    font-size: clamp(1.125rem, -0.1607rem + 2.6786vw, 2.25rem);
    line-height: clamp(1.375rem, -0.125rem + 3.125vw, 2.6875rem);
  }

  #sv-how-its-attr-page #attr-learn-more ul {
    margin-left: 1.7361111111111112vw;
  }

  #sv-how-its-attr-page #attr-learn-more ul li {
    font-size: clamp(0.5rem, -0.0714rem + 1.1905vw, 1rem);
    line-height: clamp(0.75rem, -0.1071rem + 1.7857vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-learn-more p {
    margin: 1.3888888888888888vw 0 0;
    font-size: clamp(0.5rem, -0.0714rem + 1.1905vw, 1rem);
    line-height: clamp(0.75rem, -0.1071rem + 1.7857vw, 1.5rem);
  }

  #sv-how-its-attr-page .attr-learn-banner {
    width: 54.166666666666664vw;
    padding: 1.3888888888888888vw;
    gap: 1.3888888888888888vw;
  }

  #sv-how-its-attr-page .attr-learn-banner .attr-learn-img img {
    max-width: 7.430555555555555vw;
  }

  #sv-how-its-attr-page .attr-learn-text {
    gap: 0.4861111111111111vw;
  }

  #sv-how-its-attr-page .attr-learn-banner h3 {
    font-size: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
    line-height: clamp(0.875rem, -0.1222rem + 2.0802vw, 1.75rem);
  }

  #sv-how-its-attr-page .attr-learn-banner a {
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page .attr-learn-banner a:after {
    width: 1.0416666666666665vw;
    height: 1.1805555555555556vw;
    top: 0.20833333333333334vw;
    right: -1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-sympt {
    padding: 3.3333333333333335vw 1.3888888888888888vw 1.9444444444444444vw;
  }

  #sv-how-its-attr-page #attr-inner-sympt {
    max-width: 54.166666666666664vw;
  }

  #sv-how-its-attr-page #attr-inner-sympt h4 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
  }

  #sv-how-its-attr-page #attr-inner-sympt p {
    margin: 1.25vw 0px;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-inner-sympt h5 {
    font-size: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
    line-height: clamp(0.875rem, -0.1222rem + 2.0802vw, 1.75rem);
  }

  #sv-how-its-attr-page #attr-inner-sympt ul {
    margin-left: 1.7361111111111112vw;
  }

  #sv-how-its-attr-page #attr-inner-sympt ul li {
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-inner-sympt .attr-learn-banner, #sv-how-its-attr-page #attr-inner-diagnosis .attr-learn-banner {
    margin-bottom: 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-diagnosis {
    padding: 3.3333333333333335vw 1.3888888888888888vw 2.2916666666666665vw;
  }

  #sv-how-its-attr-page #attr-inner-diagnosis {
    max-width: 54.166666666666664vw;
  }

  #sv-how-its-attr-page #attr-inner-diagnosis h4 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
  }

  #sv-how-its-attr-page #attr-inner-diagnosis p {
    margin: 1.0416666666666665vw 0 1.3888888888888888vw;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-inner-diagnosis h5 {
    font-size: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
    line-height: clamp(0.875rem, -0.1222rem + 2.0802vw, 1.75rem);
  }

  #sv-how-its-attr-page #attr-inner-diagnosis ul {
    margin-left: 1.7361111111111112vw;
    margin-bottom: 1.0416666666666665vw;
  }

  #sv-how-its-attr-page #attr-inner-diagnosis ul li {
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-diagnosis-matters {
    padding: 3.3333333333333335vw 1.3888888888888888vw 2.2916666666666665vw;
  }

  #sv-how-its-attr-page #attr-inner-diagnosis-matters {
    max-width: 54.166666666666664vw;
  }

  #sv-how-its-attr-page #attr-inner-diagnosis-matters h4 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
  }

  #sv-how-its-attr-page #attr-inner-diagnosis-matters p {
    margin: 1.25vw 0;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-final-tip {
    padding: 3.3333333333333335vw 1.9444444444444444vw;
  }

  #sv-how-its-attr-page #attr-inner-final-tip {
    max-width: 75vw;
  }

  #sv-how-its-attr-page #attr-inner-final-tip .attr-tip {
    gap: 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-inner-final-tip .attr-tip img {
    max-width: 15vw;
  }

  #sv-how-its-attr-page #attr-inner-final-tip h3 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
  }

  #sv-how-its-attr-page #attr-inner-final-tip p {
    margin: 1.0416666666666665vw 0;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-how-its-attr-page #attr-reading {
    padding: 3.3333333333333335vw 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-inner-reading {
    max-width: 83.33333333333334vw;
  }

  #sv-how-its-attr-page #attr-inner-reading h2 {
    margin: 0 0 1.0416666666666665vw;
    font-size: clamp(1.125rem, -0.1607rem + 2.6786vw, 2.25rem);
    line-height: clamp(1.375rem, -0.125rem + 3.125vw, 2.6875rem);
  }

  #sv-how-its-attr-page #attr-inner-reading hr {
    height: 0.1388888888888889vw;
    margin: 1.1805555555555556vw 0;
  }

  #sv-how-its-attr-page #attr-inner-reading p {
    margin: 0 0 1.3888888888888888vw;
    font-size: clamp(0.625rem, -0.0893rem + 1.4881vw, 1.25rem);
    line-height: clamp(0.9375rem, -0.1339rem + 2.2321vw, 1.875rem);
  }

  #sv-how-its-attr-page #attr-inner-reading .card-section {
    gap: 2.083333333333333vw;
  }

  #sv-how-its-attr-page .card {
    width: 26.25vw;
    height: 37.22222222222222vw;
    padding: 1.3888888888888888vw;
  }

  #sv-how-its-attr-page .card .cardcontent {
    margin-top: 1.1111111111111112vw;
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-head h3 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 {
    margin-top: 1.1111111111111112vw;
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1sec {
    font-size: clamp(0.4375rem, -0.0611rem + 1.0401vw, 0.875rem);
    line-height: clamp(0.6563rem, -0.0917rem + 1.5602vw, 1.3125rem);
    padding: 0.2777777777777778vw 0.5555555555555556vw;
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1time {
    margin-left: 0.9027777777777777vw;
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1time .cardcontent-copy1time-icon {
    width: 1.6666666666666667vw;
    margin-right: 0.2777777777777778vw;
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1time .cardcontent-copy1timecopy {
    font-size: clamp(0.4375rem, -0.0625rem + 1.0417vw, 0.875rem);
    line-height: clamp(0.6875rem, -0.0268rem + 1.4881vw, 1.3125rem);
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy2 {
    font-size: clamp(0.5rem, -0.0714rem + 1.1905vw, 1rem);
    line-height: clamp(0.75rem, -0.1071rem + 1.7857vw, 1.5rem);
    margin: 1.1111111111111112vw 0;
  }

  #sv-how-its-attr-page .card .cardcontent .cardcontent-cta a {
    padding: 0.5555555555555556vw 1.1111111111111112vw;
    font-size: clamp(0.5625rem, -0.0804rem + 1.3393vw, 1.125rem);
    line-height: clamp(0.6875rem, -0.0268rem + 1.4881vw, 1.3125rem);
  }

  #sv-how-its-attr-page #attr-reference {
    padding: 3.3333333333333335vw 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-inner-reference {
    max-width: 83.33333333333334vw;
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref {
    gap: 0.5555555555555556vw;
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref h3 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref ul {
    margin-left: 1.3888888888888888vw;
  }

  #sv-how-its-attr-page #attr-inner-reference .attr-ref ul li {
    font-size: clamp(0.4375rem, -0.0611rem + 1.0401vw, 0.875rem);
    line-height: clamp(0.6563rem, -0.0917rem + 1.5602vw, 1.3125rem);
  }
}
@media screen and (max-width: 480px) {
    #sv-how-its-attr-page h4{
        margin: 16px 0!important;
    }
    #sv-how-its-attr-page #attr-subhead4, #sv-how-its-attr-page #attr-subhead3 {
    padding: 20px;
}
#sv-how-its-attr-page #attr-subhead-inner3 p:nth-of-type(1){
    margin: 0 0 15px;
}
#sv-how-its-attr-page h3{
    margin:16px 0!important;
}
}

@media screen and (max-width: 376px) {
  #attr-inner-reference span.mobile-bad-break {
    display: inline-block;
  }
}

@media screen and (max-width: 374px) and (min-width: 319px) {
  #sv-how-its-attr-page .card .cardcontent .cardcontent-copy1 .cardcontent-copy1sec {
    width: 50%;
    max-width: 120px;
  }
}