@font-face {
    font-family: 'Montserrat Bold';
    src: url('../assets/fonts/Montserrat-Bold.eot');
    src: url('../assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../assets/fonts/Montserrat-Bold.woff') format('woff'),
        url('../assets/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../assets/fonts/Montserrat-Regular.eot');
    src: url('../assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../assets/fonts/Montserrat-Regular.woff') format('woff'),
        url('../assets/fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

.font-MontserratBold{
    font-family: 'Montserrat Bold';
}

html {
  scroll-behavior: smooth;
}

html {
  overflow-x: hidden !important;
}

body {
  font-family: "Montserrat";
}

input:focus, select:focus
input:focus-visible, select:focus-visible{
    box-shadow: none !important;
    border-color:#FB8F03!important;
}

.progress-card {
    display:flex; align-items:center; gap:12px;
    background:rgba(255,255,255,0.06); padding:12px 14px; border-radius:12px;
  }
  .icon { width:44px; height:44px; border-radius:50%; overflow:hidden; flex-shrink:0; }
  .icon img { width:100%; height:100%; object-fit:cover; }
  .content { flex:1; min-width:0; }

  /* .title {
    display:inline-block; background:#f57c00; color:#fff; font-weight:700;
    font-size:13px; line-height:1; padding:4px 10px; border-radius:6px; margin-bottom:8px;
  } */

  .bar-wrap { position:relative; height:12px; background:#b2ebf2; border-radius:999px; overflow:hidden; }
  .bar-fill { position:absolute; inset:0 auto 0 0; width:0%; background:#00acc1; border-radius:999px; transition:width .5s ease; }

  .pct {
    /* position:absolute; right:8px; top:-20px;  */
    font-weight:700; font-size:0.9rem; text-shadow:0 1px 1px rgba(0,0,0,.35);
  }

  /* Optional: small card shadow */
  .progress-card { box-shadow:0 6px 14px rgba(0,0,0,.22); }