/* SmartBag Application Theme — Arabic-first, accessible and mobile-ready */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal-latin-400.woff2') format('woff2');}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal-arabic-500.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal-latin-500.woff2') format('woff2');}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal-latin-700.woff2') format('woff2');}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cairo-arabic-600.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cairo-latin-600.woff2') format('woff2');}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cairo-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cairo-latin-700.woff2') format('woff2');}
@font-face{font-family:'Cairo';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/cairo-arabic-800.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/cairo-latin-800.woff2') format('woff2');}

:root{--sb-navy-900:#0b1f2e;--sb-navy-800:#123349;--sb-navy-700:#17435d;--sb-teal-600:#2f7a94;--sb-teal-500:#3b93ad;--sb-teal-100:#e7f2f5;--sb-orange-500:#e8792b;--sb-ink:#1c2b33;--sb-muted:#5f7078;--sb-line:#dfe8ec;--sb-bg:#f6f9fa;--sb-radius:14px;--sb-radius-sm:9px;--sb-shadow:0 14px 40px -22px rgba(11,31,46,.38);}
html{font-size:17px;scroll-behavior:smooth;}
html[dir="rtl"] body,html[lang^="ar"] body{font-family:'Tajawal','Cairo','Segoe UI',Tahoma,Arial,sans-serif!important;}
body{color:var(--sb-ink)!important;background:radial-gradient(circle at 88% 0,rgba(59,147,173,.12),transparent 30rem),linear-gradient(180deg,#fff 0,#f6f9fa 21rem)!important;font-family:'Tajawal','Cairo','Segoe UI',Tahoma,Arial,sans-serif!important;font-size:1rem!important;line-height:1.75!important;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.survey-name,.group-title,.question-title-container{font-family:'Cairo','Tajawal','Segoe UI',Tahoma,Arial,sans-serif!important;color:var(--sb-navy-900)!important;line-height:1.4!important;letter-spacing:0!important;}

/* Brand header */
#survey-nav{min-height:78px!important;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid rgba(11,31,46,.08)!important;box-shadow:0 6px 22px rgba(11,31,46,.06)!important;backdrop-filter:blur(12px);}
#survey-nav>.container-fluid{max-width:1120px!important;width:100%!important;}
#survey-nav .logo-container{margin:0!important;padding:10px 0!important;display:flex!important;align-items:center!important;}
#survey-nav .logo{width:auto!important;max-width:230px!important;height:54px!important;object-fit:contain!important;}
#survey-nav .navbar-toggler{width:46px;height:46px;border:1px solid var(--sb-line)!important;border-radius:12px!important;color:var(--sb-navy-900)!important;background:#fff!important;}
#survey-nav .navbar-toggler:focus{box-shadow:0 0 0 4px rgba(47,122,148,.18)!important;}

/* Progress */
.top-container,.progress-wrapper{background:transparent!important;}
.progress{height:9px!important;border-radius:999px!important;background:#dfe9ed!important;overflow:hidden!important;}
.progress-bar{background:linear-gradient(90deg,var(--sb-teal-600),var(--sb-teal-500))!important;border-radius:999px!important;}

/* Content */
#outerframeContainer,.outerframe,.survey-container{max-width:980px!important;margin-inline:auto!important;}
.survey-welcome,.group-container,.survey-group,.completed-wrapper,.token-wrapper,.register-wrapper{background:rgba(255,255,255,.98)!important;border:1px solid rgba(11,31,46,.09)!important;border-radius:20px!important;box-shadow:var(--sb-shadow)!important;}
.group-title,.survey-name{font-size:clamp(1.55rem,2.7vw,2.15rem)!important;font-weight:700!important;margin-bottom:.4rem!important;}
.group-description,.survey-description,.survey-welcome p{color:var(--sb-muted)!important;font-size:1.04rem!important;line-height:1.8!important;}

/* Questions */
.question-container{margin-block:1rem!important;padding:1.35rem 1.45rem!important;background:#fff!important;border:1px solid var(--sb-line)!important;border-radius:var(--sb-radius)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.question-container:focus-within{border-color:var(--sb-teal-500)!important;box-shadow:0 0 0 4px rgba(59,147,173,.11)!important;}
.question-title-container,.question-text{font-size:1.08rem!important;font-weight:700!important;color:var(--sb-navy-900)!important;}
.asterisk{color:var(--sb-orange-500)!important;font-size:1.15em!important;}
.question-valid-container,.question-help-container,.ls-questionhelp{color:var(--sb-muted)!important;font-size:.94rem!important;line-height:1.65!important;}

/* Inputs */
.form-control,.form-select,input[type="text"],input[type="email"],input[type="number"],input[type="url"],input[type="date"],input[type="tel"],textarea,select{min-height:50px!important;padding:.72rem .9rem!important;color:var(--sb-ink)!important;background:#fff!important;border:1.5px solid #cbd8dd!important;border-radius:var(--sb-radius-sm)!important;font:500 1rem/1.55 'Tajawal','Cairo','Segoe UI',sans-serif!important;box-shadow:none!important;}
textarea.form-control,textarea{min-height:132px!important;resize:vertical!important;}
.form-control:hover,.form-select:hover,input:hover,textarea:hover,select:hover{border-color:#9eb3bc!important;}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--sb-teal-600)!important;box-shadow:0 0 0 4px rgba(47,122,148,.16)!important;outline:0!important;}
::placeholder{color:#82939a!important;opacity:1!important;}

/* Answer cards */
.radio-item,.checkbox-item{margin-block:.55rem!important;}
.radio-item label,.checkbox-item label,.answer-item label{min-height:48px;display:flex!important;align-items:center!important;padding:.72rem .9rem!important;color:var(--sb-ink)!important;background:#fff!important;border:1.5px solid var(--sb-line)!important;border-radius:11px!important;font-size:1rem!important;font-weight:500!important;line-height:1.55!important;cursor:pointer!important;transition:.15s ease!important;}
.radio-item label:hover,.checkbox-item label:hover,.answer-item label:hover{border-color:var(--sb-teal-500)!important;background:var(--sb-teal-100)!important;}
input[type="radio"],input[type="checkbox"]{accent-color:var(--sb-teal-600)!important;width:20px!important;height:20px!important;}
input[type="radio"]:checked+label,input[type="checkbox"]:checked+label,.radio-item input:checked~label,.checkbox-item input:checked~label{border-color:var(--sb-teal-600)!important;background:var(--sb-teal-100)!important;box-shadow:inset 0 0 0 1px var(--sb-teal-600)!important;}

/* Upload */
.upload-div,.file-upload-modal,.upload-files{border-radius:var(--sb-radius)!important;}
.upload-div{padding:1.15rem!important;background:#f9fbfc!important;border:2px dashed #b8cbd2!important;}
.upload-div:hover{border-color:var(--sb-teal-500)!important;background:var(--sb-teal-100)!important;}

/* Buttons */
.btn{min-height:48px!important;border-radius:999px!important;padding:.68rem 1.45rem!important;font:700 1rem/1.4 'Tajawal','Cairo','Segoe UI',sans-serif!important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease!important;}
.btn:hover{transform:translateY(-1px);}
.btn-primary,.ls-move-next-btn,.ls-move-submit-btn{color:#fff!important;background:var(--sb-orange-500)!important;border-color:var(--sb-orange-500)!important;box-shadow:0 8px 20px rgba(232,121,43,.23)!important;}
.btn-primary:hover,.btn-primary:focus,.ls-move-next-btn:hover,.ls-move-submit-btn:hover{background:#d9681e!important;border-color:#d9681e!important;box-shadow:0 10px 25px rgba(232,121,43,.3)!important;}
.btn-outline-secondary,.ls-move-previous-btn{color:var(--sb-navy-900)!important;background:#fff!important;border-color:#aebfc6!important;}
.btn-outline-secondary:hover,.ls-move-previous-btn:hover{color:#fff!important;background:var(--sb-navy-800)!important;border-color:var(--sb-navy-800)!important;}
.btn:focus-visible{outline:3px solid rgba(47,122,148,.35)!important;outline-offset:3px!important;}
.navigator{margin-top:1.4rem!important;padding-top:1.2rem!important;border-top:1px solid var(--sb-line)!important;}
.alert-danger,.emtip.error{color:#7b2518!important;background:#fff2ef!important;border-color:#f3b7ab!important;border-radius:10px!important;}
.alert-success{color:#155f4a!important;background:#eefaf6!important;border-color:#b8e0d2!important;border-radius:10px!important;}
a{color:var(--sb-teal-600)!important;text-underline-offset:3px;}
a:hover{color:var(--sb-navy-700)!important;}

/* RTL */
html[dir="rtl"] body{text-align:right;}
html[dir="rtl"] .dropdown-menu{text-align:right;}
html[dir="rtl"] .text-start{text-align:right!important;}
html[dir="rtl"] .text-end{text-align:left!important;}
html[dir="rtl"] .form-check{padding-right:1.5em;padding-left:0;}
html[dir="rtl"] .form-check-input{float:right;margin-right:-1.5em;margin-left:0;}
footer,.footer{color:var(--sb-muted)!important;font-size:.9rem!important;}

@media (max-width:767.98px){html{font-size:16px;}#survey-nav{min-height:68px!important;}#survey-nav .logo{height:46px!important;max-width:195px!important;}#outerframeContainer,.outerframe,.survey-container{padding-inline:.55rem!important;}.question-container{padding:1.05rem!important;margin-block:.8rem!important;border-radius:12px!important;}.group-title,.survey-name{font-size:1.5rem!important;}.group-description,.survey-description,.survey-welcome p{font-size:1rem!important;}.btn{width:100%!important;padding:.72rem 1rem!important;}.navigator .col-6{width:50%!important;padding-inline:.25rem!important;}textarea.form-control,textarea{min-height:115px!important;}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}
@media print{body{background:#fff!important;color:#000!important;font-size:11pt!important;}#survey-nav,.progress,.navigator{display:none!important;}.question-container{box-shadow:none!important;border:1px solid #bbb!important;break-inside:avoid;}}

/* Refined opening section: clearer hierarchy and more balanced Arabic wrapping */
.survey-name{
  width:min(100%,900px)!important;
  margin:0 auto .65rem!important;
  padding-inline:1rem!important;
  font-size:clamp(1.75rem,3.2vw,2.55rem)!important;
  line-height:1.38!important;
  font-weight:700!important;
  text-align:center!important;
  text-wrap:balance;
}
.survey-description{
  width:min(100%,820px)!important;
  margin:0 auto 1.35rem!important;
  padding-inline:1.1rem!important;
  color:var(--sb-muted)!important;
  font-size:1.02rem!important;
  line-height:1.9!important;
  text-align:center!important;
  text-wrap:pretty;
}
.survey-welcome{
  position:relative!important;
  width:min(calc(100% - 1.25rem),920px)!important;
  margin:1.35rem auto 1.75rem!important;
  padding:1.65rem 2rem 1.45rem!important;
  text-align:start!important;
  border:1px solid var(--sb-line)!important;
  border-inline-start:5px solid var(--sb-teal-600)!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px -25px rgba(11,31,46,.38)!important;
}
.survey-welcome h1,.survey-welcome h2,.survey-welcome h3{
  margin:0 0 .75rem!important;
  font-size:1.28rem!important;
  line-height:1.55!important;
  font-weight:700!important;
  text-align:start!important;
}
.survey-welcome p{
  margin:0!important;
  color:var(--sb-muted)!important;
  font-size:1rem!important;
  line-height:1.9!important;
  text-align:start!important;
}
.survey-welcome p+p{
  margin-top:.8rem!important;
  padding-top:.8rem!important;
  border-top:1px solid #edf2f4!important;
}
html[dir="rtl"] .survey-welcome{text-align:right!important;}
html[dir="ltr"] .survey-welcome{text-align:left!important;}

@media (max-width:767.98px){
  .survey-name{font-size:1.65rem!important;line-height:1.45!important;padding-inline:.65rem!important;}
  .survey-description{font-size:.98rem!important;line-height:1.8!important;margin-bottom:1rem!important;padding-inline:.75rem!important;}
  .survey-welcome{width:calc(100% - 1rem)!important;margin:1rem auto 1.3rem!important;padding:1.2rem 1.1rem 1.05rem!important;border-inline-start-width:4px!important;border-radius:14px!important;}
  .survey-welcome h1,.survey-welcome h2,.survey-welcome h3{font-size:1.16rem!important;}
  .survey-welcome p{font-size:.97rem!important;line-height:1.8!important;}
}

/* Use the welcoming-page heading system throughout every survey section. */
.group-container .group-title-container{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:2rem 1.6rem 1.25rem!important;
  overflow:visible!important;
  text-align:center!important;
}
.group-container .group-title{
  display:block!important;
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin:0 auto .65rem!important;
  padding-inline:1rem!important;
  font-size:clamp(1.75rem,3.2vw,2.55rem)!important;
  line-height:1.38!important;
  font-weight:700!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
  text-wrap:balance;
}
.group-container .group-description{
  display:block!important;
  width:min(100%,820px)!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding-inline:1.1rem!important;
  color:var(--sb-muted)!important;
  font-size:1.02rem!important;
  line-height:1.9!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-wrap:pretty;
}
html[dir="rtl"] .group-container .group-title,
html[lang^="ar"] .group-container .group-title{
  direction:rtl!important;
  text-align:center!important;
}
@media (max-width:767.98px){
  .group-container .group-title-container{padding:1.4rem .75rem .9rem!important;}
  .group-container .group-title{font-size:1.65rem!important;line-height:1.45!important;padding-inline:.65rem!important;}
  .group-container .group-description{font-size:.98rem!important;line-height:1.8!important;padding-inline:.75rem!important;}
}

/* Accessible typography enhancement — preserves the original V4 layout. */
html{font-size:19px!important;}
body{font-size:1rem!important;line-height:1.8!important;}
.survey-description,.group-description,.survey-welcome p{
  font-size:1.08rem!important;
  line-height:1.9!important;
}
.question-title-container,.question-text{
  font-size:1.14rem!important;
  line-height:1.65!important;
}
.radio-item label,.checkbox-item label,.answer-item label,
.form-check-label,.control-label{
  font-size:1.05rem!important;
  line-height:1.6!important;
}
.form-control,.form-select,input[type="text"],input[type="email"],
input[type="number"],input[type="url"],input[type="date"],
input[type="tel"],textarea,select{
  min-height:54px!important;
  font-size:1.05rem!important;
}
.question-valid-container,.question-help-container,.ls-questionhelp,
.help-block,.text-muted{
  font-size:.98rem!important;
  line-height:1.7!important;
}
.btn,.ls-move-next-btn,.ls-move-previous-btn,.ls-move-submit-btn{
  min-height:52px!important;
  font-size:1.04rem!important;
}
@media (max-width:767.98px){
  html{font-size:17.5px!important;}
  .survey-name,.group-container .group-title{font-size:1.75rem!important;}
  .survey-description,.group-description,.survey-welcome p{font-size:1.05rem!important;}
  .question-title-container,.question-text{font-size:1.12rem!important;}
  .radio-item label,.checkbox-item label,.answer-item label,
  .form-check-label,.control-label{font-size:1.04rem!important;}
}

/* V10 mobile and form-element refinement */
html,body{max-width:100%;overflow-x:hidden;}
img,svg,video{max-width:100%;height:auto;}

/* Clear question identity and compact status elements */
.question-number,.question-code{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:2rem!important;
  min-height:2rem!important;
  margin-inline-end:.55rem!important;
  padding:.2rem .55rem!important;
  color:var(--sb-teal-600)!important;
  background:var(--sb-teal-100)!important;
  border:1px solid rgba(47,122,148,.2)!important;
  border-radius:999px!important;
  font-size:.88rem!important;
  font-weight:700!important;
}

/* Stronger selection controls and larger touch areas */
.radio-item label,.checkbox-item label,.answer-item label{
  position:relative!important;
  gap:.65rem!important;
  min-height:54px!important;
  padding:.82rem 1rem!important;
}
input[type="radio"],input[type="checkbox"],.form-check-input{
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  margin-top:0!important;
  accent-color:var(--sb-teal-600)!important;
  cursor:pointer!important;
}
.radio-item:focus-within label,.checkbox-item:focus-within label{
  border-color:var(--sb-teal-600)!important;
  box-shadow:0 0 0 4px rgba(47,122,148,.14)!important;
}

/* Select, date and file controls */
.form-select,select{
  padding-inline-end:2.75rem!important;
  background-position:right .9rem center!important;
}
html[dir="rtl"] .form-select,html[dir="rtl"] select{
  background-position:left .9rem center!important;
}
input[type="file"]{
  width:100%!important;
  min-height:54px!important;
  padding:.45rem!important;
  border:1.5px solid #cbd8dd!important;
  border-radius:var(--sb-radius-sm)!important;
  background:#fff!important;
}
input[type="file"]::file-selector-button{
  min-height:40px!important;
  margin-inline-end:.75rem!important;
  padding:.45rem .9rem!important;
  color:#fff!important;
  background:var(--sb-teal-600)!important;
  border:0!important;
  border-radius:8px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.upload-div{
  position:relative!important;
  text-align:center!important;
  padding:1.4rem!important;
}
.upload-div::before{
  content:"\21E7";
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin:0 auto .75rem;
  color:var(--sb-teal-600);
  background:var(--sb-teal-100);
  border-radius:50%;
  font-size:1.45rem;
  font-weight:700;
}

/* Recognizable navigation icons */
.ls-move-previous-btn::before{content:"\2190";margin-inline-end:.55rem;font-size:1.15em;}
.ls-move-next-btn::after{content:"\2192";margin-inline-start:.55rem;font-size:1.15em;}
.ls-move-submit-btn::before{content:"\2713";margin-inline-end:.55rem;font-size:1.15em;}
html[dir="rtl"] .ls-move-previous-btn::before{content:"\2192";}
html[dir="rtl"] .ls-move-next-btn::after{content:"\2190";}

/* Responsive matrices and tables */
.table-responsive,.ls-answers,.answer-container{
  max-width:100%!important;
}
table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.table-responsive{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:767.98px){
  body{
    background:linear-gradient(180deg,#fff 0,#f6f9fa 15rem)!important;
    line-height:1.72!important;
  }
  #survey-nav{
    min-height:62px!important;
    padding-inline:.4rem!important;
  }
  #survey-nav>.container-fluid{
    padding-inline:.45rem!important;
  }
  #survey-nav .logo{
    width:auto!important;
    height:42px!important;
    max-width:170px!important;
  }
  #outerframeContainer,.outerframe,.survey-container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-inline:.45rem!important;
  }
  .survey-welcome,.group-container,.survey-group,
  .completed-wrapper,.token-wrapper,.register-wrapper{
    width:100%!important;
    margin-inline:0!important;
    border-radius:14px!important;
    box-shadow:0 8px 24px -18px rgba(11,31,46,.45)!important;
  }
  .group-container .group-title-container{
    padding:1.25rem .8rem .8rem!important;
  }
  .question-container{
    margin:.72rem 0!important;
    padding:1rem .9rem!important;
    border-radius:13px!important;
    box-shadow:0 5px 18px -16px rgba(11,31,46,.5)!important;
  }
  .question-title-container,.question-text{
    margin-bottom:.65rem!important;
    line-height:1.58!important;
  }
  .radio-item,.checkbox-item{
    margin-block:.48rem!important;
  }
  .radio-item label,.checkbox-item label,.answer-item label{
    width:100%!important;
    min-height:56px!important;
    padding:.8rem .85rem!important;
    border-radius:11px!important;
  }
  .form-control,.form-select,input[type="text"],input[type="email"],
  input[type="number"],input[type="url"],input[type="date"],
  input[type="tel"],textarea,select,input[type="file"]{
    width:100%!important;
    max-width:100%!important;
    min-height:54px!important;
    font-size:16px!important;
  }
  textarea.form-control,textarea{min-height:128px!important;}

  .navigator{
    position:sticky!important;
    z-index:50!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.55rem!important;
    width:calc(100% + .9rem)!important;
    margin:1rem -.45rem 0!important;
    padding:.7rem!important;
    background:rgba(255,255,255,.96)!important;
    border-top:1px solid var(--sb-line)!important;
    box-shadow:0 -8px 24px rgba(11,31,46,.1)!important;
    backdrop-filter:blur(12px)!important;
  }
  .navigator>*,.navigator .col-6,.navigator .col{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  .navigator .btn{
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    padding:.68rem .7rem!important;
    white-space:normal!important;
  }
  .navigator .ls-move-submit-btn:only-child,
  .navigator>div:only-child{
    grid-column:1/-1!important;
  }
  .progress{
    height:11px!important;
    margin-inline:.45rem!important;
  }
  .alert,.emtip.error{
    padding:.85rem!important;
    font-size:.98rem!important;
    border-radius:10px!important;
  }
  .table-responsive,table{
    font-size:.94rem!important;
  }
}

@media (max-width:389.98px){
  html{font-size:16.5px!important;}
  .survey-name,.group-container .group-title{font-size:1.52rem!important;}
  .question-container{padding:.9rem .75rem!important;}
  .navigator{grid-template-columns:1fr!important;}
  .navigator .btn,.navigator>*,.navigator .col-6{grid-column:1!important;}
}