/* Локальные шрифты - используем созданные файлы */

/* Figtree - основной шрифт */
@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 400;
    src: local("Figtree"),
      url(../fonts/FigtreeRegular.woff) format("woff");
    font-display: swap;
}

/* Gotham - базовый шрифт */
@font-face {
    font-family: gotham;
    font-style: normal;
    font-weight: 400;
    src: local("Gotham Book"),
      url(../fonts/GothamBook.woff) format("woff");
    font-display: swap;
}

/* Gotham Light */
@font-face {
    font-family: gotham;
    font-style: normal;
    font-weight: 300;
    src: local("Gotham Light"),
      url(../fonts/GothamLight.woff) format("woff");
    font-display: swap;
}

/* Gotham Medium */
@font-face {
    font-family: gotham;
    font-style: normal;
    font-weight: 500;
    src: local("Gotham Medium"),
      url(../fonts/GothamMedium.woff) format("woff");
    font-display: swap;
}

/* Gotham Bold */
@font-face {
    font-family: gotham;
    font-style: normal;
    font-weight: 700;
    src: local("Gotham Bold"),
      url(../fonts/GothamBold.woff) format("woff");
    font-display: swap;
}

/* Gotham Bold альтернативный */
@font-face {
    font-family: gotham;
    font-style: normal;
    font-weight: 700;
    src: local("Gotham Bold"),
      url(../fonts/Gotham-Bold.woff) format("woff");
    font-display: swap;
}

