html{overflow-x: hidden; width: 100%;}
body { padding: 0px 0 0 0; margin: 0; font-size: 16px; color: #000000 !important; font-family: 'Poppins', sans-serif !important; line-height: 26px; letter-spacing: 0px; font-weight:400; }
h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; }
header, section, footer { display: block; }
em{font-style: italic;} 

/********************* LINK CSS *********************/
a { color: #EE1D13; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
a:hover, a:focus { color: #000000; }
* { margin: 0; padding: 0; }
*:focus { outline: none; }
*, ::after, ::before { box-sizing: border-box;}


ul{margin-left: 15px;padding-left: 0;}

h1, h2, h3, h4, h5, h6 { margin: 26px 0 14px 0; display:block; line-height: 1.2; color: #000; font-weight: 600; font-family:"Poppins", sans-serif;text-transform: none;}
h1 { font-size: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 32px; }
h4 { font-size: 20px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top: 0;}
/********************* P CSS *********************/
p { float: none; margin: 0 0 30px 0; padding: 0; text-align: justify; }
p:last-child { margin: 0 0 0px 0; }
p strong, b, strong{font-weight:700;}


/********** INPUT **********/
.form-group{ width:100%; float:left; margin-bottom:28px;} 
.form-control, .form-select{border: 1px solid #d9dbe0; height: 50px; font-size: 16px; color: #000000; border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  padding: 6px 15px;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color:rgba(0, 0, 0, 1);}
::-webkit-input-placeholder { color: rgba(0, 0, 0, 1);}
::-moz-placeholder { color: rgba(0, 0, 0, 1); }
:-ms-input-placeholder { color: rgba(0, 0, 0, 1);} 
:-moz-placeholder { color: rgba(0, 0, 0, 1);}
.form-control::placeholder {  color: rgba(0, 0, 0, 1);  opacity: 1;  }

/********************* IMAGE CSS *********************/
img { border: none; vertical-align: middle; max-width: 100%; }
.alignleft { float: left; margin: 18px 50px 36px 0;}
.alignright { float: right; height: auto; margin: 16px 0 36px 50px;}
.aligncenter { display: block; margin: 26px auto 34px auto;}


/********************* BUTTON CSS *********************/
.btn {border:none; text-align:center; min-width:100px; color: #FFFFFF; font-weight: 600; position:relative; font-family: "Poppins", sans-serif;display: inline-block; font-size: 16px;letter-spacing: 0.5px;line-height: 1.4;padding:10px 15px 10px 15px; overflow:hidden;text-transform: none;box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align: middle;text-transform:none;position: relative;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; background:#EE1D13;}
.btn:hover, .btn:focus, .btn:active, .gform_button.button:hover, .gform_button.button:focus, .gform_button.button:active { background-color: #000; color: #FFFFFF; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.btn.small{font-size: 18px;line-height:1.2;padding:10px 26px;border-radius: 50px;}
.btn.skip{font-size: 18px;line-height:1.2;padding:10px 26px;border-radius: 50px;background:#4169E1;}
.btn.outline{background-color: #FFFFFF;border:1px solid #d9dbe0;color: #000000;}
.btn.outline:hover, .btn.outline:focus, .btn.outline:active{background-color: #EE1D13;border-color: #EE1D13;color: #FFFFFF;}
.btn.disable{background-color: #FFFFFF;border:1px solid #d9dbe0;color: #000000;cursor: default;}

.container-fluid{width:100%;max-width:90%; margin:0 auto;padding:0 15px}
.container{width:100%;max-width:1200px; margin:0 auto;padding:0 15px}
header{ border-bottom:1px solid #d9dbe0;padding:10px 0;}
header .container-fluid {display: flex; align-items: center; justify-content: space-between;}
header .logo{width:100%;max-width:146px}


.middle-section{position: relative; padding: 46px 0;}
.quiz-section{display:flex;height:calc(100vh - 116px);position: relative; padding: 0px 0; min-height:600px}
.quiz-section .container-fluid{/* display: flex; *//* padding-top: 100px; */ padding-bottom: 100px; align-items: center; position: relative;}
.categories-main{width:100%;padding: 15px 0; position: absolute;top: 0;left: 0;right:0;}
.categories-main ul{margin:0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.categories-main ul li{padding:0 15px;margin:6px; list-style:none;font-size: 16px; position: relative;}
.categories-main ul li:before{content:"";}
.categories-main ul li:first-child{margin-left:0px;}
.categories-main ul li a{display:block; border: 1px solid #d9dbe0; padding: 2px 6px;border-radius:5px;color: #5a5a5a;}
.categories-main ul li a:hover, .categories-main ul li a:focus, .categories-main ul li.active a{color: #EE1D13; border-color:#EE1D13}

.step-menu{padding: 46px 0  76px 0;}
.step-menu ul{margin: 0 -14px; padding:0 0; display: flex; align-items: flex-start; justify-content: space-between; position: relative;}
.step-menu ul li{margin: 0; padding:0 14px; text-align: center;font-size:16px;line-height:1.2; transition: all .4s ease-in-out; cursor: pointer; list-style: none;}
.step-menu ul li.active{opacity: 0.87; pointer-events: fill;}
.step-menu ul li.completed{opacity: 1; pointer-events: fill; position: static;}
.step-menu ul li:before{display: none;}
.step-menu ul li a{display: flex; justify-content: center; flex-direction: column; align-items: center; text-transform: uppercase; font-weight: 600; text-align: center; color: #5a5a5a;}
.step-menu ul li a .icon{width:60px;height:60px; position:relative;border-radius: 50%; display: flex; justify-content: center; background-color: #FFFFFF; align-items: center; border:2px solid #d9dbe0;padding: 12px;margin-bottom: 10px;}
.step-menu ul li p{max-width: 200px; margin: 0 auto;text-align: center;}
.step-menu ul li a .icon img{width:100%;height:auto}
.step-menu ul li.completed a .icon:after{/* content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color: #45A972;border-radius: 50%;inset: -1px; */}
.step-menu ul li.completed a .success.icon{ display: flex !important; background-color: #4169E1;border-color:#4169E1}
.step-menu ul li.completed a .icon{ border-color:green}
.step-menu ul li.pending a .icon{ border-color:orange}
.step-menu ul li.completed a{color:green;}
.step-menu ul li.active a{color:#4169E1;pointer-events: none;}
.step-menu ul li.active a .icon{ border-color:#4169E1}
.step-menu ul li a .icon.success{display: none;}
.step-menu ul li:after {content: ""; position: absolute; width: 18%; top: 30px; z-index: -1; border-bottom: 2px solid #d9dbe0;}
.step-menu ul li:last-child:after{display: none;}
.step-menu ul li.completed:after{border-color:green}

.step-name{background-color: #272F7C; color:#FFFFFF; text-transform: uppercase; padding: 6px 8px 6px 8px; text-align: center; font-weight: 600; display: inline-flex; position: relative;}
.step-name:after{content: ""; width: 0; height: 0; border-top: 19px solid transparent; border-left: 15px solid #272F7C; border-bottom: 19px solid transparent; position: absolute; right:-15px;top: 0;}
.category-name{font-weight: bold;}
.quiz-index{width:100%; padding:0 0 26px 0; display: flex;justify-content: center;}
.quiz-index ul{margin: 0 -3px; display: flex;}
.quiz-index ul li{padding:0 3px; margin: 0; display: flex;cursor: pointer;}
.quiz-index ul li a{display: block;width:34px;height:34px;border-radius: 50%; border:1px solid #d9dbe0; display: flex;color:#000000;align-items: center;justify-content: center;}
.quiz-index ul li a:hover, .quiz-index ul li.active a{color: #EE1D13;border-color: #EE1D13;}
.quiz-index .custom-scroll{max-width: 436px;}
.quiz-index .custom-scroll ul li.completed a{color:#FFFFFF;background-color:#4CAF50;pointer-events: none;}

.question-block ul{ margin: 0;}
.question-block ul li{padding:0; margin: 0;list-style: none;}

.question-container{width: 100%;display: flex;  justify-content: center; }
.question-block{ width: 100%;max-width: 900px; position: relative;padding-left: 46px;}
.question-block h2{ font-size:28px; line-height: 1.4; margin: 6px 0 0 0;}
.question-block .questions{display: flex; position: relative; flex-wrap:wrap;border: none;}
.question-block .options-list input[type="radio"] {/* width: 20px; height: 20px; */}
.question-block .options-list{margin-top: 26px;}
.question-block .options-list ul li{display: flex;align-items: center; margin: 6px 0;}
.question-block .options-list ul li label{padding-left: 8px;cursor:pointer;color: #000;}
.question-block .btn-block{margin-top: 26px;}
.questions .number{ display: flex; align-items: center; inset-inline-end: 102%; position: absolute;line-height: 1;top: 36px;}
.questions .number svg{width:20px; position: relative; top: 4px; margin-left:6px}
.question-block .btn{min-width: 100px;}

.switch {position: relative; display: inline-block;height: 30px; padding-left: 61px; margin-bottom: 10px; }
.switch input[type="radio"] {opacity: 0; width: 56px; height: 30px; position: absolute; left: 0;  z-index: 1; cursor: pointer;}
.switch label {font-size: 18px; font-weight: 400;}
.slider {width:56px;position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch input[type="radio"]:checked + .slider {background-color: #2574F0;}
.switch input[type="radio"]:focus + .slider {/* box-shadow: 0 0 1px #000000; */}
.switch input[type="radio"]:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);  transform: translateX(26px);}
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}




.question-block .questions  .level-main, .question-block-horizontal .level-main{ padding: 5px 14px; background-color: #2574F0;color: #FFFFFF; font-size:14px;text-transform: uppercase;flex: 0;line-height: 16px;border-radius: 27px;}

.quiz-footer{position: absolute; right:15px; bottom:46px}
.quiz-footer .btn{font-size: 16px; text-transform: uppercase; padding: 6px 14px; min-width: inherit; background-color: #FFFFFF; border:1px solid #d9dbe0;color: #000000;}
.quiz-footer .btn:hover, .quiz-footer .btn:focus, .quiz-footer .btn:active{background-color: #EE1D13; border:1px solid #EE1D13;color: #FFFFFF;}
.quiz-footer .btn.prev{border-radius: 5px 0px 0px 5px;}
.quiz-footer .btn.next{border-radius: 0px 5px 5px 0px;margin-left: -1px;}
.quiz-footer .btn-block{display: flex;}

.progress {display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem;}
.progress-bar {display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
color: #fff; text-align: center; background-color: #007bff; transition: width .6s ease;}



.chart-part{width:600px; margin:0 auto;}
.tab-content-section{padding: 26px 0;}
.tab-content, .tab-content-section {color: #000 !important}

.tab-container .nav-pills{margin: 0; border-bottom: 1px solid #d9dbe0;}
.tab-container .nav-pills .nav-link{color: #000000;border-bottom:3px solid transparent;border-radius:0; text-transform: uppercase;font-size:16px;font-weight:600;}
.tab-container .nav-pills .nav-link.active, .tab-container .nav-pills .show > .nav-link{ background-color: transparent; color: #EE1D13;border-color: #EE1D13}

/***** Login page *****/
.login-page-container{width:100%;min-height: calc(100vh - 116px); padding: 30px; display: flex;background-color: #f7f7f7; justify-content: flex-end; background-size:cover !important;background-position:center left !important}
.login-content-main{width:40%; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF;box-shadow: 0 0 15px 0 rgba(128, 153, 165, 0.3);border-radius:20px;text-align: center; padding: 30px 40px;}
.logo-admin-panel{position: relative; margin: 0 auto 26px auto;}
.logo-admin-panel img{max-width:146px; height: auto;}
.login-content-main .page-title{margin: 26px 0 20px 0;}
.login-content-main .page-title h1{margin: 0px 0;}
.login-content-inner{max-width:464px; margin: 0 auto;}
.login-form-main .nav-tabs{border:none;justify-content: center;/* margin-bottom: 26px; */display: flex; flex-direction: revert;  margin: 0 -5px 26px -5px;}
.login-form-main .nav-tabs .nav-link{width:50%; display: flex; align-items: center;flex:1; background-color: #FFFFFF; border:1px solid #C8D2D6; border-radius: 20px; padding: 14px 14px 14px 14px; text-align: center; margin: 0 10px;}
.login-form-main .nav-tabs .nav-link.active{border-color:#EE1D13;box-shadow: 0 0 14px 0 rgba(128, 153, 165, 0.3);}
.login-form-main .nav-tabs .nav-link .img{width:56px;height:56px; border-radius: 50%; overflow: hidden;margin:0;}
.login-form-main .nav-tabs .nav-link .img img{object-fit: cover; object-position: top center;}
.login-form-main .nav-tabs .nav-link .text{color:#727982;font-size: 18px;font-weight:600;margin: 0 0 0 12px;line-height:1;}
.login-form-main .form-group{margin-bottom: 20px; text-align:left}
.login-form-main .form-check{margin: 0; white-space: nowrap;}
.login-form-main .form-text{margin: 0;}
.login-form-main .form-text a{color:#727982}
.login-form-main .form-text a:hover, .login-form-main .form-text a:focus, .login-form-main .form-text a:active{color:#EE1D13}
.login-form-main .form-group.checkbox{padding: 0 22px; font-size:16px}
.login-form-main .form-check-label{font-size:16px}
.form-check-input:checked{background-color: #EE1D13; border-color: #EE1D13;}
.form-check-input{width:20px;height:20px}
.form-check .form-check-input{margin-right: 10px;}
.login-form-main .btn-block{margin-top: 14px;}
.login-form-main .btn-block .btn{width:100%}
.login-form-main .btn-block .btn.btn-order{padding-top: 9px; padding-bottom: 9px; margin-top: 20px;}
.login-form-main .btn-block .btn img{margin-right:8px}
.text-body-secondary{display: block;font-size:16px;margin-top: 0px;}
.text-body-secondary a{font-weight: 600;}

.form-container { margin-top: 20px;}
.login-form-main .btn-block.d-flex .btn{margin: 0 15px;}
.download-btn{border-top: 1px solid #d9dbe0;padding-top: 26px;}


.page-title {display: block; text-align: center;padding-bottom:26px;}
.btn-action .btn{font-size: 14px;text-transform: uppercase;padding: 9px 10px 8px 10px; margin: 2px; background-color: #FFFFFF;border:1px solid #a4a7ad;color:#EE1D13;color: #000000;}
.btn-action .btn:hover, .btn-action .btn:focus{ background-color: #EE1D13;border:1px solid #EE1D13;color: #FFFFFF;}
.btn-action {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.dashboard-content table th{text-transform: uppercase; vertical-align: middle;background-color: #f7f7f7;padding: 1rem .5rem .8rem .5rem; min-width: 176px;}
.dashboard-content table td{vertical-align: middle;min-width: 176px}
.dashboard-content .table-hover > tbody > tr:hover > * { background-color: #f7f7f7 !important;--bs-table-accent-bg:#f7f7f7 !important; color: #000000; }
.dashboard-content table th:last-child{text-align: right; padding-right: 26px;}

.question-block-horizontal{display: flex; align-items: center; padding-top: 31px;}
.question-block-horizontal .number{width: 46px; font-weight: 600; height: 46px; flex:0 0 46px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #d9dbe0;  margin-right: 20px; text-align: center; padding: 5px;margin-top: 30px;}
.question-block-horizontal .level-main{ position: absolute; top: -31px;margin-top: 0;}
.question-block-horizontal .questions h2{font-size:18px; font-weight: 400; margin: 0px 0px 0px 0px;flex:0 100%;line-height:1.3}
.question-block-horizontal .questions {width:64%; display: flex; position: relative; flex-wrap: wrap; }
.question-block-horizontal .options-list, #question-manager-Modal .options-list { display: flex; position: relative; flex-wrap: wrap;padding-left: 46px; margin-left: auto;}
.question-block-horizontal .options-list ul, #question-manager-Modal .options-list ul{margin:0;display: flex; position: relative;}
.question-block-horizontal .options-list ul li, #question-manager-Modal .options-list ul li{margin:0;padding: 0;list-style: none;width: inherit;}
.question-block-horizontal .switch{width: inherit;padding-right: 26px;}

.question-block-horizontal{padding-bottom: 26px;border-bottom: 1px solid #d9dbe0;}
.question-block-horizontal:last-child{padding-bottom: 0px;border-bottom:none;margin-bottom: 0px;}
.question-block-horizontal .btn-block { display:none;padding-left: 26px;margin-left: auto; }
.all-question-btn-block{margin-top: 46px;padding-bottom:40px;}

.all-question-secion{margin-top: 26px;}

.pending p {
    color:orange
}
.completed p {
    color:green;
}
.activelink p{
    color: royalblue;
}

/**/
.table-responsive{overflow-x: visible;}
.table-topbar{width:100%; display: flex;justify-content: space-between; align-items:center; padding-bottom:26px}
.table-topbar .filter-main{display: flex;align-items: flex-start; margin: 0 -8px;}
.table-topbar .filter-main .form-group{margin: 0 8px;}
.btn-icon{width:40px;height:40px; display: flex; justify-content: center; align-items: center; font-size: 14px;  padding: 5px 8px; margin: 2px 4px; background-color: #FFFFFF; border: 1px solid #d9dbe0; color: #615f5f; border-radius:5px}
.btn-icon:hover, .btn-icon:focus, .btn-icon:active{background-color: #EE1D13; border: 1px solid #EE1D13; color: #FFFFFF;}
.question-manager-content .btn-action{flex-wrap: nowrap;}
.question-manager-content table thead th:first-child, .question-manager-content table tbody > tr > td:first-child{min-width: 76px; text-align: center;}
table {
    border-collapse: collapse; /* Ensures borders collapse into a single border */
    width: 100%; /* Or specify a width as needed */
    margin-bottom: 20px;
  }
  table thead{background-color: #dedede;}
  table, th, td {
    border: 1px solid #dddddd; /* Adds borders to the table, headers, and cells */
    text-align: center;
  }
  
  th, td {
    padding: 15px; /* Adds padding to table cells */
    text-align: left; /* Aligns text within cells */
  }
  
  tr:nth-child(even) {
    background-color: #f2f2f2; /* Sets background color for even rows */
  }
ol li{margin-bottom: 20px; }

.level-basic{background-color: #9C27B0;color: #FFFFFF;padding: 5px 14px; line-height: 16px;border-radius: 27px;}
.level-advanced{background-color: #FF9800;color: #FFFFFF;padding: 5px 14px; line-height: 16px;border-radius: 27px;}
.level-future{background-color: #cbc53b;color: #FFFFFF;padding: 5px 14px; line-height: 16px;border-radius: 27px;}
.level-competitive{background-color: #2196F3;color: #FFFFFF;padding: 5px 14px; line-height: 16px;border-radius: 27px;}

.modal-dialog{max-width: 750px;}
textarea.form-control{ height: auto !important;min-height: 100px;}
.modal-body{padding: 26px;}
.modal-header{padding: 14px 26px;}
.modal-footer{padding: 10px 26px;}
#question-manager-Modal .options-list{padding-left: 0;}
#question-manager-Modal .options-list .switch{width:auto;padding-right: 26px;}
#question-manager-Modal .options-list > label{margin-bottom: 15px; font-weight:600;}
.question-manager-content table td.level{ text-transform: uppercase; font-size: 14px; font-weight: 700;}
ul.pagination{margin: 0;}
.pagination-main{display: flex; justify-content: center; margin-top: 26px;}
.pagination-main .page-link{border-color: #d9dbe0; color: #000000;}
.pagination-main .page-link:hover{color: #EE1D13;}

footer.footer{ background: #f7f7f7 ; padding-top: 60px; padding-bottom: 32px;}
.footer-menu ul li { list-style: none; display: inline-block; list-style: none; padding: 0 0 0 30px;}
.footer-website-logo { width: 100%; max-width: 146px; }
.footer-menu { padding-right: 26px;}
.footer-menu ul, .social-sharing ul{ margin:0}
.footer-menu ul li { list-style: none; display: inline-block;  list-style: none;font-size: 16px; line-height: 26px;}
footer ul li::before{ display: none;}
footer ul li a{/* color: #fff; */}
footer .social-sharing ul li { padding-left: 30px;list-style:none;font-size:24px}
footer .social-sharing ul li a, footer .footer-menu ul li a{color:#1C1D22}
footer .social-sharing ul li a:hover, footer .social-sharing ul li a:focus, footer .footer-menu ul li a:hover, footer .footer-menu ul li a:focus{color:#FF4E16}
.disclaimer-text { background: #FFFFFF;color:#494A4E; box-shadow: 0px 4px 10px 0px #2A42661A; border-radius: 14px; padding: 20px 20px 26px 20px; margin: 30px 0 20px 0;}
.disclaimer-text p { font-size: 12px; line-height: 22px;margin-bottom:12px; text-align: justify;}
.disclaimer-text p:last-child{margin-bottom: 0;}
.disclaimer-text h6{font-family: "Plus Jakarta Sans", sans-serif;font-size:16px}
.copyright p{ font-size: 16px; line-height: 26px;}


.banner-section { display: flex; align-items: center; background-size: cover !important; background-position: top left !important; min-height: 600px; padding: 50px 0px; position: relative;}
.banner-section:after {content:"";position: absolute; left: 0; top:0; opacity: 0.5;width:64%;height:100%; background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); z-index: 0;}
.banner-section *{color: #FFFFFF;}
.banner-section .container{position: relative;z-index: 1;}
.banner-section h1{margin:10px 0 26px 0;}
.banner-content-part{padding-right:31px}
.banner-section .tagline { font-size: 20px; letter-spacing: 1.5px; line-height: 30px; text-transform: uppercase; text-align: left;}
.banner-section p{margin-bottom: 26px;}
.banner-section p:last-child{margin-bottom: 0px;}
.banner-section .banner-img {padding-right: 40px;}

.landing-page{padding-top: 0;}
.category-list-section{padding: 46px 0 0px 0;}
.category-block{align-items: center; padding: 46px 0;}
.category-block .text-block{padding-left: 100px;padding-right: 0px;}
.category-img img{max-width: 100%; width:100%;height:auto}
.category-img{border-radius: 8px; overflow: hidden;}


.dashboard-title{display: flex; align-items: flex-start; justify-content: space-between;}
div.table-responsive > div.dt-container > div.row{/* margin-left: calc(-.5 * var(--bs-gutter-x)) !important; margin-right: calc(-.5 * var(--bs-gutter-x)) !important; */}
.dashboard-title .page-title{padding-bottom: 0;padding-bottom: 26px;}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after{margin-top: 2px;}
div.dt-container div.dt-length select{min-width: 80px;}
.dashboard-title .btn-block .btn{margin: 2px;}

.extra-logo{width:100%; max-width:76px; margin-left: 26px;}
header .btn-block{display: flex; align-items: center;}


@media (min-width: 768px) {
    .category-block.reverse{flex-direction: row-reverse;}
    .category-block.reverse .text-block{padding-right: 100px; padding-left: 0;}
}


@media (max-width: 1440px) {
    .question-block h2{font-size: 24px;}
    .extra-logo{max-width: 64px;}
}

@media (max-width: 1199px) {

    h1 { font-size: 32px; }
    h2 { font-size: 30px; }
    h3 { font-size: 28px; }
    h4 { font-size: 26px; }
    h5 { font-size: 24px; }
    h6 { font-size: 22px; }

    .question-block h2{font-size: 22px;}
    .question-block .questions .level-main{font-size: 13px;}
    .step-menu ul li{font-size: 14px; cursor: pointer;}
    .step-menu ul li a .icon{width:46px;height:46px;padding: 8px;}
    .step-menu ul li::after{top: 24px;}

    .login-content-main{width:60%}

    .banner-section{min-height: 500px;background-position: top center !important;}
    .category-block .text-block{padding-left: 56px;}
    .category-block.reverse .text-block{padding-right:56px}
    .banner-content-part { padding-right: 64px; }
    .banner-section .tagline{font-size:20px}

    .dashboard-title{flex-wrap: wrap; justify-content: center; padding-bottom: 26px;}
    .dashboard-title .page-title{ width:100%; padding-bottom: 14px;}
    .dashboard-title .btn-block{ width:100%;text-align: center;}

}

@media (max-width: 991px) {
    .question-block h2{font-size: 20px;}
    .question-block .questions .level-main{font-size: 12px;}
    .step-menu ul li{padding: 0 10px;}

    h1 { font-size: 32px; }
    h2 { font-size: 30px; }
    h3 { font-size: 28px; }
    h4 { font-size: 26px; }
    h5 { font-size: 22px; }
    h6 { font-size: 20px; }

    .question-block-horizontal .number{font-size: 14px;}

    .banner-section{min-height: 400px;background-position: top center !important;}
    .category-block .text-block{padding-left: 20px;}
    .category-block.reverse .text-block{padding-right:20px}
    .banner-content-part { padding-right: 0px; }

    .footer-right {
        width: 100%;
        margin-top: 14px;
    }
    .footer-menu ul li {
        padding: 0 16px 0 0;
    }

    header .btn{padding: 6px 12px 6px 12px;}
}

@media (max-width: 767px) {
    p { float: none; margin: 0 0 20px 0; padding: 0; }
    p:last-child { margin: 0 0 0px 0; }
    
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 20px; }
    h5 { font-size: 20px; }
    h6 { font-size: 16px; }

    .container-fluid{max-width:100%;}
    .question-block h2{font-size: 18px;}
    .question-block .questions .level-main{font-size: 12px;}
    .step-menu ul{flex-wrap: wrap; }
    .step-menu ul li{width:100%;padding: 8px 15px; position: relative !important;font-size: 16px;}
    .step-menu ul li a{flex-direction: row;align-items: center;justify-content: flex-start;}
    .step-menu ul li a .icon{margin: 0;}
    .step-menu ul li::after {width: 2px; height:100%;top: 10px;left:38px; border:none;border-left: 2px solid; border-color:#d9dbe0; }
    .step-menu ul li.completed::after {border-color:#45A972; }
    .step-menu ul li:nth-child(3n):after, .step-menu ul li:nth-child(6n):after, .step-menu ul li:nth-child(9n):after {/* display:none */}
    .step-menu ul li p{margin: 0;max-width:100%;padding-left: 15px;}
    .quiz-index .custom-scroll {
        max-width: 280px;
      }

      .quiz-footer{width:100%;position: relative;right: 0; bottom: 0; margin-top: auto; display: flex; justify-content: center; margin-top: 64px;}
      .quiz-section{height: auto;}
      .quiz-section .container-fluid{padding-bottom: 46px; display: flex;flex-wrap: wrap;}
      .step-menu{padding: 26px 0 46px 0;}
      .quiz-index{padding:0 0 46px 0;}


    .chart-part{width:100%;}

    .login-page-container{height:auto;padding: 30px 15px;}
    .login-content-main{width:80%;padding: 30px 26px;}
    .login-page-container{justify-content: center;}

    .login-form-main .form-group.checkbox{padding: 0 0px;}
    .login-form-main .form-group.checkbox{flex-direction:column}
    .login-form-main .form-text{margin-top:24px}

    .question-block-horizontal{flex-direction: column; justify-content: flex-start; align-items: flex-start;position: relative;padding-left: 64px;}
    .question-block-horizontal .options-list{padding-left: 0;  margin-left: 0; margin-top: 26px;}
    .question-block-horizontal .questions{width:100%;margin-top: 0px;}
    .question-block-horizontal .number{position: absolute; left: 0; top: 0;font-size: 14px;}

    .banner-section{min-height: inherit;background-position: top left !important;}
    .category-block .text-block{padding-left: 0px; padding-top: 26px;}
    .category-block.reverse .text-block{padding-right:0px}
    .category-block{padding: 26px 0;}
    .banner-section:after{width:100%;}

    .footer-right {
        flex-wrap: wrap;
    }
    .footer-menu {
        padding: 0 0 16px 0;
        width: 100%;
    }
    .footer-menu ul li {
        width: 50%;
    }
    footer .social-sharing ul li {
        padding: 0 24px 0 0;
    }
    .footer-menu ul {
        display: flex;
        flex-wrap: wrap;
    }
    header .logo, .footer-website-logo { max-width: 100px;  }

    header .btn{padding: 6px 12px 6px 12px; min-width:inherit}
}

@media (max-width: 575px) {
   /*  .step-menu ul li{width:50%;padding: 15px; position: relative !important;}
    .step-menu ul li:nth-child(3n):after, .step-menu ul li:nth-child(6n):after, .step-menu ul li:nth-child(9n):after {display:block} 
    .step-menu ul li:nth-child(2n):after, .step-menu ul li:nth-child(4n):after, .step-menu ul li:nth-child(6n):after, .step-menu ul li:nth-child(8n):after {display:none}

    .step-menu ul li::after {left: 50%; } */

    .step-menu ul li a .icon{width:34px;height:34px;padding: 6px;}
    .step-menu ul li::after{left: 32px;}
    .step-menu ul li{padding: 4px 15px;}
    .quiz-index .custom-scroll{max-width:100%;}

    .tab-container .nav-pills .nav-link{font-size: 14px;padding: 8px 12px;}

    .login-content-main{width:94%;padding: 30px 26px;}

    .banner-section{background-position: top left -190px !important;}

}
quiz-index .custom-scroll ul {
     display: flex;
     flex-wrap: wrap;
     gap: 5px; /* Adds spacing between items */
 }
 
 .quiz-index .custom-scroll ul li {
     text-align: center;
     list-style: none;
 }
.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}