*{
    padding: 0;
    margin: 0;
}
/*GLobal Colors*/
:root{
    --blue:#0277C1;
    --black:#374151;
    --light_gray:#A0A0A0;
    --white:#ffffff;
}
/*Inter Fonts*/
@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../fonts/Inter/Inter_24pt-SemiBold.ttf');
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter/Inter_24pt-Regular.ttf');
}
@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter/Inter_24pt-Medium.ttf');
}
@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter/Inter_24pt-Bold.ttf');
}
/*Manrope Font*/
@font-face {
    font-family: 'Manrope-Medium';
    src: url('../fonts/Manrope/Manrope-Medium.ttf');
}
@font-face {
    font-family: 'Manrope-Regular';
    src: url('../fonts/Manrope/Manrope-Regular.ttf');
}
/*Global Headings*/
h1{font-size: 44px;font-family: 'Inter-SemiBold';line-height: normal;margin: 0;color: var(--black)}
h2{font-size: 30px;font-family: 'Inter-SemiBold';line-height: normal;margin: 0;color: var(--black)}
h3{font-size: 25px;font-family: 'Inter-Regular';line-height: 28.8px;margin: 0;color: var(--black)}
h4{font-size:22px;font-family: 'Inter-SemiBold';line-height: normal;margin: 0;color: var(--black)}
h5{font-size:20px;font-family: 'Inter-Regular';line-height: normal;margin: 0;color: var(--black)}
h6{font-size: 15px;margin:0}

