/* /content/dam/intelligentcontent/unbranded/mibcaware/us/en/css/global.css */
#sv-support-for-you h1 {
  color: #002F6C;
  font-family: "komet",serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -3.36px;
  margin: 0;
}

#sv-support-for-you h2 {
  color: #002F6C;
  font-family: "komet",serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
}

#sv-support-for-you h3 {
  color: #002F6C;
  font-family: "komet",serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.04px;
  margin: 0;
}

#support-main-banner p {
  color: #002F6C;
  font-family: Komet;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.54px;
  align-self: stretch;
}

#sv-support-for-you ul {
  list-style: disc;
  padding-left: 26px;
}

#sv-support-for-you ul li {
  color: #4C4F56;
  font-family: "komet",serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.64px;
}

#sv-support-for-you .support-main-banner {
  background: var(--Light-Sunrise, linear-gradient(90deg, #E6C8D8 0%, #F3E2CE 100%));
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
  padding: 72px 8.31%;
  flex-direction: row;
}

#sv-support-for-you .support-banner {
  flex: 1;
  width: 100%;
  max-width: 593px;
}

#sv-support-for-you .support-image img {
  max-width: 593px;
  width: 100%;
}

#support-white-container .orange-ln,
#sv-support-for-you .orange-ln {
  height: 3px;
  background: var(--Sunrise, linear-gradient(305deg, #FEA30B 22.99%, #DA3287 84.44%));
  border: none;
  margin: 17px 0 17px;
}

#support-white-container .orange-ln {
  height: 2px;
}

#support-white-container1, 
#support-white-container {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  flex-direction: column;
  background: #F5F5F5;
}

.support-main-banner .p-styling {
  color: #002F6C;
  font-family: Komet;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.54px;
}

#support-white-container1 .p-styling ,
#support-white-container .p-styling {
  color: #4C4F56;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.64px;
  padding-bottom: 16px;
}

#support-grey-container {
  display: flex;
  /*padding: 48px 22.92% 0 22.92%;*/
  padding: 48px 22.91% 0 22.91%;
  flex-direction: column;
  background: #e9ebee;
}

#support-grey-container .article-content {
  color: #323232;
  font-family: "komet", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -1px;
  opacity: 0.68;
  text-align: left;
}

#support-grey-container h2 {
  padding-bottom: 16px;
}

#support-grey-container .article-content::after {
  padding-bottom: 24px;
  padding-top: 48px;
}

#support-grey-container .articles-cards-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
  padding-top: 24px;
  padding-bottom: 48px;
}

.articles-card-1, .articles-card-2 ,.articles-card-3 {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 70px 19px 0px rgba(0, 0, 0, 0.00), 0px 45px 18px 0px rgba(0, 0, 0, 0.01), 0px 25px 15px 0px rgba(0, 0, 0, 0.05), 0px 11px 11px 0px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
}

.articles-cards-container .card-image img {
  border-radius: 8px;
}

.articles-cards-container .card-image {
  display: flex;
  justify-content: center;
}

.articles-flex-container .article-sup-btn {
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #FEA30B;
  color: #323232;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.articles-flex-container .item-2 {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 45%;
}

.articles-flex-container .time-editable {
  color: #323232;
  font-family: "komet", serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.42px;
  text-underline-position: from-font;
}

.articles-cards-container .read-more-button {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #002F6C;
  font-family: "komet", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.54px;
  border-radius: 100px;
  border: 1px solid #002F6C;
  background: #FFF;
  text-decoration: none;
}

.articles-flex-container {
  display: flex;
  gap: 13px;
  align-items: center;
}

.articles-cards-container .time-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.articles-cards-container .body-text {
  color: #4C4F56;
  font-family: "komet", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.64px;
}

#support-white-container .further-p {
  color: #002F6C;
  font-family: Komet;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.8px;
  margin: 0;
  padding-bottom: 0px;
}

#support-white-container1 {
  padding: 48px 22.92%;
}

#support-white-container .further-div-padding {
  padding: 48px 8.34%;
}

#support-white-container .articles-cards-container {
  gap: 40px;
}

#support-white-container .articles-flex-container .article-sup-btn {
  background: #D0006F;
  color: #DFDFDF;
  text-align: center;
}

#support-white-container .articles-cards-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 31px;
  align-self: stretch;
  padding-top: 16px;
}

