#page-header{
    display: none;
}
/**** iqa mform css start here ****/
#page-mod-quiz-iqa_form.main-area-bg:not(.pagelayout-login) div[role="main"]{
    padding: 0px;
}

#page-mod-quiz-iqa_form #page {
    background: #fff;
}
#page-mod-quiz-iqa_form .iqa-custom-bg{
    border-radius: 12px;
    background: #F6F8FF;
    padding: 32px;
    margin-bottom: 24px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #E5E9F6;
}
#page-mod-quiz-iqa_form .iqa-header{
    color: #121212;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 32px;
}
#page-mod-quiz-iqa_form .section-title{
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px;
}
.iqa-form-wrapper .fitem .col-form-label,
.iqa-form-wrapper .fitem .col-lg-3,
.iqa-form-wrapper .fitem .col-md-4{
    max-width: none !important;
    flex: none !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}
.iqa-form-wrapper .form-grid-five {
    display: grid ;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100% ;
}
.iqa-form-wrapper .form-group:not(:last-child){
    margin-bottom: 0px;
}
.iqa-form-wrapper .custom-mb .form-group:not(:last-child){
    margin-bottom: 24px;
}
/* Hide any Bootstrap feedback or validation elements that might cause spacing */
.iqa-form-wrapper .form-control-feedback,
.iqa-form-wrapper .invalid-feedback,
.iqa-form-wrapper .valid-feedback {
    display: none !important;
}

.iqa-form-wrapper .form-label{
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}
.mtb-48{
    margin: 48px 0px;
}
.mb-24{
    margin-bottom: 24px!important;
}
.iqa-form-wrapper .form-inline .form-control,.iqa-form-wrapper .form-inline .input-group,.iqa-form-wrapper .form-inline .custom-select{
    width: 100%!important;
}
.iqa-form-wrapper .form-control,.iqa-form-wrapper .custom-select{
    border-radius: 8px;
    border: 1px solid #E5E9F6;
    background: #FFFFFF;
    padding: 12px 16px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.iqa-form-wrapper .form-control:focus,
.iqa-form-wrapper .custom-select:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
    outline: none;
}
.iqa-form-wrapper .filemanager .card{
    background: #f6f8ff;
    border: 0px;
}
.iqa-form-wrapper .filemanager.fm-noitems .fm-empty-container{
    border: 1px dashed #4E4E4E;
}

.iqa-form-wrapper .checkbox-group {
    margin: 32px 0;
    padding: 16px;
    background: #f8f9fd;
    border-radius: 8px;
    border: 1px solid #E5E9F6;
}
.scratch-row{
    display:flex; 
    /* gap:38px;  */
    align-items:center; 
    justify-content:space-between;
    background:#EEE; 
    padding:16px 12px;
}
  

.scratch{
    width: 230px;
    aspect-ratio: 120 / 50;
    display:grid; 
    place-items:center;
    font-size: 12px;
    font-weight: 500;
    color:#fff;   
    -webkit-mask: url("../pix/stroke.svg") no-repeat center / contain;
            mask: url("../pix/stroke.svg") no-repeat center / contain;
    background: var(--bg);
  }
  
 .scratch.fail{ --bg:#B80019;opacity: 0.3; }
  .scratch.low-pass { --bg:#FF9F47; opacity: 0.3;}
  .scratch.pass{ --bg:#FFD000; color:#111;opacity: 0.3; } 
  .scratch.high-pass{ --bg:#0B650B;opacity: 0.3; }

  .scratch.fail.active { --bg:#B80019;opacity: 1; }
  .scratch.low-pass.active  { --bg:#FF9F47;opacity: 1; }
  .scratch.pass.active { --bg:#FFD000; color:#111;opacity: 1; } 
  .scratch.high-pass.active { --bg:#0B650B;opacity: 1; }
  
  #fgroup_id_buttonar, #fitem_id_submitbutton{
    background: unset;
  }
/* Responsive behavior for your custom grid */
@media (max-width: 1200px) {
    .iqa-form-wrapper .form-grid-five {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (min-width: 1024px) {
    .col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .iqa-form-wrapper .form-grid-five {
        grid-template-columns: 1fr !important;
    }
}