@font-face {
    font-family: "FTAktual";
    src: url(../../../../fonts/FTAktual-Regular.woff2) format("woff2"),
      url(../../../../fonts/FTAktual-Regular.woff) format("woff"),
      url(../../../../fonts/FTAktual-Regular.ttf) format("truetype"),
      url(../../../../fonts/FTAktual-Regular.otf) format("otf");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "FTAktual";
    src: url(../../../../fonts/FTAktual-Medium.woff2) format("woff2"),
      url(../../../../fonts/FTAktual-Medium.woff) format("woff"),
      url(../../../../fonts/FTAktual-Medium.ttf) format("truetype"),
      url(../../../../fonts/FTAktual-Medium.otf) format("otf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "FTAktual";
    src: url(../../../../fonts/FTAktual-Semibold.woff2) format("woff2"),
      url(../../../../fonts/FTAktual-Semibold.woff) format("woff"),
      url(../../../../fonts/FTAktual-Semibold.ttf) format("truetype"),
      url(../../../../fonts/FTAktual-Semibold.otf) format("otf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "FTAktual";
    src: url(../../../../fonts/FTAktual-Bold.woff2) format("woff2"),
      url(../../../../fonts/FTAktual-Bold.woff) format("woff"),
      url(../../../../fonts/FTAktual-Bold.ttf) format("truetype"),
      url(../../../../fonts/FTAktual-Bold.otf) format("otf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  body {
    font-family: "FTAktual", sans-serif !important;
  }
  .section-loader {
    display: none !important;
  }
  #wrapper {
    padding: 0 24px;
    background-color: #FAFAFA !important;
  }
  #header h1 ~ .logo-wrapper {
    margin: 32px 0 0;
  }
  .pagetitle-rebtel h1 {     
    display: none; 
  }
  h1 {
    font-family: "FTAktual", sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
  }
  .pagetitle-rebtel p {
    font-family: "FTAktual", sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
  .pagetitle-rebtel img + p {
    margin-top: 32px;
  }
  #main {
    display: block;
  }
  main#main > .container {
    padding: 0;
    height: 100%;
  }
  .pagecontent.internal-page-container {
    padding-top: 40px;
    height: 100%;
  }
  .gen_msg {
    font-family: "FTAktual", sans-serif;
    position: relative;
    padding: 0.875rem 0.75rem;
    margin-bottom: 0;
    border-radius: 0.5rem;
    margin-top: 32px;
    font-weight: 500;
  }
  .gen_msg.error-msg {
    color: #c34ea3;
    background-color: rgba(195, 78, 163, 0.05);
    border-color: rgba(195, 78, 163, 0.5);
  }
  .gen_msg.fixed-notification {
    position: fixed;
    padding: 0.875rem 0.75rem !important;
  } 
  form label,
  .label-txt {
    font-family: "FTAktual", sans-serif;
    display: block;
    line-height: 1.5;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
  }
   form label{ margin-top: 0; margin-bottom: 3px;}
  .label-txt{ color: #7F8690; font-weight: normal;}  
  .form-control,
  .field-static {
    background: transparent;
    height: 27px;
    font-size: 12px;
    line-height: 1.4;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-style: solid;
    font-family: "FTAktual", sans-serif;
  }
  .field-static{ color: #121212; font-weight: 600; border-width:0;}
  .form-control.error-field, .field-static.error-field, .field.field-focused .form-control.error-field, .field.field-focused .field-static.error-field {
    border-bottom-color: #c34ea3;
  }
  
  .error-text {
    display: block;
    margin: 4px 0 0;
    line-height: 1.5;
    font-size: 12px;
    font-family: "FTAktual", sans-serif;
  }
  .form-control::placeholder {
    color: #7f8690;
    opacity: 1;
    letter-spacing: 0;
  }
  
  select.form-control:focus::-ms-value {
    color: #010101;
    background-color: #fff;
  }
  .btn[type="submit"] {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    min-height: 56px;
    padding: 13px 15px;
    font-family: "FTAktual", sans-serif;
  }
  #footer {
    height: 56px;
    font-family: "FTAktual", sans-serif;
  }
  .rebtel-button .btn[type="submit"]{

  }
  
  /* ================ tile css ================ */
  /* .form-control,
      .field-static{border-radius:0;font-size:18px;border-bottom: 0.5px solid #DCDFE3;border-width:0 0 0.5px;color: #121212;line-height: 25.2px;height: 38px;} */
  /* .activation-cardno-wrapper .form-control,
      .activation-cardno-wrapper .field-static,
      .activate-card-wrapper .field input{border-radius:0;font-size:18px;border-bottom:1px solid #010101;border-width:0 0 1px;color: #121212;line-height: 25.2px;background: #fff !important;} */
  /* .card-auth-info-wrapper .form-control {font-weight:510 !important; letter-spacing: 0;}
      .card-auth-info-wrapper .field-static {font-weight:510 !important; letter-spacing: 0;} */
  /* .activation-cardno-wrapper .form-control,
      .activation-cardno-wrapper .field-static,
      .activate-card-wrapper .field input{height: 48px !important;color: #121212;background: #fff;font-weight: 400;padding: 12px;margin-top: 17px;} */
  /* .activate-card-wrapper .field{margin-bottom: 25px;} */
  .has-icon-right .ico {
    font-weight: 600;
  }
  /* .form-control::placeholder{opacity:0.6;} */
  .cardverification_container .field-holder{ margin: 0; }
  .cardverification_container .field{ border-bottom: 1px solid #DCDFE3; border-radius: 0; min-height: 76px; padding: 10px 0 6px;}
  .cardverification_container .field .field-static{ font-size: 14px; line-height: 1.5; height: 31px;}
  .field-holder {
    min-height: inherit !important;
    margin-bottom: 40px;
  }
  /* h1{font-size:28px;line-height:32px;padding:4px 40px 0;} */
  /* .activation-cardno-wrapper #cardverification label{width:100%;font-weight:400;font-size:17px;color:#3D4249;line-height:24px;padding:0 9px 27px;display: none;} */
  /* .activation-cardno-wrapper #header .container-fluid{padding:72px 15px 0;}
      .activate-card-wrapper #header .container-fluid{padding:72px 15px 0;}
      .card-auth-info-wrapper #header .container-fluid{padding:0 0 64px 0;} */
  /* .activation-cardno-wrapper .field:first-child input {margin-top: 0 !important;}  */
  .activate-card-wrapper .max-100 {
    max-width: 100%;
  }
  /* .activate-card-wrapper #cardverification .error-text{margin:5px 0 10px;} */
  /* .form-control:focus{border-bottom:1px solid #010101;} */
  /* .form label,
      .label-txt{font-weight:400!important; letter-spacing: 0;line-height: 17.5px;} */
  #cvvholder {
    min-width: 100%;
  }
  .field-static.has-icon-right .ico.copy {
    margin: -31px -17px 0 !important;
    color: #121212;
    font-weight: 400;
    text-decoration: underline;
    font-size: 12px;
    line-height: 18px;
  }
  .card-auth-info-wrapper .card-wrapper img {
    max-width: 188px;
    box-shadow: 0 5px 20px rgba(48, 55, 65, 0.1), 0 5px 20px rgba(21, 22, 24, 0.1);
    border-radius: 14px;
  }
  /* .card-auth-info-wrapper h1{padding:48px 40px 6px;} */
  /* .activation-cardno-wrapper .btn,
      #activateButton{padding:16px !important; font-size:18px!important;max-width: 332px !important;height: 56px; opacity: 1;} */
  /* .activation-cardno-wrapper .rebtel-button, 
      */
  .rebtel-button {
    position: fixed;
    bottom: 56px;
    max-width: calc(100% - 96px);
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    padding: 0 !important;
  }
  /* .activation-cardno-wrapper #cardverification label em,
      .activation-cardno-wrapper h1 {display: none;} */
  /* .card-auth-info-wrapper h1.menu-view-title {display: none;} */
  /* .card-auth-info-wrapper h1.dash-view-title {color: #121212; font-weight: 700; font-size: 28px;} */
  .card-auth-info-wrapper .card-wrapper {
    padding: 0 0 32px;
    border-bottom: 0.5px solid #DCDFE3;
    border-width: 0 0 0.5px;
    margin: 0;
  }
  .card-auth-info-wrapper .field span {
    padding-left: 0;
  }
  /* .error-text {color: #C6008E; font-size: 12px; line-height: 15px; font-weight: 400;margin-top: 10px;letter-spacing: 0;} */
  .error-text ol {
    margin-top: 13px;
    padding: 0 0 0 18px;
  }
  /* .gen_msg.error-msg {display: none;} */
  /* .activate-card-wrapper h1,
      .activate-card-wrapper .form label,
      .activate-card-wrapper .label-txt {display: none;} */
  .activate-card-wrapper .field input#dob {
    margin-top: 0;
  }
  /* .activate-card-wrapper .field input[type="password"] {font-family: Verdana;letter-spacing: 0.125em} */
  .has-icon-right .calendar-icon {
    display: none;
  }
  .ui-datepicker-calendar td a.ui-state-highlight,
  .ui-datepicker-calendar td a:focus,
  .ui-datepicker-calendar td a:hover {
    background: #010101 !important;
  }
  /* .card-info-dash-view h1.dash-view-title {font-family: 'GT-Pressura-Mono-Bold';padding-top: 20px;padding-bottom: 95px; text-transform: uppercase;text-align: center;font-weight: 500;} */
  /* .card-info-dash-view #header .container-fluid {padding: 0;} */
  .card-info-dash-view .container-fluid-inner {
    border-top: 0.5px solid #dcdfe3;
    padding-top: 15px;
  }
  .card-info-dash-view #wrapper {
    background: #FAFAFA;
  }
  #header .container-fluid {
    padding: 32px 0 0;
}
.field.field-focused.ss-focus .form-control, .field.field-focused.ss-focus .form-control{ border-color: #DCDFE3;}
.field.field-focused .form-control, .field.field-focused .field-static{ border-color: #010101;}
.field.ss-focus .field-focused .form-control, .field.ss-focus .field-focused .field-static { border-color: #010101;}
  .setpin-wrapper #header .logo-wrapper{ margin: 0;}
  .setpin-wrapper #main .pagecontent.internal-page-container{ padding: 0;}
  .retrieve-pin #cardverification{ padding-top: 0;}
  /* @media (max-width: 391px) {
     .card-auth-info-wrapper .card-wrapper img {
      min-width: 196px;
      max-height: 307px;
    } 
    .card-auth-info-wrapper .card-wrapper {
      margin: 0;
      padding: 0 0 32px;
    }
  }
  @media (max-width: 376px) {
     .card-auth-info-wrapper .card-wrapper img {
      min-width: 175px;
      max-height: 274px;
    } 
    .card-auth-info-wrapper .card-wrapper {
      margin: 0;
      padding: 0 0 32px;
    }
  } */
  @media screen and (max-width: 376px) and (max-height: 811px) {
    .field-static.has-icon-right .ico.copy {
      margin: -24px -19px 0 !important;
    }
  }
  @media (max-height: 580px) {
    .rebtel-button {
      position: relative;
      max-width: inherit;
      margin: 0 auto;
      max-width: calc(100% - 48px);
      display: block;
      top: 0;
      bottom: 0;
    }
  }
  /* ================ tile css ================ */
#wrapper.setup-current-pin-page #currentPinForm p {margin: 0 0 40px;}
#wrapper.setup-current-pin-page #main .pagecontent.internal-page-container {padding-top: 0;}
.retrieve-pin .pagecontent .otp-container .counter svg circle:last-child, .pagecontent .counter svg circle:last-child {stroke: #010101;}
.retrieve-pin .pagecontent .otp-container .source .ico,
.retrieve-pin .pagecontent .otp-container .send-again a {color: #010101;}
.retrieve-pin .pagecontent #formInnerContent .rebtel-button button {background: #010101;border-color: #010101;}
.pagecontent#cardverification .otp-container .counter svg circle:last-child, .pagecontent .counter svg circle:last-child {stroke: #010101;}
.retrieve-pin .pagecontent .manage-pin .countDiv.countDiv2, 
.retrieve-pin .pagecontent .manage-pin .counter.time-inside .mins, 
.retrieve-pin .pagecontent .manage-pin .counter.time-inside .seconds, 
.retrieve-pin .pagecontent .session-timeout .minutes, 
.retrieve-pin .pagecontent .session-timeout .seconds, 
.retrieve-pin .pagecontent .otp-container .source .ico, 
.retrieve-pin .pagecontent .otp-container .send-again a {color: #010101;}
.retrieve-pin .internal-page-container .otp-container {background: #F9FAFA;}
.retrieve-pin .internal-page-container .otp-container .passcode-box .radio label {font-weight: 400;}
.retrieve-pin .internal-page-container .otp-container .btn {font-weight: 500;}