/*{########################################################################}
{###########################   Global styles   ############################}
{########################################################################}*/
/* Reset styles starts */
*,
::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

p {
  margin-top: 0;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
  color: #000000;
  outline: none;
  display: inline-block;
}

/* Reset styles ends */
body {
  font-family: 'Mulish', sans-serif;
  font-size: 16px;
  line-height: 24px;
}

/* Containers */
.sds-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.sds-container-fluid {
  width: 100%;
  padding-right: 48px;
  padding-left: 48px;
  margin-right: auto;
  margin-left: auto;
}

.main-wrapper {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.border--light-grey {
  border: 1px solid #e0e0e0;
}

/* Display styles */
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-block {
  display: block;
}

.d-in-block {
  display: inline-block;
}

/* Text modifier classes */
.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-deco-underline {
  text-decoration: underline;
}

.text-deco-none {
  text-decoration: none;
}

.text-align-left {
  text-align-last: left;
}

/* Code block styles */
.code-block--highlight {
  color: #F15353;
  background-color: #F4F0EE;
}

.code-block-syntax {
  background-color: #F4F0EE;
  border: 1px solid #C3BCB0;
  color: #1F1F1F;
  display: block;
  padding: 2rem;
  line-height: 30px;
}

/* borders */
.grey-border {
  border: 1px solid #E2DDDA;
}

/* Font stack */
.poppins-font {
  font-family: 'Poppins', sans-serif;
}

.mulish-font {
  font-family: 'Mulish', sans-serif;
}

/* Header styles */
.super-xl-header {
  font-style: normal;
  font-weight: 700;
  font-size: 89px;
  line-height: 85px;
  letter-spacing: -0.0341em;
}

.header-1-bold {
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 72px;
  letter-spacing: -0.02em;
}

.header-1-extra-light {
  font-style: normal;
  font-weight: 200;
  font-size: 64px;
  line-height: 96px;
}

.header-2-bold {
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
}

.header-2-extra-light {
  font-style: normal;
  font-weight: 200;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: -0.02em;
}

.header-2-regular {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: -0.02em;
}

.header-3-bold {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
}

.header-3-medium {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
}

.header-3-semibold {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.header-4-bold {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}

.header-4-semibold {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}

.header-4-regular {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
}

.header-4-light {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}

.header-5-semibold {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.header-5-bold {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.header-5-regular {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.header-6-bold {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}

.header-6-medium {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

/* Poppins body text styles */
.p-body-larger--light {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.01em;
}

.p-body-larger--regular {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.01em;
}

.p-body-large--bold {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
}

.p-body-large--semibold {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}

.p-body-regular--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.p-body-regular--bold {
  font-size: 16px;
  font-weight: 700;
}

.p-body-small--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.02em;
}

.p-body-small--medium {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.02em;
}

.p-body-smaller--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}

.p-body-xs--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
}

.p-body-pre-title--semibold {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.p-body-btn--text {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.p-body-link--text {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: underline;
  cursor: pointer;
}

.p-body-bold--italics {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
}

/* Mulish body styles */
/* Bold font weight */
.font-24--bold {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.02em;
}

.font-19--bold {
  font-style: normal;
  font-weight: bold;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.font-18--bold {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

/* Regular font weight */
.font-24--regular {
  font-style: normal;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}

.font-20--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.03em;
}

.font-19--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.font-18--regular {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.font-16--regular {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.font-15--regular {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.04em;
}

/* Light font weight */
.font-20--light {
  font-size: 20px;
  font-weight: 300;
}

.font-18--light {
  font-size: 18px;
  font-weight: 300;
}

.font-16--light {
  font-size: 16px;
  font-weight: 300;
}

.font-14--light {
  font-size: 14px;
  font-weight: 300;
}

/* Italic fonts */
.font-19--italic {
  font-style: italic;
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.font-16--italic {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
}

/* 12 column grid styles */
.sds-col-1,
.sds-col-2,
.sds-col-3,
.sds-col-4,
.sds-col-5,
.sds-col-6,
.sds-col-7,
.sds-col-8,
.sds-col-9,
.sds-col-10,
.sds-col-11,
.sds-col-12,
.sds-col-sm-1,
.sds-col-sm-2,
.sds-col-sm-3,
.sds-col-sm-4,
.sds-col-sm-5,
.sds-col-sm-6,
.sds-col-sm-7,
.sds-col-sm-8,
.sds-col-sm-9,
.sds-col-sm-10,
.sds-col-sm-11,
.sds-col-sm-12 {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

/* Common spaces */
.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mt-1rem {
  margin-top: 1rem;
}

.mr-1rem {
  margin-right: 1rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.ml-1rem {
  margin-left: 1rem;
}

.mt-1-5rem {
  margin-top: 1.5rem;
}

.mr-1-5rem {
  margin-right: 1.5rem;
}

.mb-1-5rem {
  margin-bottom: 1.5rem;
}

.ml-1-5rem {
  margin-left: 1.5rem;
}

.mt-2rem {
  margin-top: 2rem;
}

.mr-2rem {
  margin-right: 2rem;
}

.mb-2rem {
  margin-bottom: 2rem;
}

.ml-2rem {
  margin-left: 2rem;
}

.spacer-1rem {
  height: 1rem;
}

.spacer-1-5rem {
  height: 1.5rem;
}

.spacer-2rem {
  height: 2rem;
}

.line-height-0 {
  line-height: 0;
}

/*{########################################################################}
{#####################   Typography section styles   ######################}
{########################################################################}*/
.secondary-fonts--list {
  padding: 0;
}

.secondary-fonts--list .secondary-fonts--list-item {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ECF1F4;
  padding: 1rem 0;
}

.secondary-fonts--list .secondary-fonts--list-item span {
  display: block;
}

.pt-left {
  margin-top: 18px;
}

.paragraph-typography--columns {
  border-bottom: 1px solid #ECF1F4;
}

/*{########################################################################}
{####################   Brand colors section styles   #####################}
{########################################################################}*/
/* Primary colors */
.pc-sworange_bg_color {
  background-color: #EC4E36;
}

.pc-pale_green_color {
  background-color: #9BCD9B;
}

.pc-dark_green_color {
  background-color: #418179;
}

.pc-orange_color {
  background-color: #FD8F65;
}

.pc-yellow_color {
  background-color: #EFAC15;
}

.pc-blue_color {
  background-color: #1569AD;
}

.pc-dark_blue_color {
  background-color: #173753;
}

.pc-dark_yellow_color {
  background-color: #B1821B;
}

.pc-dark_pink_color {
  background-color: #953D68;
}

.pc-dark_orange_color {
  background-color: #EC4E36;
}

.pc-brown_color {
  background-color: #8D3022;
}

.pc-darker_pink_color {
  background-color: #5C1F3E;
}

/* Neutral colors */
.neutral--color-1 {
  background-color: #1F1F1F;
}

.neutral--color-2 {
  background-color: #3D3B3A;
}

.neutral--color-3 {
  background-color: #C3BCB0;
}

.neutral__font--color-3 {
  color: #C3BCB0;
}

.neutral--color-4 {
  background-color: #F4F0EE;
}

.neutral--color-5 {
  background-color: #ffffff;
}

/* Action colors */
.action--color-1 {
  background-color: #C7DC4D;
}

.action--color-2 {
  background-color: #F15353;
}

.action--color-3 {
  background-color: #F4E34B;
}

.action--color-4 {
  background-color: #E2DDDA;
}

.action--color-5 {
  background-color: #3A97F7;
}

/* Gray scale colors */
.grey-scale--color-1 {
  background-color: #FDFCFC;
}

.grey-scale--color-2 {
  background-color: #FAFAF9;
}

.grey-scale--color-3 {
  background-color: #F7F6F4;
}

.grey-scale--color-4 {
  background-color: #F0EFED;
}

.grey-scale--color-5 {
  background-color: #E0DCD7;
}

.grey-scale--color-6 {
  background-color: #D0CCC4;
}

.grey-scale--color-7 {
  background-color: #B2ACA2;
}

.grey-scale--color-8 {
  background-color: #938F87;
}

.grey-scale--color-9 {
  background-color: #65615C;
}

.grey-scale--color-10 {
  background-color: #32312F;
}

.grey-scale--color-11 {
  background-color: #1F1F1F;
}

/* Color block styles */
.bc_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.color-block {
  width: 227px;
  height: 146px;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.color-block2 {
  width: 100px;
  height: 146px;
}

.color-wrapper {
  margin-bottom: 1rem;
}

/*{########################################################################}
{######################   Layout section styles   #########################}
{########################################################################}*/
.general-list-item {
  line-height: 32px;
}

/* Table styles */
table {
  border-collapse: collapse;
}

.sds-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.sds-table > thead > tr > th,
.sds-table > tbody > tr > td {
  padding: .75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}

/* Grid section styles */
.themed-grid-col {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(239, 172, 21, 0.15);
  border: 1px solid rgba(195, 188, 176, 0.7);
}

.themed-container {
  padding: 15px;
  margin-bottom: 30px;
  background-color: rgba(155, 205, 155, 0.15);
  border: 1px solid rgba(195, 188, 176, 0.7);
}

/*{########################################################################}
{########################   component  styles   ###########################}
{########################################################################}*/
/* Button styles */
.btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 28px;
  border-radius: 36px;
  border: 0;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-transform: none;
  cursor: pointer;
  outline: 0;
}

.primary-btn--swronge {
  background-color: #FCD2B6;
  color: #32312F;
}

.primary-btn--blue {
  background-color: #3A97F7;
  color: #ffffff;
}

.primary-btn--blue:focus,
.primary-btn--blue--focus {
  background: #3A97F7;
  -webkit-box-shadow: 0px 4px 4px rgba(19, 96, 186, 0.31);
          box-shadow: 0px 4px 4px rgba(19, 96, 186, 0.31);
  border-radius: 36px;
  color: #ffffff;
}

.primary-btn--blue--active,
.primary-btn--blue:active {
  background-color: #1064BC;
  color: #ffffff;
}

.primary-btn--blue--hover,
.primary-btn--blue:hover {
  background-color: #57AAFF;
  color: #ffffff;
}

.primary-btn--blue--disable {
  background-color: #EDEEEE;
  color: #C3BCB0;
  cursor: no-drop;
}

.primary-btn--blue--progress {
  background: linear-gradient(97.5deg, #0C6ACB 47.34%, rgba(58, 151, 247, 0) 56.94%), #3A97F7;
  color: #ffffff;
}

.secondary-btn {
  background-color: #E0DCD7;
  color: #32312F;
}

.tertiary-btn {
  background-color: transparent;
  color: #3A97F7;
}

.outline__btn-primary {
  border: 2px solid #3A97F7;
  background-color: #ffffff;
  color: #3A97F7;
}

.outline__btn-secondary {
  border: 2px solid #F4F0EE;
  background-color: #ffffff;
  color: #3A97F7;
}

.outline__btn-tertiary {
  background-color: #ffffff;
  color: #3A97F7;
}

.btn--light-gray {
  background: #FAFAF9;
  color: #32312F;
}

.btn--dark-gray {
  background: #E0DCD7;
  color: #32312F;
}

.btn--black {
  background: #32312F;
  color: #FAFAF9;
}

.btn--blue {
  background: #3A97F7;
  color: #ffffff;
}

.btn--orange {
  background: #FD8F65;
  color: #ffffff;
}

.btn--dummy {
  width: 234px;
  height: 72px;
}

/* Button sizes */
.btn--lg {
  padding: 16px 28px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
}

.btn--md {
  padding: 16px 28px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}

.btn--sm {
  padding: 8px 24px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.02em;
}

.btn__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0;
  margin-right: 10px;
}

.btn__icon span {
  margin-right: 10px;
}

/* Button drop shadows */
.btn-shadow--gray {
  -webkit-box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.2);
}

.btn-shadow--blue {
  -webkit-box-shadow: 0px 8px 20px -6px rgba(58, 151, 247, 0.4);
          box-shadow: 0px 8px 20px -6px rgba(58, 151, 247, 0.4);
}

.btn-shadow--orange {
  -webkit-box-shadow: 0px 8px 20px -6px rgba(253, 143, 101, 0.4);
          box-shadow: 0px 8px 20px -6px rgba(253, 143, 101, 0.4);
}

/* button section styles */
.btn-inner-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.btn-states-inner-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 75%;
}

/* Shapes section styles */
.card--dummy {
  height: 514px;
  -webkit-box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 18px;
}

.card--dummy-block {
  height: 372px;
  border-radius: 18px;
  background-color: #938F87;
}

.card--dummy-short {
  height: 142px;
  -webkit-box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 18px;
}

.card--dummy-long {
  height: 347px;
  -webkit-box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 18px;
}

.input--dummy {
  height: 56px;
  border-radius: 4px;
}

/* Text box styles */
.text-box-label {
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #3D3B3A;
  margin-bottom: 15px;
  display: block;
}

.text-box {
  padding: 16px 24px;
  width: 434px;
  height: 56px;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.text-box:focus {
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.text-box--disabled,
.text-box--disabled:focus {
  border: 1px solid #B2ACA2;
  color: #B2ACA2;
  cursor: no-drop;
}

.text-box--hover,
.text-box--hover:focus {
  border: 1px solid #65615C;
}

.text-box--hover:hover {
  -webkit-box-shadow: 0px 4px 6px #E0DCD7;
          box-shadow: 0px 4px 6px #E0DCD7;
  border: 1px solid #3A97F7;
}

/* Error text box styles start */
.text-box--error,
.text-box--error:focus {
  border: 1px solid #F15353;
  background: rgba(241, 83, 83, 0.1);
  color: #F15353;
}

.text-box--error::-webkit-input-placeholder {
  color: #F15353;
  opacity: 1;
}

.text-box--error:-ms-input-placeholder {
  color: #F15353;
  opacity: 1;
}

.text-box--error::-ms-input-placeholder {
  color: #F15353;
  opacity: 1;
}

.text-box--error::placeholder {
  color: #F15353;
  opacity: 1;
}

.text-box-error-msg {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #F15353;
  display: block;
  margin-top: 13px;
}

/* Error text box styles ends */
/* Success text box styles start */
.text-box--success,
.text-box--success:focus {
  border: 1px solid #C7DC4D;
  background: rgba(199, 220, 77, 0.1);
  color: #C7DC4D;
  cursor: no-drop;
}

.text-box--success::-webkit-input-placeholder {
  color: #C7DC4D;
  opacity: 1;
}

.text-box--success:-ms-input-placeholder {
  color: #C7DC4D;
  opacity: 1;
}

.text-box--success::-ms-input-placeholder {
  color: #C7DC4D;
  opacity: 1;
}

.text-box--success::placeholder {
  color: #C7DC4D;
  opacity: 1;
}

/* Success text box styles ends */
/* Icon section styles */
.icon-set-name {
  background: #979797;
  border-radius: 12px;
  color: #ffffff;
  padding: 2px 22px;
  text-align: center;
  display: inline-block;
}

/* Intro section styles */
.intro-card-wrapper .intro-card-img {
  border: 1px solid #E0DCD7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.intro-card-wrapper .intro-card-img:hover {
  -webkit-box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.4);
}

.intro-card-wrapper .intro-card-img img {
  max-width: 100%;
}

.intro-card-wrapper .intro-card-desc {
  margin-top: 21px;
}

/* Header styles */
.sds-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E0DCD7;
  -webkit-box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 8px 20px -6px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  z-index: 9;
  background-color: #ffffff;
}

.sds-header .logo-nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.sds-header .logo h1 a {
  text-decoration: none;
}

.sds-header .logo h1:hover {
  text-decoration: underline;
}

.sds-header .sds-nav-wrapper {
  margin-left: auto;
}

.sds-header .sds-nav-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.sds-header .sds-nav-wrapper ul li {
  list-style-type: none;
  margin-right: 1rem;
  margin-left: 1rem;
  line-height: normal;
}

.sds-header .sds-nav-wrapper ul li a {
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}

.sds-header .sds-nav-wrapper ul li:hover {
  border-bottom: 1px solid #000000;
}

.hamburger__menu-wrapper {
  display: none;
}

.hamburger__menu-wrapper .hamburger__icon {
  text-decoration: none;
}

.hamburger__menu-wrapper .hamburger__icon:hover {
  text-decoration: none;
}

.dummy-height {
  height: 110px;
}

/*{########################################################################}
{###########################   Media queries   ############################}
{########################################################################}*/
@media (min-width: 576px) {
  .sds-container {
    max-width: 540px;
  }
  /* 12 column grid styles for medium screens */
  .sds-col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .sds-col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .sds-col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .sds-col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .sds-col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .sds-col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .sds-col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .sds-col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .sds-col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .sds-col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .sds-col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .sds-col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}

@media (min-width: 768px) {
  .sds-container {
    max-width: 720px;
  }
  /* 12 column grid styles for medium screens */
  .sds-col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .sds-col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .sds-col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .sds-col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .sds-col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .sds-col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .sds-col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .sds-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .sds-col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .sds-col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .sds-col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .sds-col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}

@media (min-width: 992px) {
  .sds-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .sds-container {
    max-width: 1140px;
  }
}

@media (max-width: 992px) {
  .sds-container-fluid {
    padding-right: 24px;
    padding-left: 24px;
  }
  /* 12 column grid styles */
  .sds-col-1,
  .sds-col-2,
  .sds-col-3,
  .sds-col-4,
  .sds-col-5,
  .sds-col-6,
  .sds-col-7,
  .sds-col-8,
  .sds-col-9,
  .sds-col-10,
  .sds-col-11,
  .sds-col-12,
  .sds-col-sm-1,
  .sds-col-sm-2,
  .sds-col-sm-3,
  .sds-col-sm-4,
  .sds-col-sm-5,
  .sds-col-sm-6,
  .sds-col-sm-7,
  .sds-col-sm-8,
  .sds-col-sm-9,
  .sds-col-sm-10,
  .sds-col-sm-11,
  .sds-col-sm-12 {
    position: relative;
    width: 100%;
    padding-right: 9px;
    padding-left: 9px;
  }
  /* Header styles */
  .hamburger__menu-wrapper {
    display: block !important;
    margin-left: auto;
  }
  #sds_links {
    display: none;
  }
  .sds-header .logo-nav-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sds-header .sds-nav-wrapper {
    margin-left: inherit;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .sds-header .sds-nav-wrapper ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sds-header .sds-nav-wrapper ul li {
    line-height: 2.5rem;
  }
  .sds-header {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

@media (max-width: 767px) {
  .secondary-fonts--list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .secondary-fonts--list .secondary-fonts--list-item span {
    margin-bottom: 1.2rem;
    margin-top: 1.2rem;
  }
  .paragraph-typography--columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* Responsive font sizes */
  .font-24--bold {
    font-size: 20px;
  }
  .font-18--regular,
  .font-18--bold {
    font-size: 16px;
  }
  .header-2-regular,
  .header-2-bold {
    font-size: 32px;
  }
  .header-1-bold,
  .header-1-extra-light {
    font-size: 50px;
  }
  .super-xl-header {
    font-size: 60px;
  }
  .font-24--regular {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.04em;
  }
  .sds-table-wrapper {
    overflow: auto;
  }
  .text-box {
    width: 100%;
  }
  .btn,
  .icon-set-wrapper {
    margin-bottom: 1rem;
  }
}

@media (max-width: 575px) {
  .bc_container {
    width: 100%;
  }
  .color-block {
    width: 100%;
    margin-right: 0;
  }
  .sds-container {
    max-width: 370px;
  }
}
/*# sourceMappingURL=styles.css.map */