.btn{padding:12px;border-radius: 10px;font-family: 'Manrope-Medium';font-size:16px;line-height: normal}
.btn_primary{background: var(--blue);color:var(--white)}
.btn.btn_primary:hover{color:var(--blue);background: #E2F4FF;border:1px solid var(--blue)}
body .form-group{margin:0 !important;}
.form-group input.form-control::placeholder{color:var(--light_gray);font-size: 15px}
.form-group label{font-size:15px;font-family: 'Inter-Regular';line-height: 16px;color:var(--black)}
.form-group input.form-control,.form-group select.form-control,.selectBox{height: unset;border:1px solid #DBDADE;padding:12px 8px;border-radius:6px;font-size:15px;font-family: 'Inter-Medium';line-height:20px;color:var(--black) }
.form-group input.form-control:focus,.form-group select.form-control:focus{border:1px solid #DBDADE;padding:12px 8px;border-radius:6px;font-size:15px;font-family: 'Inter-Medium';line-height:20px;color:var(--black);background-image:none }
.custom_container{max-width: 1306px}
body{background:#F0F0F0}
.header .logo{margin: 50px 0px 100px ;width:296px;height:85px}
.header .logo img{width:100%;height:100%;object-fit:cover}
.txt_field input{background:transparent;color:var(--black);font-size:15px;border:none;border-radius:0px;border-bottom:1px solid #A0A0A0}
.custom_justify{display: flex;align-items: center;justify-content: space-between}
.row_gap{row-gap: 30px;}
.date_select select {background:transparent;padding: 7px 10px 7px 12px;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.10);min-width:130px}
:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.dropdown-toggle.show{border: 0;}
span.primary {border-radius: 3px;background: #E2F4FF;padding: 5px 6px;color: #0078C6;font-size: 12px;font-family: 'Inter-Medium';}
select.form-control {appearance:revert}
/* Dropdown Css */
ul.dropdown-menu {border-radius: 10px;padding: 0;transform: translate(-15px, 40px)!important;}
ul.dropdown-menu a.dropdown-item {padding: 10px 16px;font-size: 14px;font-family: 'Inter-Medium';color: #374151;}

/*Auth Pages CSS*/
.login_box_container .custom_radio input[type="radio"]:checked {border-color: white;}

.login-register::-webkit-scrollbar{width: 10px;}
.login-register::-webkit-scrollbar-thumb{background-color: var(--blue);	}
.login-register .login_main_wrapper .login_box_container .verify_email .login_text{margin-top: 30px;}
.login-register{background-image:url("/website/assets/images/auth_bg.png") ;background-repeat: no-repeat;background-size: cover;width:100%;height:100%;overflow-y:scroll;}
.login-register .login_box_container .btn.btn_primary{width: 100%}
.login-register .login_box_container .access_code_text{color:var(--blue);text-align: center;font-size:18px;font-family: 'Inter-Medium';}
.login-register .login_box_container{border-radius: 10px;}
.login-register .login_box_container {background:var(--white);box-shadow: 0px 6px 12px 0px rgba(140, 152, 164, 0.08);padding:40px;width: 450px;border-radius: 10px}
.login-register .login_box_container  .site_logo {width:178px;height:58px;margin:auto}
.login-register .login_box_container  .site_logo img{width:100%;height:100%;object-fit:contain}
.login-register .login_box_container h4 {margin:30px 0px 20px;text-align: center}
.login-register  .login_box_container .send_code{margin-top:30px}
.login-register .login_main_wrapper .assessment_box ul{text-align: start;width: 90%;margin: 20px auto}
.login-register .login_main_wrapper .assessment_box ul li{color:var(--black);font-size: 18px;font-family: 'Inter-Regular';padding: 4px 0px;}
.login-register .login_main_wrapper .assessment_box ul li span{margin-left:5px}
.login-register .login_box_container h6{font-size:17px;font-family: 'Inter-Regular';line-height: normal;color:var(--black);;margin:0px 0px 20px;text-align: center}
.redirect_link{margin-top: 20px;font-family: 'Inter-SemiBold';font-size: 16px;color:var(--black);display: flex;justify-content: center;text-decoration: none}
.login-register .login_box_container .custom_radio_wrapper {display: flex;gap: 8px;}
.login-register .login_box_container .custom_radio_wrapper .custom_radio{position: relative}
.login-register .login_box_container .custom_radio label {position: relative;cursor: pointer;display: flex;gap: 6px;align-items: center; border-radius: 4px;background: #F2FAFF;padding: 12px 20px;justify-content: center;}
.login-register .login_box_container .custom_radio input[type="radio"]:checked + label {background: var(--blue)}
.login-register .login_box_container .custom_radio input[type="radio"]:checked + label h6 {color: var(--white);}
.login-register .login_box_container .custom_radio label h6 {margin: 0px 0px 0px 10px;font-size: 14px;font-family: 'Inter-Regular'}
.login-register .login_box_container .custom_radio input[type="radio"]{position: absolute;z-index: 99;top: 9px;left: 12px;width: 15px;height: 15px;accent-color: var(--white)}
.user_details .login_box_container {min-width:500px}
.user_details .login_box_container .custom_row{row-gap: 16px}
.login_box_container  .custom_title{font-size:15px;font-family: 'Manrope-Regular';color:#23272E;line-height: 16px;margin-bottom: 8px}
.login-register .login_box_container  .selectBox {position: relative;cursor: pointer;}
.login-register .login_box_container  .selectBox__value {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color:var(--light_gray);font-size: 15px}
.login-register .login_box_container  .selectBox:after {position: absolute;right: 12px;top: 50%;transform: translateY(-50%) rotate(0deg);transition: all 0.2s ease-in-out;content: "\f078";font-family: 'Font Awesome 5 Free';font-weight: 600;}
.login-register .login_box_container  .selectBox .dropdown-menu a.dropdown-item{    color:var(--light_gray);font-family: 'Inter-Regular';padding: 12px 8px;font-family: 'Inter-Regular';}
.login-register .login_box_container  .selectBox .dropdown-menu a.dropdown-item.active{background: #F2FAFF;color:#0277C1;font-family: 'Inter-Medium';}
.login-register .login_box_container  .dropdown-menu {transition: all 0.5s ease-in-out;opacity: 0;display: block;top: 100%;width: 100%;max-height: 250px;z-index: -1;overflow-y: auto;transform: translateY(-15%);visibility: hidden;}
.login-register .login_box_container  .selectBox.show {background-color: var(--white);}
.login-register .login_box_container  .selectBox.show:after {transform: translateY(-50%) rotate(180deg);}
.login-register .login_box_container  .selectBox.show .dropdown-menu {transition: all 0.3s ease-in-out;visibility: visible;opacity: 1;z-index: 1;transform: translateY(0);}
.login-register   .assessment_box {background:var(--white);padding:40px;margin:20% auto;border-radius: 10px;text-align: center}
.login-register .assessment_box h5{margin-top:24px;font-size:18px}
.login-register .assessment_box .btn.btn_primary{margin-top: 30px;width: 100%}
.stepper .login_box_container .custom_row{row-gap: 20px}
.login-register .login_main_wrapper .login_box_container .step { display: none;}
.login-register .login_main_wrapper .login_box_container .step.active {display: block;}
.stepper .login_main_wrapper .login_box_container .site_logo{margin-bottom:20px}
.stepper .login_main_wrapper  .number_of_codes_wrapper .input-group-append button{border:none;background:none;padding:0px 10px}
.stepper .login_main_wrapper .number_of_codes_wrapper .input-group-append button i{font-size:15px;color:var(--light_gray)}
.stepper .login_main_wrapper .number_of_codes_wrapper .input-group-append button.decrement:after {content:" ";background:#ECECEC;width:1px;height:100%;display:block;position:absolute;top:0;right:-2px}
.stepper .login_main_wrapper .number_of_codes_wrapper .input-group-append button.decrement, .stepper .login_main_wrapper .number_of_codes_wrapper{position:relative}
.stepper .login_main_wrapper .number_of_codes_wrapper .input-group-append {position: absolute;right: 0;top: 35px;}
.stepper .login_main_wrapper  .form-group:has(.code_field) {display:flex;flex-direction:column;}
.stepper .login_main_wrapper  .form-group:has(.code_field) .code_field i{ right: 8px;top: 13px;font-size: 20px;color: var(--light_gray);position:absolute;font-weight:400}
.stepper .login_main_wrapper  .form-group:has(.code_field) .code_field{position: relative;border:1px solid #DBDADE;padding:12px 8px;border-radius:6px;font-size:15px;font-family: 'Inter-Medium';color:var(--black)}

/* Admin Login Css */
.login_main_wrapper{display: flex;justify-content: center;align-items: center;height: 100vh;}
.select_role{height:100%;}
.login-register{overflow: hidden}
.select_role .testimonial_slider{position: absolute;bottom:0;left: 0;right: 0}
.select_role .login_box_container{position: absolute;top: -71px;left:0;right:0;margin:auto;width:600px}
.select_role .login_main_wrapper{position: relative;}
.select_role.login-register .select_role_wrapper{justify-content: center;margin:10px 0px 10px}
.select_role.login-register .login_box_container h4{margin:10px 0px 10px}
.login_main_wrapper .forms_fields .form-group{margin:0}
.login_main_wrapper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 0}
.form_content {text-align: center;}
.form_content .login_logo img {height: 100%;width: 100%;object-fit: cover;}
.form_content .login_logo {height: 50px;width: 180px;margin: auto;}
.forms_fields .social {margin: 0;}
.forms_fields .social .btn.btn_transparent,.resend_passcode .btn_link {border: 1px solid #F0F0F0;width: 100%;color: black;font-family: 'Inter-Medium';}
.forms_fields {display: flex;flex-direction: column;gap: 20px;}
.forms_fields .form-group a.forgot_pass {text-align:center;display: block;color: var(--blue);font-family: 'Inter-SemiBold';font-size: 18px;}
.forms_fields .social:has(img) img {margin-right: 10px;height: 24px;width: 24px;}
.social:has(.extra_text) p:before {content: "";background: #F0F0F0;position: absolute;left: 0;width: 45%;height: 1px;top: 30px;}
.social:has(.extra_text) p:after {content: "";background: #F0F0F0;position: absolute;right: 0;width: 45%;height: 1px;top: 30px;}
.social:has(.extra_text) p{position:relative;text-align: center;margin: 0;padding-top: 20px;color: #000;}
form .form-group .verify_code {display: flex;align-items: center;gap: 15px;}
form .form-group .verify_code input.form-control {text-align: center;padding: 16px 11px;border-radius: 10px;background: #F9FAFB;}
form .form-group input[type="number"]::-webkit-outer-spin-button,form .form-group input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.resend_passcode {margin-top: 20px;text-align: center;}
.resend_passcode h6 {margin: 0;}

/* Sidebar Css */
.app_sidebar .site_logo {width: 180px;height: 50px;margin: unset;}
.app_sidebar {background: var(--white);width: 267px;min-width: 267px;overflow: visible;}
.app_sidebar .custom_sidebar {padding: 30px;height: 100%;position: fixed}
.app_sidebar ul.sidebar_menus {display: flex;flex-direction: column;gap: 25px;padding: 0;margin: 0;}
.app_sidebar nav.sidebar_nav_container {margin-top: 30px;}
.app_sidebar ul.sidebar_menus li {list-style: none;}
.app_sidebar ul.sidebar_menus li a.menu_link {display: flex;gap: 10px;padding: 0 6px;line-height: normal;color: #6B7280;font-size: 14px;align-items: center;text-decoration: none;font-family: 'Inter-Regular';}
.app_sidebar ul.sidebar_menus .dashboard_icon {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 14px;}
.app_sidebar ul.sidebar_menus li.menu_content.active a.menu_link {color: var(--blue);font-family: 'Inter-SemiBold';}
.app_sidebar ul.sidebar_menus .dashboard_icon img {width: 100%;height: 100%;object-fit: contain;}
.app_sidebar ul.sidebar_menus li.active .dashboard_icon img {filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(186deg) brightness(104%) contrast(97%);}

/* Navbar Css */
.main_wrapper .page-wrapper {width: calc(100% - 267px);margin: unset;}
.custom_navbar .navbar_header {margin: 20px 40px;background: transparent;}
.custom_navbar .top_navbar {width: 100%;display: flex;justify-content: end;align-items: center;}
.custom_navbar .top_navbar ul.navbar_nav {display: flex;align-items: center;gap: 16px;padding: 0;margin: 0;}
.custom_navbar .top_navbar ul.navbar_nav li.nav-item {list-style: none;}
.custom_navbar .navbar_header .sidebar_toggle a {border-radius: 50%;padding: 0;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;color: black;text-decoration: none;}
.custom_navbar .navbar_header .sidebar_toggle a i {color: #374151;font-size: 24px;}
.custom_navbar .navbar_header .sidebar_toggle {position: absolute;left: 300px;z-index: 99;}
.custom_navbar li.nav-item.custom_notification button {font-size:24px;width: 40px;height: 40px;border-radius: 4px;background: #FFF;padding: 0;color: black;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.custom_navbar li.nav-item.custom_notification button:after {display: none;}
.custom_navbar li.nav-item.dropdown.profile_setting_dropdown button { padding: 0;display: flex;align-items: baseline;gap: 15px;}
.custom_navbar .profile_detail {display: flex;align-items: center;gap: 6px;border-radius: 6px;background: #FFF;padding: 4px 15px 4px 6px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.custom_navbar .profile_detail .user_profile img {height: 100%;width: 100%;object-fit: cover;border-radius: 8px;}
.custom_navbar .profile_detail .user_profile {border-radius: 50%;border: 1px solid silver;width: 32px;height: 32px;overflow: hidden;}
.custom_navbar li.dropdown.profile_setting_dropdown .user_name p {font-size: 12px;color: #374151;font-family: 'Inter-Medium';margin: 0;}
.form-group label {padding-bottom: 6px;}
.custom_navbar li.nav-item.dropdown.profile_setting_dropdown button:after {display: block;content: "\f078";font-family: 'FontAwesome';border: 0;margin: 0;font-size: 12px;}
.main_wrapper {display: flex;flex-wrap: wrap;height:100vh}
.custom_justify h3 {font-family: 'Inter-SemiBold';}
.custom_navbar li.nav-item.custom_notification button .notifi_dot span {background: red;border-radius: 50%;z-index: 1;display: inline-block;padding: 4px;top: 6px;right: 2px;}
.notifi_dot {position: absolute;top: 6px;right: 7px;height: fit-content;padding-left: 5px;z-index: 2;height: 10px;width: 10px;border-radius: 50%;background: #ffffff;padding: 8px;display: flex;justify-content: center;align-items: center;}
.app_sidebar ul.sidebar_menus li a.menu_link:hover {color: var(--blue);font-family: 'Inter-SemiBold';}

/* Mini Sidebar */
.app_sidebar.toggled {width: 94px;min-width: 94px;overflow: hidden;}
.app_sidebar.toggled nav.sidebar_nav_container ul.sidebar_menus {overflow: hidden;align-items: baseline;}
.main_wrapper:has(.app_sidebar.toggled) .custom_navbar .navbar_header .sidebar_toggle {left: 120px;}
body:has(.app_sidebar.toggled) .page-wrapper {width: calc(100% - 94px);}
.app_sidebar.toggled .custom_sidebar {position: unset;}
.app_sidebar.toggled ul.sidebar_menus .dashboard_icon{ width: 30px;height: 30px;}
.mini_sidebar_logo img {height: 100%;width: 100%;object-fit: cover;}
.mini_sidebar_logo {width: 40px;height: 48px;margin: auto;display: none;}
.app_sidebar.toggled .custom_sidebar .site_logo {display: none;}
.app_sidebar.toggled .custom_sidebar .mini_sidebar_logo {display: block;}

/*assessment_test*/
.assessment_test .quiz_container .options_wrapper{display: flex;justify-content: space-between;align-items: center;margin:20px 0px 40px}
.assessment_test .assessment_content .txt_field{margin:40px 0px}
.assessment_test .quiz_container {padding:40px;border-radius:10px;background:var(--white);margin-top:90px}
.assessment_test .assessment_content .quiz_container h2 span{margin-right: 30px;}
.assessment_test .assessment_content .quiz_container  h2{font-family: 'Inter-Regular';font-size: 25px}
.assessment_test .quiz_container .options_wrapper input[type="radio"]:checked + label {color: #0277C1;}
.assessment_test .quiz_container .options_wrapper input[type="radio"]{accent-color: #0277C1}
.assessment_test .quiz_container .options_wrapper .options label{font-family: 'Inter-Medium';font-size:15px}
.assessment_test .assessment_content .quiz_container .submit_button .btn{width: 100%;margin-top: 50px}
.assessment_test .assessment_content .quiz_container .redirect_link{justify-content: start;}
.assessment_test .assessment_content .quiz_container .redirect_link i{font-size: 20px}

/*Impact Score*/
.assessment_test h5{line-height: 36px}
.assessment_test .assessment_content .nav.nav-tabs{border-bottom:1px solid #BFBFBF;gap:40px;margin-bottom: 50px}
.assessment_test .assessment_content .nav.nav-tabs .nav-item .nav-link.active{color:#0277C1;font-family: 'Inter-SemiBold';border-bottom:1px solid #BFBFBF;}
.assessment_test .assessment_content  .nav.nav-tabs .nav-item .nav-link{font-family: 'Inter-Regular';font-size:30px;color:#1E1E1E;padding:0;border:none}
.assessment_test .score_box {background:#0277C1;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--white)}
.assessment_test .impact_score .custom_flex{display: flex;gap:30px;align-items: center;justify-content: center}
.assessment_test .impact_score{text-align: center;margin: 30px 0px 80px;}
.assessment_test .impact_score h1{margin-bottom: 30px}
.assessment_test .score_box span{font-size:15px}
.assessment_test .result_stats {border-radius: 10px;background: #F0F0F0;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding:24px 18px;min-width:228px}
.assessment_test .results_section{display: flex;justify-content: space-between;margin: 40px 0px 40px;}
.assessment_test .influence_slider{accent-color:#92D050;width:100%}
.assessment_test .relationship_slider{accent-color:#FFC000;width:100%}
.assessment_test .fear_slider{accent-color:#FF0000;width:100%}
.assessment_test .trust_slider{accent-color:#1F497D;width:100%}
.assessment_test .self_confidence_slider{accent-color:#4F81BD;width:100%}
.assessment_test .influence{color:#92D050;font-size:20px;font-family: 'Inter-Medium';}
.assessment_test .relationship{color: #FFC000;font-size:20px;font-family: 'Inter-Medium';}
.assessment_test .fear{color:#FF0000;font-size:20px;font-family: 'Inter-Medium';}
.assessment_test .self_confidence{color:#4F81BD;font-size:20px;font-family: 'Inter-Medium';}
.assessment_test .trust{color:#1F497D;font-size:20px;font-family: 'Inter-Medium';}
.assessment_test .influence_stat {border-radius: 10px;background: rgba(146, 208, 80, 0.05);padding:20px;margin:20px 0px 50px}
.assessment_test .relationship_stat {border-radius: 10px;background: rgba(255, 192, 0, 0.05);padding:20px;margin:20px 0px 50px}
.assessment_test .fear_stat {border-radius: 10px;background: rgba(255, 0, 0, 0.05);padding:20px;margin:20px 0px 50px}
.assessment_test .trust_stat {border-radius: 10px;background: rgba(31, 73, 125, 0.05);padding:20px;margin:20px 0px 50px}
.assessment_test .self_confidence_stat {border-radius: 10px;background: rgba(79, 129, 189, 0.05);padding:20px;margin:20px 0px 50px}
.assessment_test .send_email_button .btn{width:100%}

/* Dasshboard Home Page */
.white_box {border-radius: 6px;background: #FFF;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);padding: 20px;}
.custom_card h6 {margin: 0;font-size: 13px;color: #374151;font-family: 'Inter-Regular';display: flex;align-items: center;justify-content: space-between;}
.custom_card a {text-decoration: none;}
.custom_card h4 {margin: 20px 0 10px 0;font-family: 'Inter-Bold';}
.custom_card p {color: #0078C6;font-family: 'Inter-Regular';font-size: 12px;margin: 0;}
.custom_card p:has(span) span {margin-left: 5px;}
.custom_card h6:has(span) span {color: #0078C6;font-size: 18px;}

/* Table Css */
body table .table_img_name .image_container {width:35px;height:35px;border-radius:5px;overflow:hidden}
body table .table_img_name .image_container img{width:100%;height:100%;object-fit:cover}
body table.table thead tr th, body table.table tbody tr td{padding: 15px 20px;border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;}
body table.table {border: 0;}
body table.table thead tr th {color: #6B7280;font-family: 'Inter-Medium';font-size: 12px;}
body table.table tbody tr td {color: #374151;font-family: 'Inter-Medium';font-size: 14px;}
body table .table_img_name {display: flex;align-items: center;gap: 10px;}
body table .table_image img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
body table .table_img_name h6 {color: #374151;font-family: 'Inter-Medium';font-size: 14px;}
body .table-responsive .dt-container .dt-layout-row .dt-layout-cell.dt-layout-end .dt-search {display: none;}
body .table-responsive .dt-container .dt-layout-row{margin:0;}
body .table-responsive .dt-container .dt-paging nav {display: flex;gap: 8px;}
body .table-responsive .dt-container .dt-info {font-family: 'Inter-Medium';font-size: 14px;color: rgba(0, 0, 0, 0.50);}
body .table-responsive .dt-container .dt-paging button.dt-paging-button {border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.10);background: #FFF;padding: 7px 14px;color: #374151!important;font-size: 13px;font-family: 'Inter-Medium';margin: 0;}
body .table-responsive .dt-layout-row:has(.dt-info) {margin-top: 20px;}
body .table-responsive .dt-container .dt-paging button.dt-paging-button.current {background: #0078C6;color: white!important;}
body .table-responsive .dt-container .dt-paging .dt-paging-button.disabled, body .table-responsive .dt-container .dt-paging .dt-paging-button.disabled:hover, body .table-responsive .dt-container .dt-paging .dt-paging-button.disabled:active {border: 1px solid rgba(0, 0, 0, 0.10);}
body .table-responsive .dt-container.dt-empty-footer tbody > tr:last-child > * {border-bottom: 1px solid #F0F0F0;}

.table_tab .nav-tabs {gap: 10px;border-bottom: 1px solid #F0F0F0;}
.table_tab .nav-tabs button.nav-link {padding: 10px 12px;color: #6B7280;font-size: 14px;font-family: 'Inter-Medium';border: 0;background: none;}
.table_tab .nav-tabs button.nav-link.active {color: #0078C6;border-bottom: 2px solid #0078C6;}

.table_header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 22px;}
.table_header h6 {color: #374151;font-family: 'Inter-SemiBold';font-size: 14px;}
.custom_search_box .txt_field {border-radius: 4px;border: 1px solid #F0F0F0;background: #FFF;display: flex;align-items: center;gap: 10px;padding: 0 8px;}
.custom_search_box .txt_field input.searchinput {padding: 7px 14px 7px 8px;border:0;}

/* Code Management */
.code_management .white_box {padding: 30px 20px;}
.code_management .white_box .users_data {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.code_management .white_box .users_data p {color: #8F8F8F;margin-bottom: 6px;}
.code_management .white_box .users_data h6 {font-size: 15px;font-family: 'Inter-Medium';}
.generate_code_btn {text-align: right;margin-top: 25px;}
.generate_code_btn button.btn.btn_primary {font-family: 'Inter-Medium';border-radius: 6px;padding: 10px;}

/* Modal Css */
.modal-content {border-radius: 10px;background: #FFF;box-shadow: 0px 6px 12px 0px rgba(140, 152, 164, 0.08);padding: 40px;}
.modal .modal-dialog.modal-dialog-centered {min-width: 28%;}
.modal-header {padding: 0;border:0;}
.modal-header h3 {font-family: 'Inter-SemiBold';}
.modal-body {padding: 0;}
.modal-body .confirmation_code {margin: 35px 0 25px 0;}
.modal_footer_inner button.btn.btn_primary {width: 100%;}
.modal-header:after {content: "";background: #F0F0F0;position: absolute;width: 100%;height: 2px;left: 0;right: 0;top: 28%;}
.modal .confirmation_code .custom_row{row-gap:25px}
.form-group{position: relative;}
.form-group .input_icon {position:absolute;right:10px;top:40px}
.modal.confirm_password_modal .modal_body_inner_wrapper .modal_footer_inner{display: flex;align-items: center;justify-content: end;gap:12px}
.modal.confirm_password_modal .modal_body_inner_wrapper .modal_footer_inner .btn_primary{width: fit-content; border-radius: 4px;padding: 10px 16px;font-size: 13px;font-family: 'Inter-Medium';}
.modal.confirm_password_modal .modal_body_inner_wrapper .modal_footer_inner .btn_transparent{padding:10px 16px;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.10);font-size: 13px;font-family: 'Inter-Medium';}
.modal.confirm_password_modal .modal-header:after {top:16%}

#chart .apexcharts-legend.apexcharts-align-center.apx-legend-position-right {justify-content:center}

/* Profile Setting Css */
.profile_setting h6 {border-bottom: 1px solid #F0F0F0;margin: 0;color: #374151;font-size: 14px;font-family: 'Inter-SemiBold';padding-bottom: 20px;}
.profile_content .row_gap {row-gap: 20px;}
.profile_setting .save_btn {text-align: right;}
.profile_setting .save_btn button.btn.btn_primary {padding: 10px 16px;border-radius: 4px;font-size: 13px;font-family: 'Inter-Medium';}
.password_btn button.btn.btn_transparent {border: 1px solid #0078C6;border-radius: 4px;padding: 14px 16px;color: #0078C6;font-size: 13px;font-family: 'Inter-Medium';}

/* Profile Image */
.profile_image .image_container, .profile_image .changed_image_container {width: 140px;height: 140px;border-radius: 50%;border: 1px solid #CDCDCD;overflow: hidden;}
.profile_image .image_container img {width: 100%;height: 100%;object-fit: cover;}
.profile_image {position: relative;width: fit-content;margin: 20px 0;}
.profile_image input.file_input {z-index: 1;opacity: 0;position: absolute;height: 100%;top: 0;left: 0;right: 0;cursor: pointer;}
.profile_image button.edit_image,.profile_image button.cancel_image {border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center; justify-content: center;font-size: 12px;padding: 0;position: absolute;right: 0;background: #2E6FF3;bottom:0;}
.profile_image button.cancel_image {right: 0;top: 0;background: red;color: white;z-index: 1;}

.dashboard_charts h6 {font-family: 'Inter-SemiBold';color: #374151;margin-bottom: 30px;}
.line_chart {height: 300px;}


.assessment_test.dashboard_test_view .table_tab .nav-tabs {gap: 40px;}
.assessment_test.dashboard_test_view .table_tab .nav-tabs button.nav-link {font-size: 28px;font-family: 'Inter-Regular';}
.assessment_test.dashboard_test_view .table_tab .nav-tabs button.nav-link.active {font-family: 'Inter-SemiBold';}
.assessment_test.dashboard_test_view .tab-content {margin: 0;}
.assessment_test.dashboard_test_view .quiz_container {margin-top: 50px;}
.assessment_test.dashboard_test_view .assessment_results {border-radius: 10px;background: #FFF;padding: 50px;margin-top: 50px;}



.login-register.user_details{overflow: scroll}
.login-register .select_role_wrapper { display: flex;justify-content: space-between;gap: 20px;margin: 30px 0px 30px;}
.login-register .select_role_wrapper .role_option input[type="radio"] {display: none;}
.login-register .select_role_wrapper .role_option input[type="radio"] {display: none;}
.login-register .select_role_wrapper  .role_option input[type="radio"] h5{font-family: 'Inter-Regular';}
.login-register .select_role_wrapper .role_option label { display:flex; cursor: pointer; display: block; width: 170PX; height: 147px;  background-color: #f5f5f5;  border-radius: 12px; padding: 15px;  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease;align-items:center;gap:12px}
.login-register .select_role_wrapper  .role_option input[type="radio"]:checked + label{background-color: var(--blue); color: white; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);}
.login-register .select_role_wrapper  .role_option input[type="radio"]:checked + label h5{color:white}
.login-register .select_role_wrapper .image_div {width:80px;height:80px;margin:auto;padding-bottom:15px}
.login-register .select_role_wrapper  .image_div img{width:100%;height:100%;object-fit:contain}
.select_role .login_text p{margin:20px 0px 20px;color:var(--black);font-size: 17px;font-family: 'Inter-Regular';}
.select_role .login-register .login_box_container h4{margin-top:0}
.select_role a.btn.btn_primary.admin_button {padding: 10px 20px;}
.select_role .custom_flex{display: flex;justify-content: end;gap:15px}


.testimonial_section .testimonial_card {border-radius: 10px;background: #fff;padding:20px;text-align:start;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;height:100%}
.testimonial_section .testimonial_card  p{margin:10px 0px 25px;   overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.testimonial_section .testimonial_card  .profile_image {width:45px;height:45px}
.testimonial_section .testimonial_card  img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.testimonial_section .testimonial_card  .testimonial_user {display:flex;align-items:center;gap:15px}
.testimonial_section .testimonial_card  .testimonial_user p{margin:0;font-family: 'Inter-Medium';line-height: normal}
.testimonial_section .testimonial_card  .testimonial_user .rating span{font-size: 14px}
.testimonial_section .testimonial_card .checked{color: #c91}
.testimonial_section .testimonial_card .testimonial_status {text-align:right}
.testimonial_section .testimonial_card  .testimonial_status  input{width:30px;height:20px;accent-color:var(--blue)}
.testimonial_section .row{row-gap: 25px}


/* Feedback Form */
.custom_radio_wrapper .form-group {margin-top: 20px;}
.feedbackForm .modal-header {position: relative;padding-bottom: 10px;}
.feedbackForm .modal-header::after {bottom: 0;top: unset;}
.custom_radio_wrapper .form-group label {font-family: 'Inter-Medium';font-size: 16px;padding-bottom: 10px;line-height: normal;}
.feedbackForm .modal-footer{border:0;}
.form-check-input:checked {background-color: #0277C1;}

.testimonial_slider {max-width: 500px;margin: auto;    padding-bottom: 40px;}
.testimonial_slider .testimonial_card p {color: #374151;font-family: 'Inter-SemiBold';text-align: center;margin: 0;}
.testimonial_slider .testimonial_card .testimonial_user {margin-top: 30px;justify-content:center;}
.testimonial_slider .testimonial_card .testimonial_user .profile_image {margin: 0;}
.testimonial_slider .swiper-button-next, .testimonial_slider .swiper-button-prev {width: 40px;height: 40px;border: 1px solid #0277C1;border-radius: 50%;background: #0277C1;color: white;justify-content: space-evenly;}
.testimonial_slider .swiper-button-next:after, .testimonial_slider .swiper-button-prev:after {font-size: 15px;}
.custom_flex {display: flex;align-items: center;justify-content: end;gap: 20px;}