#contentBoxWrapper {
  margin: 0 auto;
  width: 920px;
  padding: 112px 0 150px 0;
}

@media (max-width: 1280px) {
  #contentBoxWrapper {
    padding: 112px 0 180px 0;
  }
}

@media (max-width: 1024px) {
  #contentBoxWrapper {
    padding: 104px 0 180px 0;
  }
}

#contentBoxWrapper .logoImage {
  content: url(../images/logo/statestreet-logo-new.svg);
}

#contentBoxWrapper .content-title {
  color: var(--blue-color);
  font-size: 36px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  line-height: 100%;
  letter-spacing: 0px;
  height: 43px;
  font-family: 'Lab-Antiqua';
}

#contentBoxWrapper .support-box {
  height: 487px;
  margin-top: 28px;
}

#contentBoxWrapper .support-box,
#contentBoxWrapper .faq,
#contentBoxWrapper .media-title,
#contentBoxWrapper .support-box p,
#contentBoxWrapper .support-box a,
#contentBoxWrapper .faq .question,
#contentBoxWrapper .faq .answer,
#contentBoxWrapper .faq div {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--black-color);
}

#contentBoxWrapper .media-title {
  font-weight: 600;
  height: 19px;
  font-size: 16px;
  margin-bottom: 8px;
}

#contentBoxWrapper .support-box p {
  margin: 0 0 20px 0;
}

#contentBoxWrapper .support-box a {
  text-decoration: underline;
  color: var(--primary-theme-color);
}

#contentBoxWrapper .faq {
  margin-bottom: 20px;
}

#contentBoxWrapper .faq .question {
  font-weight: 600;
  line-height: 24px;
}

#contentBoxWrapper .faq .answer {
  font-weight: 400;
  line-height: 21px;
}

@media (max-width: 1024px) {
  #contentBoxWrapper {
    width: 90%;
    min-width: 320px;
    max-width: 920px;
    padding: 104px 0 180px 0;
  }
}

@media (max-width: 600px) {
  #contentBoxWrapper {
    width: 98%;
    min-width: 0;
    padding: 80px 0 30px 0;
  }
}

#contentBoxWrapper .content-box {
  height: 487px;
  margin-top: 28px;
}

#contentBoxWrapper .content-box a {
  color: var(--primary-theme-color);
}

#contentBoxWrapper .content-box p {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0px;
  font-weight: 400;
  color: var(--black-color);
}

#contentBoxWrapper .helpdesk-info,
#contentBoxWrapper .helpdesk-info span,
#contentBoxWrapper .support-detail,
#contentBoxWrapper .helpdesk-wrapper {
  font-size: 14px;
}

#contentBoxWrapper .helpdesk-info {
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0px;
  background-color: transparent;
  padding: 0;
  height: auto;
  box-sizing: border-box;
  margin-bottom: 0;
}

#contentBoxWrapper .helpdesk-header {
  font-size: 15px;
}

#contentBoxWrapper .helpdesk-info span {
  display: block;
}

#contentBoxWrapper .helpdesk-wrapper {
  padding-top: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
}

#contentBoxWrapper .helpdesk-wrapper a {
  text-decoration: underline;
  color: var(--primary-theme-color);
}

#contentBoxWrapper .support-detail div {
  height: 27px;
}

#contentBoxWrapper .support-detail span {
  display: inline-block;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  height: 17px;
}

#contentBoxWrapper .support-detail-intro {
  font-size: 18px;
  padding-top: 27px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0px;
  height: 22px;
}

#contentBoxWrapper .support-detail-header {
  height: 17px;
  font-weight: 600;
  line-height: 24px;
  padding-top: 19px;
  letter-spacing: 0px;
  margin-bottom: 5px;
  font-size: 14px;
}


#contentBoxWrapper .sitesupport-div.inner{
  line-height: 21px;
  padding-left: 0px;
  font-size: 14px;
  padding-top: 0px;
}

#contentBoxWrapper .detail-label {
  width: 118px;
}

/* New responsive support details layout */
.support-details-container {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 15%;
}

.support-detail {
  flex: 1 1 250px;
  min-width: 250px;
  max-width: 350px;
  box-sizing: border-box;
  max-height: fit-content;
}

@media (max-width: 800px) {
  .support-details-container {
    flex-direction: column;
    gap: 12px;
    padding-bottom: 20%;
  }

  .support-detail {
    max-width: 100%;
  }
}