/* Создаем алиасы для различных вариантов Gotham */
@font-face {
    font-family: "gotham black";
    font-style: normal;
    font-weight: 900;
    src: local("Gotham Black"),
      url(../fonts/Gotham-Black.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "gotham light";
    font-style: normal;
    font-weight: 300;
    src: local("Gotham Light"),
      url(../fonts/Gotham-Light.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "gotham thin";
    font-style: normal;
    font-weight: 200;
    src: local("Gotham Thin"),
      url(../fonts/GothamLight.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "gotham xlight";
    font-style: normal;
    font-weight: 100;
    src: local("Gotham XLight"),
      url(../fonts/GothamLight.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "gotham ultra";
    font-style: normal;
    font-weight: 800;
    src: local("Gotham Ultra"),
      url(../fonts/GothamBold.woff) format("woff");
    font-display: swap;
}

/* Остальные стили остаются прежними */
  
  html,
  body,
  .penfed-body,
  .ping-input-label,
  label,
  .ping-button,
  .ping-button.disabled,
  input,
  .text-input {
      font-family: 'Figtree', 'Montserrat', "Helvetica Neue", "helvetica", "Roboto", "Segoe UI", "sans-serif" !important;
  }
  
  html {
      background-color: #ffffff !important;
      background-image: -webkit-radial-gradient(40% 40%, circle cover, rgb(255 255 255) 30%, #ffffff 80%) !important;
      letter-spacing: 0.28125px !important;
      font-weight: 400 !important;
  }
  
  body,
  .penfed-body {
      background-color: inherit !important;
      font-weight: 400 !important;
  }
  
  .ping-container {
      padding-bottom: 0px !important;
      padding-top: 0px !important;
      display: flex !important;
      flex-direction: column !important;
  }
  
  .ping-header {
      text-align: left !important;
      padding-left: 50px !important;
      padding-right: 50px !important;
      box-shadow: none !important;
      max-width: 650px !important;
      font-size: 32px !important;
      /* width: 100% !important; */
  }
  
  .penfed-header-pushdown {
      padding-top: 2% !important;
  }
  
  .company-logo {
      text-align: center !important;
      padding-bottom: 25px !important;
      height: auto !important;
      max-height: none !important;
  }
  
  .penfed-logo {
      height: 73px !important;
      max-height: 73px !important;
      width: auto !important;
  }
  
  .ping-body-container {
      margin: 0 auto !important;
      box-shadow: none !important;
      max-width: 650px !important;
      padding-top: 20px !important;
      flex-grow: 1 !important;
      /* width: 100% !important; */
  }
  
  .ping-input-label {
      color: #282828 !important;
      text-transform: none !important;
      font-size: 16px !important;
      line-height: 24px !important;
      font-weight: 400 !important;
  }
  
  label {
      font-weight: 400 !important;
  }
  
  input {
      background-color: #ffffff !important;
      border: 0.0625rem solid #6D6D6D !important;
      border-radius: 4px !important;
      border: 1px solid #595959 !important;
  }
  
  .ping-input-container .tooltip-text.type-alert {
      max-width: inherit !important;
  }
  
  .ping-buttons,
  #signOnButtonSpan {
      display: inline !important;
  }
  
  .ping-button,
  .ping-button.disabled {
      background-color: #002855 !important;
      font-size: 16px !important;
      border-radius: 4px !important;
      font-weight: 400 !important;
  }
  
  .penfed-r-button {
      background-color: #037FB0 !important;
  }
  
  .penfed-normal-button {
      background-color: inherit !important;
      text-transform: none !important;
  }
  
  .ping-input-link {
      text-align: left !important;
      font-size: 16px !important;
      color: #037FB0 !important;
  }
  
  .ping-input-link > a.password-change{
      color: #037FB0 !important;
  }
  
  .ping-checkbox-container {
      color: #282828 !important;
  }
  
  .penfed-fam-label {
      pointer-events: none !important;
      margin-top: 0px !important;
  }
  
  .penfed-fam-icon {
      pointer-events: all !important;
  }
  
  label .ping-checkbox-container .icon:before {
      border: 1px solid #000000 !important;
      height: 22px !important;
      width: 22px !important;
  }
  
  body.mobile .ping-signin .my-computer,
  body.mobile .ping-signin .my-computer * {
      display: inherit !important;
  }
  
  .penfed-required {
      color: #C41C30 !important;
  }
  
  .tile-button__content,
  .password-change {
      line-height: 1.5em !important;
  }
  
  .tile-button__title {
      line-height: 2em !important;
  }
  
  .penfed-main-footer {
      /* position: fixed !important; */
      bottom: 0 !important;
      width: 100% !important;
      font-weight: 500 !important;
  }
  
  .penfed-footer {
      background-color: #002855 !important;
      max-width: 100% !important;
      margin-bottom: 0px !important;
      letter-spacing: 0.535714px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
  
  .penfed-footer-inner {
      display: inline-block !important;
  }
  
  .penfed-list-1,
  .penfed-list-2 {
      padding-right: 10% !important;
  }
  
  .penfed-list-1,
  .penfed-list-2,
  .penfed-list-3 {
      vertical-align: top !important;
  }
  
  .penfed-ehl-logo {
      width: 20px !important;
  }
  
  .penfed-link-list {
      color: #ffffff !important;
      text-align: left !important;
      font-size: 15px !important;
  }
  
  .penfed-link {
      color: #ffffff !important;
  }
  
  .penfed-footer-logos {
      height: auto !important;
      width: 24px !important;
      padding-left: 10px !important;
  }
  
  .penfed-footer1 {
      margin-bottom: 0px !important;
      padding-bottom: 0px !important;
      padding-top: 0px !important;
      padding-right: 2% !important;
      padding-left: 2% !important;
  }
  
  .penfed-footer-message {
      font-size: 12px !important;
      color: #ffff !important;
  }
  
  .penfed-footer2 {
      max-height: 40px !important;
      min-height: 40px !important;
      padding-bottom: 50px !important;
      padding-right: 2% !important;
      padding-left: 2% !important;
  }
  
  .penfed-footer3 {
      padding-bottom: 25px !important;
      min-height: 0 !important;
      padding-top: 20px !important;
      padding-right: 2% !important;
      padding-left: 2% !important;
  }
  
  .ping-footer-copyright {
      color: #ffffff !important;
      font-size: 12.1px !important;
      letter-spacing: 0.432143px !important;
      padding-right: 30px !important;
  }
  
  .icon-feedback,
  .icon-feedback__label,
  .icon-heading {
      font-family: inherit !important
  }
  
  .page {
      background-color: #ffffff !important;
      background-image: -webkit-radial-gradient(40% 40%, circle cover, rgb(255 255 255) 30%, #ffffff 80%) !important;
  }
  
  .penfed-footer-fixed {
      /* position: inherit !important;	 */
  }
  
  .text-input--primary.input--otp {
      max-width: 190px !important;
      font-size: 36px !important;
      height: 50px !important;
  }
  
  .file-input--button.button--tertiary {
      position: inherit !important;
      display: inherit !important;
      margin-right: auto !important;
      height: 30px !important;
      line-height: 0px !important;
  }
  
  .file-input--button.button--primary {
      position: inherit !important;
      display: inherit !important;
      margin-right: auto !important;
      color: #fff !important;
      background: #002855 !important;
      border-color: #002855 !important;
  }
  
  .pf-back-button {
      position: absolute !important;
      line-height: 0px !important;
      padding: 3px !important;
      width: 35px !important;
  }
  
  .penfed-content-wrapper {
      flex-grow: 1 !important;
  }
  
  .penfed-box-shadow {
      -webkit-box-shadow: 0 1px 4px 1px rgba(121, 128, 135, .35) !important;
      box-shadow: 0 1px 4px 1px rgba(121, 128, 135, .35) !important;
      margin-top: 5%;
  }
  
  .penfed-box-shadow-bottom {
      -webkit-box-shadow: 0 5px 4px 1px rgba(121, 128, 135, .35) !important;
      box-shadow: 0 5px 4px 1px rgba(121, 128, 135, .35) !important;
  }
  
  .penfed-header-secondary {
      max-width: none !important;
  }
  
  .penfed-logo-span {
      padding-left: 5% !important;
      float: left !important;
  }
  
  .penfed-question-span {
      padding-right: 5% !important;
      float: right !important;
  }
  
  .penfed-secure-span {
      padding-right: 5% !important;
      float: right !important;
  }
  
  .penfed-logo-secondary {
      height: 52px !important;
      max-height: 52px !important;
      width: auto !important;
  }	
  
  .penfed-logo-question {
      height: 25px !important;
      margin-top: 8px !important;
  }
  
  .penfed-logo-secure {
      height: 18px !important;
      margin-bottom: 4px !important;
  }
  
  .penfed-logo-secure-text {
      font-size: 10px !important;
      line-height: 0px !important;
      text-transform: uppercase !important;
      color: rgba(0, 0, 0, 0.3) !important;
  }
  
  .penfed-r-text {
      color: #000000 !important;
  }
  
  .penfed-bold {
      font-weight: bold !important;
  }
  
  .penfed-dots {
      background: none !important;
      border: 0 !important;
      display: block !important;
      padding: 9px !important;
      -webkit-box-shadow: none !important;
      cursor: pointer !important;
      position: relative !important;
      border-radius: 2px !important;
      margin-right: 0px !important;
      box-shadow: none !important;
      min-height: 0 !important;
      width: unset !important;
      font-size: 15px !important;
      height: unset !important;
      line-height: unset !important;
  }
  
  .penfed-alt-button {
      text-align: center !important;
      padding: 0 !important;
  }
  
  .penfed-alt-button-text {
      width: 100% !important;
      text-transform: none !important;
      text-align: center !important;
      padding: 0 !important;
      margin: 0 !important;
      height: 40px !important;
      line-height: 40px !important;
      color: #fff !important;
      background-color: #002855 !important;
      background-image: none !important;
  }
  
  .penfed-passkey-icon {
      width: 22px !important;
      position: relative !important;
      top: 4px !important;
      right: 15px !important;
  }
  
  :modal {
      border: 0.0625rem solid #6D6D6D !important;
      border-radius: 4px !important;
      width: 650px !important;
      margin-top: 150px !important;
  }
  
  .penfed-separator {
      text-transform: uppercase !important;
      font-size: 12px !important;
      margin-top: 30px !important;
      border-top: 1px solid #d1d3d4 !important;
  }
  
  .penfed-separator-text {
      top: -10px !important;
      position: relative !important;
      background-color: #fff !important;
      width: 30px !important;
      display: inline-block !important;
  }
  
  .penfed-social-media-container {
      margin-top: 25px !important;
  }
  
  .penfed-approval {
      border: 0 !important;
      text-align: inherit !important;
  }
  
  .penfed-input-row {
      padding-top: 20px !important;
  }
  
  .penfed-tc {
      text-align: left !important;
  }
  
  .penfed-ul {
      list-style: oustide !important;
      margin-left: 0 !important;
      padding-left: 40px !important;
  }
  
  .penfed-li {
      list-style-type: disc !important;
  }
  
  .penfe-tc-title {
      text-align: center !important;
      color: #037FB0 !important;
  }
  
  .penfed-tc-link {
      color: #037FB0 !important;
  }
  
  .penfed-tc-dialog {
      margin-top: auto !important;
  }
  
  @media (max-width: 750px) {
      .penfed-box-shadow {
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
      }
  
      .penfed-box-shadow-bottom {
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
      }
  }
  
  @media (max-width: 480px) {
      .page, .page.brand-background {
          background: #ffffff !important;
          background-color: #ffffff !important;
          background-image: -webkit-radial-gradient(40% 40%, circle cover, rgb(255 255 255) 30%, #ffffff 80%) !important;
      }
  }
  
  @media (max-height: 900), (max-device-height: 900), (max-width: 750px), (max-device-width: 750px) {
      .penfed-main-footer {
          /* position: inherit !important; */
      }
  }
  
  @media (max-width: 900px), (max-device-width: 900px), (max-width: 480px), (max-device-width: 480px) {
      .ping-input-link {
          display: inline !important;
      }
      
      .ping-input-link a {
          display: inline !important;
      }
      
      .penfed-input-link {
          text-align: center !important;
          display: inline-block !important;
      }
  }
  
  .penfed-footer-inner-with-logo-mobile {
      display: none !important;
  }
  
  @media (max-width: 480px), (max-device-width: 480px) {
      .penfed-footer3 {
          display: none !important;
      }
      
      .penfed-footer-inner {
          display: inherit !important;
      }
      
      .penfed-footer1 {
          padding-top: 30px !important;
      }
      
      .penfed-footer-inner-with-logo {
          display: none !important;
      }
      
      .penfed-footer-inner-with-logo-mobile {
          display: inline-block !important;
      }
      
      .penfed-footer2 {
          text-align: left !important;
      }
      
      .penfed-footer-logos {
          padding-left: 12px !important;
      }
      
      .ping-footer-copyright {
          padding-left: 3% !important;
      }
  }
  
  @media (max-width: 780px), (max-device-width: 780px) {
      .penfed-list-1, .penfed-list-2 {
          padding-right: 8% !important;
      }
  }
  
  @media (max-width: 550px), (max-device-width: 550px) {
      .penfed-list-1, .penfed-list-2 {
          padding-right: 0% !important;
      }
      
      .penfed-link-list {
          font-size: 12px !important;
      }
  }
  
  
  
  .penfed-dv-input-label-full {
    width: 100% !important;
  }
  
  .penfed-dv-input-reqs {
    font-size: 14px !important;
    margin-bottom: 20px !important;
  }
  
  .penfed-dv-p {
    margin: 0 !important;
    padding-left: 40px !important;
  }
  
  .penfed-dv-invalid {
    color: #ed3a03 !important;
  }
  
  .penfed-dv-invalid:before {
    position: relative !important;
    left: -35px !important;
    content: "✖" !important;
  }
  
  .penfed-dv-valid {
    color: #090 !important;
  }
  
  .penfed-dv-valid:before {
    position: relative !important;
    left: -35px !important;
    content: "✔" !important;
  }
  
  .penfed-dv-hidden {
    display: none !important;
  }
  
  .penfed-int-buttons {
      display: inline-block !important;
      width: 100% !important;
  }
  
  .penfed-fw {
      width: 100% !important;
  }
  
  .penfed-verify-row {
      text-align: center !important;
  }
  
  .penfed-verify-button {
      padding: 0 10px !important;
      width: 105px !important;
      margin: 0 !important;
      background-color: #2996cc !important;
      color: #fff !important;
      border: none !important;
  }
  
  .penfed-verify-label {
      display: inline-block !important;
  }
  
  .penfed-font-inherit {
      font-family: inherit !important;
  }
  
  .penfed-mt-0 {
      margin-top: 0 !important;
  }
  
  .penfed-mb-2 {
      margin-bottom: 10px !important;
  }
  
  .penfed-pt-0 {
      padding-top: 0 !important;
  }