@font-face {
  font-family: 'SN-Bold';
  src: url("../fonts/PlusJakartaSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: 'SN-SemiBold';
  src: url("../fonts/PlusJakartaSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: bold;
}

@font-face {
  font-family: 'SN-Regular';
  src: url("../fonts/PlusJakartaSans-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SN-Italic';
  src: url("../fonts/PlusJakartaSans-Italic.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SN-DMSans-Regular';
  src: url("../fonts/DMSans-Regular.ttf") format('truetype');
}

@font-face {
  font-family: 'SN-DMSans-Bold';
  src: url("../fonts/DMSans-Bold.ttf") format('truetype');
}

@font-face {
  font-family: 'SN-DMSans-Medium';
  src: url("../fonts/DMSans-Medium.ttf") format('truetype');
}

@font-face {
  font-family: 'SN-DMSans-SemiBold';
  src: url("../fonts/DMSans-SemiBold.ttf") format('truetype');
}

@font-face {
  font-family: 'SN-DMSans-Light';
  src: url("../fonts/DMSans-Light.ttf") format('truetype');
}

@font-face {
  font-family: 'SN-DMSans-Thin';
  src: url("../fonts/DMSans-Thin.ttf") format('truetype');
}

:root {
  --text-primary-color: #000000;
  --text-secondary-color: #454545;
  --neutral-color: #F6F6F6;
  --neutral-color-100: #E7E7E7;
  --neutral-color-500: #6D6D6D;
  --border-color: #D1D1D1;
  --box-shadow-color: #0000001A;
  --color-hover: #ebebeb;
  --icon-color-black:#000000;
  --background-color-dark: #000000;
  --background-color-light: #ffffff;
  --text-primary-color-light: #ffffff;
  --background-color-teal:#4A8A8B;;
}

.small-header-text {
  font-family: 'SN-SemiBold';
  font-weight: 600;
  font-size: 14px;
}

.cur-pointer {
  cursor: pointer;
}

h1,
h2,
h3,h5,h6 {
  font-family: 'SN-Bold' !important;
}

h4 {
  font-family: 'SN-Bold' !important;
  font-size: 14px;
}

.semi-bold {
  font-family: 'SN-SemiBold';
}

.comm-section-container .component-wrapper-spacer {
  --slds-c-icon-color-foreground-default: var(--icon-color-black);
  font-family: 'SN-Regular';
  color: var(--icon-color-black);
}

.font-regular {
  font-family: '';
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 40px;
  line-height: 44px;
}

h3 {
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.25px;
}

.action-button{
    background: var(--neutral-color-100);
    border: none;
    border-radius: 30px;
    font-size: 14px;
    padding: 3px 20px;
    font-family: 'SN-DMSans-Regular' !important;
}

.sn-bread-crumbs {
  line-height:initial;
  .slds-breadcrumb .slds-breadcrumb__item:not(:first-child):before, .slds-breadcrumb .slds-list__item:not(:first-child):before {
    content:'/';
  }
  a {
    font-family: 'SN-DMSans-Regular';
    font-size: 14px;
    color: var(--text-secondary-color) !important;
  }
  a:hover {
    text-decoration: underline !important;
  }
  a:focus {
    outline: none;
  }
}