/* mediaquery */
:root {
  --color-primary: #5dafe0;
  --color-secondary: #000;
  --color-tertiary: #B565E0;
  --color-navy: #304671;
  --color-navy-dark: #121e3a;
  --color-primary-dark: #1c6fad;
  --color-primary-light: #eef4fb;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

.footer-atp {
  background: #5dafe0;
  padding: 50px 0;
  text-align: center;
  display: flex;
  gap: 20px;
  color: #000;
  flex-direction: column;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .footer-atp {
      padding: 50px 30px; } }
  .footer-atp h2, .footer-atp h3 {
    color: #FFF; }
    @media only screen and (max-width: 480px) {
      .footer-atp h2, .footer-atp h3 {
        font-size: 1.4rem;
        line-height: 1.6rem; } }
  .footer-atp .logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; }
    @media only screen and (max-width: 480px) {
      .footer-atp .logos {
        flex-direction: column; } }
    .footer-atp .logos .logo-cab, .footer-atp .logos .logo-cab-white {
      width: 40px;
      height: 40px; }
    .footer-atp .logos .logo-atp, .footer-atp .logos .logo-atp-white {
      width: 190px;
      height: 55px; }
    .footer-atp .logos .logo-rus, .footer-atp .logos .logo-rus-white {
      height: 40px;
      width: 150px; }
    @media only screen and (max-width: 768px) {
      .footer-atp .logos {
        max-width: 80%; } }
  .footer-atp p {
    color: #FFF; }
    @media only screen and (max-width: 480px) {
      .footer-atp p {
        font-size: 1.2rem;
        line-height: 1.2rem; } }
  .footer-atp .box-row {
    display: flex;
    gap: 20px;
    margin: 0 20px;
    padding: 10px 0;
    border-top: 1px solid #FFF; }
    .footer-atp .box-row p, .footer-atp .box-row a {
      font-size: 12px;
      line-height: 14px;
      color: #FFF; }
    @media only screen and (max-width: 768px) {
      .footer-atp .box-row {
        flex-direction: column;
        gap: 5px; } }
    .footer-atp .box-row .logo-ssn {
      margin: 0 auto; }

.footer-atp {
  height: 100vh;
  justify-content: center;
  min-height: 700px; }
  @media only screen and (max-width: 480px) {
    .footer-atp {
      padding: 0 10px;
      gap: 10px; } }
.group.expiracard .field {
  max-width: 190px; }
  @media only screen and (max-width: 768px) {
    .group.expiracard .field {
      max-width: 100%; } }