/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
section.social-responsibility-award-section {
  background: #F6F7F2; }
  @media only screen and (max-width: 767px) {
    section.social-responsibility-award-section {
      padding-top: 40px;
      padding-bottom: 60px; } }
  @media only screen and (min-width: 768px) {
    section.social-responsibility-award-section {
      padding-top: 70px;
      padding-bottom: 100px; } }
  section.social-responsibility-award-section .social-responsibility-award-container {
    max-width: 1280px;
    margin: 0 auto; }
    section.social-responsibility-award-section .social-responsibility-award-container .award {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      margin: 0 auto;
      max-width: 920px; }
      @media only screen and (max-width: 374px) {
        section.social-responsibility-award-section .social-responsibility-award-container .award {
          flex-direction: column;
          gap: 30px; } }
      @media only screen and (min-width: 375px) {
        section.social-responsibility-award-section .social-responsibility-award-container .award {
          flex-direction: row;
          gap: 50px; } }
      section.social-responsibility-award-section .social-responsibility-award-container .award .award-image {
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: top;
        min-width: 200px;
        min-height: 200px;
        max-width: 200px;
        max-height: 200px; }
      section.social-responsibility-award-section .social-responsibility-award-container .award .subheader {
        margin-top: 0; }

/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
@media only screen and (max-width: 767px) {
  section.social-responsibility-list-section {
    padding-top: 40px;
    padding-bottom: 60px; } }

@media only screen and (min-width: 768px) {
  section.social-responsibility-list-section {
    padding-top: 60px;
    padding-bottom: 100px; } }

section.social-responsibility-list-section .social-responsibility-container {
  max-width: 1280px;
  margin: 0 auto; }
  section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 840px; }
    section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items p a {
      width: fit-content;
      background: linear-gradient(0.25turn, #FF3D00 3.35%, #FF7A00 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-decoration: none;
      margin-bottom: 1em;
      margin-top: 1em; }
    section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items ul.example-list {
      list-style: none;
      margin-block-start: 0;
      padding-inline-start: 0;
      margin-block-end: 0; }
      section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items ul.example-list .example-item {
        display: flex;
        align-items: start;
        margin-bottom: 1em;
        margin-top: 1em; }
        section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items ul.example-list .example-item:before {
          flex-shrink: 0;
          content: '';
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2.04492 6.5L6.99467 11.4497L16.8942 1.55025' stroke='%23FF7A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E ");
          width: 24px;
          height: 24px;
          background-size: 19px;
          margin-right: 10px; }
    section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items .header-text {
      text-align: left; }
    section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items .description-text {
      color: #3A4147; }
    section.social-responsibility-list-section .social-responsibility-container .social-responsibility-items .red-to-orange {
      margin: 5px 0 15px;
      height: 5px;
      width: 85px;
      background: linear-gradient(0.25turn, #FF3D00 3.35%, #FF7A00 100%);
      border: none; }

/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
@media only screen and (min-width: 1440px) {
  section.social-responsibility-tagline-section {
    padding-bottom: 100px; } }

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  section.social-responsibility-tagline-section {
    padding-bottom: 50px; } }

@media only screen and (max-width: 1023px) {
  section.social-responsibility-tagline-section {
    padding-bottom: 30px; } }

section.social-responsibility-tagline-section .tagline-section-container {
  max-width: 1280px;
  margin: 0 auto; }
  @media only screen and (min-width: 1280px) {
    section.social-responsibility-tagline-section .tagline-section-container {
      display: grid;
      margin-top: 50px;
      grid-template-columns: minmax(auto, 768px) minmax(5px, 1fr) 389px;
      grid-template-areas: "head . img"
 ". . img"
 "desc . img"
 ". . img"
 "lines  . img";
      grid-template-rows: auto 50px auto minmax(50px, 1fr) auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    section.social-responsibility-tagline-section .tagline-section-container {
      display: grid;
      grid-template-columns: 1fr 50px 300px;
      grid-template-areas: "head head head"
 ". . img"
 "desc . img"
 ". . img"
 "lines lines img";
      grid-template-rows: auto 50px auto 50px auto; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    section.social-responsibility-tagline-section .tagline-section-container {
      display: grid;
      margin-top: 50px;
      grid-template-areas: "head head head"
 ". . ."
 "desc . img"
 ". . ."
 "lines lines lines";
      grid-template-columns: 1fr 50px 200px;
      grid-template-rows: auto 25px auto 50px auto; } }
  @media only screen and (max-width: 767px) {
    section.social-responsibility-tagline-section .tagline-section-container {
      display: block; } }

section.social-responsibility-tagline-section .header {
  text-align: left; }
  @media only screen and (max-width: 767px) {
    section.social-responsibility-tagline-section .header {
      margin: 0 0 25px; } }
  @media only screen and (min-width: 768px) {
    section.social-responsibility-tagline-section .header {
      grid-area: head;
      margin: 0; } }

@media only screen and (min-width: 768px) {
  section.social-responsibility-tagline-section .tagline-subheader {
    grid-area: desc;
    margin: 0; } }

@media only screen and (max-width: 767px) {
  section.social-responsibility-tagline-section .tagline-subheader {
    margin: 0 0 25px; } }

@media only screen and (min-width: 768px) {
  section.social-responsibility-tagline-section .tagline-lines {
    grid-area: lines;
    margin: 0; } }

section.social-responsibility-tagline-section .tagline-image {
  grid-area: img;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top; }
  @media only screen and (max-width: 767px) {
    section.social-responsibility-tagline-section .tagline-image {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    section.social-responsibility-tagline-section .tagline-image {
      background-image: url(../../images/social-responsibility_sm.svg);
      padding-bottom: 167.5%; } }
  @media only screen and (min-width: 1024px) {
    section.social-responsibility-tagline-section .tagline-image {
      padding-bottom: 105.33333%;
      background-image: url(../../images/social-responsibility.svg); } }