@media screen and (min-width: 993px) and (max-width: 1439px) {
  #sv-support-for-you .support-main-banner {
    row-gap: 1.3888888888888888vw;
    padding: 5vw 8.31%;
  }

  #sv-support-for-you h1 {
    font-size: clamp(1.75rem, -0.2444rem + 4.1605vw, 3.5rem);
  }

  #support-white-container .orange-ln, #sv-support-for-you .orange-ln {
    height: 3px;
    background: var(--Sunrise, linear-gradient(305deg, #FEA30B 22.99%, #DA3287 84.44%));
    border: none;
    margin: 1.1805555555555556vw 0 1.1805555555555556vw;
  }

  .support-main-banner .p-styling {
    font-size: clamp(0.5625rem, -0.0786rem + 1.3373vw, 1.125rem);
  }

  #sv-support-for-you .support-image img {
    max-width: 41.18055555555556vw;
    width: 100%;
  }

  #support-white-container1 {
    padding: 3.3333333333333335vw 22.92%;
  }

  #support-white-container1 .p-styling, #support-white-container .p-styling {
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    padding-bottom: 1.1111111111111112vw;
  }

  #sv-support-for-you ul li {
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
  }

  #support-grey-container {
    padding: 3.3333333333333335vw 22.91% 0 22.91%;
  }

  #sv-support-for-you h2 {
    font-size: clamp(1.125rem, -0.1571rem + 2.6746vw, 2.25rem);
  }

  #support-grey-container h2 {
    padding-bottom: 1.1111111111111112vw;
  }

  #support-grey-container .article-content {
    font-size: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
  }

  #support-grey-container .articles-cards-container {
    gap: 1.6666666666666667vw;
    padding-top: 1.6666666666666667vw;
    padding-bottom: 3.3333333333333335vw;
  }

  .articles-card-1, .articles-card-2, .articles-card-3 {
    padding: 1.3888888888888888vw;
    gap: 1.1111111111111112vw;
    border-radius: 1.1111111111111112vw;
    box-shadow: 0px 70px 19px 0px rgba(0, 0, 0, 0.00), 0px 45px 18px 0px rgba(0, 0, 0, 0.01), 0px 25px 15px 0px rgba(0, 0, 0, 0.05), 0px 11px 11px 0px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
  }

  #sv-support-for-you h3 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
  }

  .articles-flex-container .article-sup-btn {
    padding: 0.2777777777777778vw 0.5555555555555556vw;
    gap: 0.2777777777777778vw;
    border-radius: 0.5555555555555556vw;
    font-size: clamp(0.4375rem, -0.0611rem + 1.0401vw, 0.875rem);
  }

  .articles-flex-container .item-2 {
    gap: 0.2777777777777778vw;
  }

  .articles-flex-container .item-2 img {
    gap: 0.2777777777777778vw;
    max-width: 1.6666666666666667vw;
  }

  .articles-cards-container .time-container {
    gap: 1.1111111111111112vw;
  }

  .articles-flex-container .time-editable {
    font-size: clamp(0.4375rem, -0.0611rem + 1.0401vw, 0.875rem);
  }

  .articles-cards-container .body-text {
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
  }

  .articles-cards-container .read-more-button {
    padding: 0.5555555555555556vw 1.1111111111111112vw;
    gap: 0.5555555555555556vw;
    font-size: 1.25vw;
    border-radius: 6.944444444444445vw;
  }

  #support-white-container .further-div-padding {
    padding: 3.3333333333333335vw 8.34%;
  }

  #support-white-container .further-p {
    font-size: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
  }

  #support-white-container .articles-cards-container {
    gap: 2.1527777777777777vw;
    padding-top: 1.1111111111111112vw;
  }
}

@media screen and (max-width: 992px) {
  #sv-support-for-you .support-banner {
    width: 100%;
  }

  #sv-support-for-you .support-main-banner {
    padding: 72px 20px;
    flex-direction: column;
  }

  .articles-card-1, .articles-card-2, .articles-card-3 {
    max-width: 335px;
  }

  #support-grey-container .articles-cards-container {
    flex-direction: column;
    gap: 44px;
    padding-bottom: 20px;
    align-items: center;
  }

  #support-grey-container .mob-card-container {
    gap: 20px;
    align-items: center;
  }

  #support-grey-container .mob {
    /*display: none;*/
    ;
  }

  #support-white-container .articles-cards-container {
    flex-direction: column;
    gap: 40px;
    padding-bottom: 0;
    align-items: center;
  }

  #sv-support-for-you h1 {
    font-size: 40px;
    letter-spacing: -2.4px;
  }

  #support-grey-container {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0px 20px;
  }

  #support-white-container {
    display: flex;
    flex-direction: column;
    padding: 48px 20px;
  }

  #support-white-container1 {
    padding: 20px;
  }

  #support-white-container .further-div-padding {
    padding: 0px;
  }

  .articles-cards-container {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  #support-white-container .orange-ln {
    margin: 16px 0 16px;
  }
}