*{
    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: 38px;font-family: 'Inter-SemiBold';line-height: 45px;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}

.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);	}
.select_role  .login_main_wrapper{height:520px}
.select_role .testimonial_slider {max-width: 600px}

.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:auto;}
.login-register .login_box_container .btn.btn_primary{width: 100%;}
.login-register.select_role .login_box_container .btn.btn_primary{margin-top:40px}
.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)}
.feedbackForm .modal-content {padding: 25px;}
.feedbackForm .modal-content .d-flex.flex-column {margin: 15px 0;}
.feedbackForm .modal-content input.form-control {margin-bottom: 15px;}

/* 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{width:600px;height:100%}
.select_role .login_main_wrapper{position: relative;}
.select_role .selectRoleForm{display: flex;flex-direction: column;justify-content: space-between;height: 100%}
.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: 140px;margin: 0 auto;}
.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 input.form-control:focus-visible{outline:none !important;box-shadow:none;background:none}
.assessment_test .quiz_container .options_wrapper{display: flex;justify-content: space-between;align-items: center;margin:20px 0px 40px;flex-wrap: wrap}
.assessment_test .assessment_content .txt_field{margin:40px 0px}
.assessment_test .quiz_container {padding:40px;border-radius:10px;background:var(--white);}
.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: 32px;font-size: 17px}
.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;margin: 40px 0px 40px;flex-wrap: wrap;gap:12px}
.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;}
.assessment_test .relationship_stat {border-radius: 10px;background: rgba(255, 192, 0, 0.05);padding:20px;}
.assessment_test .fear_stat {border-radius: 10px;background: rgba(255, 0, 0, 0.05);padding:20px;}
.assessment_test .fear_stat h2{font-size:20px !important;margin-bottom: 10px}
.assessment_test .trust_stat {border-radius: 10px;background: rgba(31, 73, 125, 0.05);padding:20px;}
.assessment_test .self_confidence_stat {border-radius: 10px;background: rgba(79, 129, 189, 0.05);padding:20px;}
.assessment_test .send_email_button .btn{width:100%}
.assessment_test  .category_container h4{margin:15px 0px 10px 0px;font-size:18px}
/* 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 .quiz_container .row{row-gap: 30px}
.assessment_test.dashboard_test_view .assessment_results {border-radius: 10px;background: #FFF;padding: 50px;margin-top: 50px;}



.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}
.user_details .login_main_wrapper{height:unset}

.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}
.testimonials .testimonial_card .review_video {height:303px;}
.testimonials .testimonial_card .review_video  video{width:100%;height:100%;object-fit:cover;border-radius:10px}

/* 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: 15px;display: flex;align-items: center;gap: 8px;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;}

.assessment_test .assessment_content .txt_field.customer_text_field {display: flex;gap: 10px;align-items: center;border-bottom: 1px solid black;}
.assessment_test .assessment_content .txt_field.customer_text_field label {font-weight: 600;}
.assessment_test .assessment_content .txt_field.customer_text_field input.form-control {border: 0;}
.testimonial_slider .testimonial_card .testimonial_user .user_image{width: 42px;height: 42px}
.testimonial_slider .testimonial_card .testimonial_user p{text-align: start;color: #919191}
.testimonial_slider .testimonial_card .testimonial_user .user_image img{width:100%;height: 100%;border-radius: 50%;object-fit: cover}
.testimonial_slider .testimonial_card .testimonial_user h6{font-family: 'Inter-SemiBold'}
/*Website css with animations*/
.header {position: absolute;width: 100%;animation: slideInDown 0.6s ease-out;z-index: 99;}
@keyframes slideInDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.site_logo .navbar-brand {padding: 0px;margin: 0px;transition: transform 0.3s ease;}
.site_logo .navbar-brand:hover {transform: scale(1.05);}
.header .custom_header {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.header .custom_header .nav_menu.collapse.navbar-collapse {justify-content: center;}
.banner {background-image: url("/website/assets/images/banner.png");width: 100%;background-size: cover;background-repeat: no-repeat;padding: 228px 0px 120px 0px;overflow: hidden;background-color: #fff}
.banner::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.05);animation: fadeIn 1.5s ease-in;}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.site_logo {width: 140px;}
.site_logo img {width: 100%;height: 100%;object-fit: cover;transition: filter 0.3s ease;}
.site_logo img:hover {filter: brightness(1.1);}
.header .custom_header .logo_container {border-radius: 6px;border: 1px solid #E5E7EB;background: #FFF;box-shadow: 0 4px 44px 0 rgba(224, 227, 255, 0.73);padding: 0px 30px;transition: box-shadow 0.3s ease, transform 0.3s ease;}
.header .custom_header .logo_container:hover {box-shadow: 0 6px 50px 0 rgba(224, 227, 255, 0.9);transform: translateY(-2px);}
.header .custom_header ul.navbar-nav {border-radius: 6px;border: 1px solid #E5E7EB;background: #FFF;box-shadow: 0 4px 44px 0 rgba(224, 227, 255, 0.73);padding: 12px 30px;display: flex;align-items: center;gap: 24px;}
.header .custom_header .navbar-nav .nav-link {padding: 0;color: #374151;font-family: 'Inter-Medium';font-size: 16px;line-height: 33px;transition: color 0.3s ease, transform 0.3s ease;}
.header .custom_header .navbar-nav .nav-link:hover {color: #0078C6;transform: translateY(-1px);}
.btn.btn_blue {border-radius: 6px;background: #0078C6;padding: 12px 30px;color: #FFF;font-family: 'Inter-SemiBold';font-size: 18px;line-height: 18px;transition: background 0.3s ease, transform 0.2s ease;}
.btn.btn_blue:hover {background: #005f9e;transform: scale(1.05);}
.banner .hero_section {max-width: 75%;margin: auto;text-align: center;animation: fadeInUp 0.8s ease-out;}

@keyframes fadeInUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.banner .hero_section .quiz_tag {border-radius: 110px;border: 1px solid #59BEEF;background: #D7EFFF;padding: 6px 12px;width: fit-content;margin: auto;color: #0078C6;font-size: 14px;font-family: 'Inter-Regular';line-height: normal;animation: pulse 2s infinite ease-in-out;}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
.banner .hero_section h1 {font-size: 80px;color: #374151;font-family: 'Inter-SemiBold';line-height: 81px;letter-spacing: -2.4px;margin: 15px 0px 28px;animation: fadeInUp 1s ease-out 0.2s both;}
.banner .hero_section h3 {line-height: 35px;color: #374151;margin-bottom: 28px;animation: fadeInUp 1s ease-out 0.4s both;}
.banner .hero_section .get_started_btn .btn.btn_blue {font-size: 14px;position: relative;z-index: 999;}
.banner .hero_section .students_count .std_img {display: flex;align-items: center;justify-content: center;}
.banner .hero_section .students_count .std_img .image_div {margin-right: -7px;transition: transform 0.3s ease;}
.banner .hero_section .students_count .std_img .image_div:hover {transform: scale(1.1);}
.banner .hero_section .students_count {display: flex;align-items: center;gap: 10px;justify-content: center;padding-top: 28px;animation: fadeInUp 1s ease-out 0.6s both;flex-direction: column;max-width: 40%;margin: auto}
.banner .hero_section .students_count p {margin: 0px;font-family: 'Inter-Medium';}
.banner .hero_section .students_count p span {color: #0078C6;}

/*How it works*/
.how_it_works h1 {font-size: 50px;text-align: center;margin-bottom: 10px;animation: fadeIn 1s ease-out;}
.how_it_works {background: #fff;padding: 80px 0px;}
.how_it_works .row {row-gap: 30px;}
.how_it_works .work_steps {border-radius: 10px;border: 1px solid #E5E7EB;background: #FFF;padding: 25px;transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;display: flex;flex-direction:column}
.how_it_works .work_steps:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);}
.how_it_works .work_steps .step_count {border-radius: 6px;border: 1px solid #59BEEF;background: #D7EFFF;width: fit-content;padding: 6px 12px;color: #0078C6;font-family: 'Inter-Regular';font-size: 14px;line-height: normal;animation: fadeIn 0.8s ease-out;}
.how_it_works .work_steps h5 {font-size: 22px;color: #1e1e1e;font-family: 'Inter-Medium';letter-spacing: -0.44px;text-transform: capitalize;margin: 18px 0px;line-height: 21px;animation: fadeInUp 0.8s ease-out 0.2s both;}
.how_it_works .work_steps p {font-size: 13px;font-family: 'Inter-Regular';line-height: 21px;text-transform: capitalize;letter-spacing: -0.26px;color: #1e1e1e;margin: 12px 0px;animation: fadeInUp 0.8s ease-out 0.3s both;}
.how_it_works .work_steps .question_slider .question_container {height: 100%;border-radius: 5px;border: 1px solid #E5E7EB;background: #FFF;padding: 12px;transition: transform 0.3s ease;}
.how_it_works .work_steps .question_slider .question_container:hover {transform: translateY(-3px);}
.how_it_works .work_steps .question_slider {border-radius: 10px;background: #F4F6F8;padding: 25px 0px 25px 25px;flex: 1;display: flex}
.how_it_works .work_steps .question_slider .question_container .radio_inputs {display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 10px;}
.how_it_works .work_steps .question_slider .question_container .radio_inputs .form-check {padding: 0px;margin: 0px;}
.how_it_works .work_steps .question_slider .question_container .radio_inputs .form-check label {font-size: 14px;transition: color 0.3s ease;}
.how_it_works .work_steps .question_slider .question_container .radio_inputs .form-check input[type="radio"]:checked + label {color: blue;}
.how_it_works .work_steps .question_container.progress-card .progress_header {display: flex;align-items: center;justify-content: space-between;}
.how_it_works .work_steps .question_container.progress-card .slidecontainer {display: flex;flex-direction: column;align-items: start;margin-top: 30px;}
.how_it_works .work_steps .question_container.progress-card .slidecontainer label {font-size: 22px;color: #23272E;font-family: 'Inter-Bold';}
.how_it_works .work_steps .question_container.progress-card .emoji_status {border-radius: 4px;background: #D7EFFF;padding: 4px;display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease;}
.how_it_works .work_steps .question_container.progress-card .emoji_status:hover {transform: scale(1.05);}
.how_it_works .work_steps .question_container.progress-card .slidecontainer input {width: 100%;}
.how_it_works .work_steps .question_slider .question_container .top_heading {display: flex;align-items: center;justify-content: space-between;}
.how_it_works .work_steps .question_slider .question_container .relationship h3 {color: #FFC000;font-size: 14px;font-family: 'Inter-SemiBold';}
.how_it_works .work_steps .question_slider .question_container:has(.relationship) {border: 1px solid #FFC000;}
.how_it_works .work_steps .question_slider .question_container .influence h3 {color: #92D050;font-size: 14px;font-family: 'Inter-SemiBold';}
.how_it_works .work_steps .question_slider .question_container:has(.influence) {border: 1px solid #92D050;}
.how_it_works .work_steps .question_slider .question_container .self_confidence h3 {color: #4F81BD;font-size: 14px;font-family: 'Inter-SemiBold';}
.how_it_works .work_steps .question_slider .question_container:has(.self_confidence) {border: 1px solid #4F81BD;}
.unlock_your_impact .row{row-gap: 20px}
/*Key Features*/
.key_features {background: #fff;}
.key_features .row {row-gap: 30px;}
.key_features h1, .testimonials.home_testimonials h1  {font-size: 38px;font-family: 'Inter-SemiBold';letter-spacing: -0.76px;text-transform: capitalize;line-height: 45px;text-align: center;margin-bottom: 10px;animation: fadeIn 1s ease-out;color: #374151}
.home_testimonials .testimonial_slider{padding: 0px}
.key_features .feature_box {border-radius: 10px;border: 2px solid #59BEEF;background: #F4F6F8;padding: 30px;height: 100%;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.key_features .feature_box:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);}
.key_features .feature_box p {margin: 0px;}
.key_features .feature_box .feature_image {width: 50px;height: 48px;background: #D7EFFF;border: 1px solid #59BEEF;display: flex;align-items: center;justify-content: center;border-radius: 6px;transition: transform 0.3s ease;}
.key_features .feature_box .feature_image:hover {transform: scale(1.1);}
.key_features .feature_box .feature_image .img_div {width: 30px;height: 30px;}
.key_features .feature_box .feature_image .img_div img {width: 100%;height: 100%;object-fit: cover;}
.key_features .feature_box h5 {font-size: 22px;color: #374151;font-family: 'Inter-Medium';line-height: 26.4px;letter-spacing: -0.44px;text-transform: capitalize;margin: 20px 0px 15px;animation: fadeInUp 0.8s ease-out 0.2s both;}
.blue_banner .main_banner h2 span {color: #374151;}
.blue_banner {background: #fff;padding: 80px 0px;}
.blue_banner .main_banner {border-radius: 10px;background: linear-gradient(97deg, #59BEEF -5.8%, #306DEA 99.69%);padding: 50px;position: relative;animation: fadeIn 1s ease-out;}
.blue_banner .main_banner::after {content: " ";position: absolute;background-image: url('/website/assets/images/pLayer.svg');background-size: cover;top: 0px;right: 30px;width: 242px;height: 90%;animation: slideInRight 1s ease-out;bottom: 0px;margin: auto;}
@keyframes slideInRight {
    from {
        transform: translateX(50px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.blue_banner .main_banner h2 {font-size: 36px;font-family: 'Inter-Bold';color: #fff;letter-spacing: -0.72px;animation: fadeInUp 0.8s ease-out 0.2s both;}
.blue_banner .main_banner p {margin: 20px 0px;color: #fff;animation: fadeInUp 0.8s ease-out 0.3s both;}
.blue_banner .main_banner .btn_white {background: #fff;color: #0078C6;padding: 12px 30px;font-size: 14px;font-family: 'Inter-SemiBold';line-height: 14px;border-radius: 6px;transition: background 0.3s ease, transform 0.2s ease;}
.blue_banner .main_banner .btn_white:hover {background: #f0f0f0;transform: scale(1.05);}
.footer .footer_social_links {display: flex;align-items: center;gap: 12px;}
.footer .site_logo{width: 50px}
.footer .footer_social_links i {color: #374151;opacity: 0.5;transition: opacity 0.3s ease, transform 0.3s ease;}
.footer .footer_social_links i:hover {opacity: 1;transform: scale(1.2);}
.footer .footer_content {border-bottom: 0.5px solid #E5E7EB;padding: 40px 0px;}
.footer {background: #fff;border-bottom: 0.5px solid #E5E7EB;animation: fadeIn 1s ease-out;}
.footer p {font-size: 15px;font-family: 'Inter-Regular';color: #374151;padding: 40px 0px;margin: 0px;}
.footer p.footer_para {margin: 24px 0px;opacity: 0.5;max-width: 50%;line-height: 23px;letter-spacing: -0.3px;padding: 0px;border: none;}
.footer h2 {font-size: 17px;font-family: 'Inter-SemiBold';line-height: 28px;letter-spacing: -0.34px;margin-bottom: 24px;}
.footer ul.nav.footer-links {display: flex;flex-direction: column;gap: 24px;}
.footer ul.nav.footer-links li a {color: #374151;font-size: 16px;font-family: 'Inter-Medium';line-height: 16px;text-decoration: none;transition: color 0.3s ease, transform 0.3s ease;}
.footer ul.nav.footer-links li a:hover {color: #0078C6;transform: translateX(5px);
}

/*/Testimonials*/
.testimonials.home_testimonials {background:#fff;padding:80px 0px }
.home_testimonials  .testimonial_slider{max-width: 100%;margin-top: 20px;}
.home_testimonials .testimonial_card {padding:16px;border-radius: 10px;border: 1px solid #E5E7EB;background: #F9F9F9;}
.home_testimonials .testimonial_card p{font-size: 13px;font-family: 'Inter-Regular';line-height: 21px;text-transform: capitalize;letter-spacing: -0.26px;color: #1e1e1e;animation: fadeInUp 0.8s ease-out 0.3s both;}

.cms_section  .nav.nav-tabs{border-bottom: 0px}
.cms_section .section_content .row{row-gap:10px}
.cms_section {padding: 40px 0;background-color: #f8f9fa;}
.cms_section .section_content {background-color: #fff;padding: 25px;border-radius: 10px;margin-bottom: 30px;}
.cms_section .section_content .section-title {font-size: 1.5rem;font-weight: bold;color: #333;margin-bottom: 15px;}
.cms_section .section_content .form-group label {font-size: 0.9rem;color: #555;}
.cms_section .section_content .form-control { border: 1px solid #ddd;border-radius: 5px;padding: 12px;font-size: 1rem;width: 100%;}
.cms_section .section_content .form-control:focus {border-color: #306DEA;box-shadow: 0 0 5px rgba(48, 109, 234, 0.3);}
.cms_section .nav-tabs .nav-item .nav-link {padding: 10px 20px;font-size: 1rem;font-weight: bold;color: #555;border-radius: 5px;transition: background-color 0.3s;}
.cms_section .nav-tabs .nav-item .nav-link.active {background-color: #306DEA;color: #fff;border-radius: 5px;}
.cms_section textarea.form-control {resize: none;height: unset}

.impact_assessment  {padding-top:80px;}
.impact_assessment h1{max-width:60%;text-align:center;margin:auto}
.impact_assessment  h3{text-align:center;margin-top:16px}
.impact_assessment .assessment_points {padding:30px;background:rgba(249, 249, 249, 1);border-radius:10px;border:1px solid #E5E7EB;margin-top:40px;}
.impact_assessment  .point_container {border-radius: 10px;border: 1px solid #E5E7EB;background: #FFF;padding:16px;display: flex;flex-direction: column;gap:30px}
.impact_assessment  .point_container .point_header {display:flex;align-items:center;justify-content:space-between;gap:10px}
.impact_assessment  .point_container .point_header p{margin:5px}
.impact_assessment .assessment_points .point_container .point_header h5{font-family: 'Inter-Bold';letter-spacing:-0.4px;line-height:24px;font-size: 18px}
.impact_assessment .assessment_points .point_container .point_header  .location_wrapper p{text-align: right}
.impact_assessment .assessment_points .point_container p{margin:0;font-size:16px;color:#374151;opacity:0.6;font-family:'Inter-Regular';letter-spacing:-0.32px;}
.impact_assessment .assessment_points .point_container   .location_wrapper i{font-size:20px;color:rgba(253, 164, 93, 1);}
.impact_assessment .assessment_points .point_container   .location_wrapper i.fa-heart{color: rgba(255, 0, 0, 1)}
.impact_assessment .assessment_points .point_container   .location_wrapper i.fa-hand{color: rgba(251, 180, 134, 1)}
.impact_assessment .assessment_points .point_container   .location_wrapper  .location{display: flex;align-items: center;margin-top: 5px}
.impact_assessment .assessment_points .point_container   .location_wrapper  .location span{font-size:13px;font-family:'Inter-Medium';letter-spacing:-0.26px;line-height: 18px;margin-left: 5px}
.impact_assessment .assessment_points .point_container   h6{font-size:13px;font-family:'Inter-Medium';line-height:18px;color:#374151;margin-top: 5px}
.impact_assessment .assessment_points .points_container_wrapper{display: flex;flex-direction: column;gap: 16px}
.impact_assessment .assessment_points .assessment_main_img{height:100%}
.impact_assessment .assessment_points .assessment_main_img img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.impact_assessment .assessment_points .points_container_wrapper .total_impact_score h5{color:#0078C6;font-family:'Inter-bold';}
.impact_assessment .assessment_points .points_container_wrapper .total_impact_score  .impact_score_list li {font-size:13px;line-height:17px;color:#374151;margin-top:12px;font-family:'Inter-Regular'}
.promo_videos .video_parts .single_idaa .mobile_img{height:585px}
.promo_videos .video_parts .single_idaa .mobile_img img{width:100%;height:100%;border-radius:30px}
.promo_videos_right_section .video_parts h1{text-align: right}
.promo_videos {border-radius: 10px;border: 1px solid #E5E7EB;background: #F9F9F9;padding:30px 0px}
.promo_videos  .video_parts h1{margin-bottom:60px;text-align: center}
.promo_videos  .video_parts .single_idaa h3{text-align:center;line-height:30px;letter-spacing:-0.5px;font-family:'Inter-SemiBold';margin-bottom:20px}
.promo_videos .promo_videos_left_section{display:flex;flex-direction:column;gap:120px}
.unlock_your_impact {padding: 80px 0px}
.unlock_your_impact h1 {text-align: center;margin-bottom: 40px}
.unlock_your_impact .impact_container {border-radius: 12px;border: 1px solid #F1F2F9;background: #FFF;box-shadow: 0 5px 30px 0 rgba(25, 33, 61, 0.06);padding: 30px;display: flex;flex-direction: column;gap: 42px;
    position: relative;overflow: hidden}
.unlock_your_impact .impact_container button.choose_plan_btn {border-radius: 12px;background: #ECF7FF;box-shadow: 0 3px 6px 0 rgba(7, 0, 110, 0.03), 0 -2px 2px 0 rgba(27, 35, 85, 0.07) inset, 0 4px 6px 0 rgba(255, 255, 255, 0.40) inset;padding: 16px 18px;border: none;color: #0078C6;font-size: 18px;font-family: 'Inter-SemiBold';line-height: normal}
.unlock_your_impact .impact_container h3 {font-family: 'Inter-SemiBold';letter-spacing: -0.5px;line-height: 30px;margin-top: 15px}
.unlock_your_impact .impact_container .user_icon {width:42px;height:52px}
.unlock_your_impact .impact_container .user_icon img{width:100%;height:100%}
.unlock_your_impact .impact_container .plan_list li{font-size:15px;font-family:'Inter-Regular';color:#374151;opacity:0.6;line-height:17px;margin-top:15px;list-style:none}
.unlock_your_impact .impact_container .plan_list li::before {content: '\f058';font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right:10px;color:rgba(0, 120, 198, 1)}
.unlock_your_impact .impact_container .plan_list{padding:0px;margin: 0px}
.unlock_your_impact .impact_container::before {content: '';position: absolute;background: radial-gradient(74.5% 74.76% at 54.32% 50%, rgba(184, 227, 255, 0.05) 0%, rgba(0, 120, 198, 0.05) 100%);ilter: blur(50px);width: 300px;height: 155px;right: -20px;top: -30px;transform: rotate(6.466deg);border-radius: 88px;filter: blur(50px);}

.promo_videos  .mobile_img{content:'';background-image: url("/website/assets/images/222323.png");width: 100%;background-repeat: no-repeat;background-size: cover;overflow: hidden;padding: 12px}
.promo_videos  video{height: 600px;width:100%;object-fit: contain;border-radius: 35px;}
.promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-next:after, .promo_videos .promo_videos_left_section .promo_videos_slider  .swiper-button-prev:after{display:none}
.promo_videos  .swiper-wrapper{gap:0px}
.promo_videos .promo_videos_left_section .promo_videos_slider svg.swiper-navigation-icon{display: none}
.promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-next, .promo_videos .promo_videos_left_section .promo_videos_slider  .swiper-button-prev{background:#0078C6;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-next i, .promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-prev i{color:white;font-size:18px}

/*Loader css*/
.preloader {  width: 100%;  height: 100%;  top: 0;  position: fixed;  z-index: 99999;  background: #fff;  }
.preloader .cssload-speeding-wheel {  border: 0;  animation: unset;  }
.preloader .cssload-speeding-wheel {   display: flex;  justify-content: center;  flex-direction: column;  row-gap: 0px;  align-items: center;  height: 100%; }
.preloader .loader_img{width:360px;height:190px}
.preloader .loading_icon {  display: flex;  justify-content:center;column-gap: 20px;}
.preloader .loader_img img {  object-fit: contain;width: 100%;height: 100%; }
.preloader .loading_icon span:nth-child(1) {animation-delay: 0s;}
.preloader .loading_icon span:nth-child(2) {animation-delay: 0.2s;}
.preloader .loading_icon span:nth-child(3) {animation-delay: 0.4s;}
.preloader .loading_icon span i{color: var(--blue);font-size:15px }
.preloader .loading_icon span { opacity: 0.6;animation: pulse 0.8s infinite ease-in-out;   ;}
@keyframes pulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);

    }
    50% {

        opacity: 1;
        transform: scale(1.2);
    }
}




/*Responsive Starts from here*/
@media only screen and (max-width: 1490px) {
    .login-register.impact_assessment .assessment_box{margin: unset}
}
@media only screen and (max-width: 1336px) {
    .custom_container{padding: 0px 40px}
    .assessment_test h1{font-size:38px}
    .assessment_test h2{font-size:27px}
    .header .logo {margin-bottom:60px}
}
@media only screen and (max-width: 1280px) {
    .banner .hero_section h1 {font-size: 70px;line-height: 72px}
}

@media only screen and (max-width: 1136px) {
    .select_role .login_box_container{width:460px;}
    .select_role .testimonial_slider {max-width:460px}
    .banner .hero_section {max-width: 85%}

    }

@media only screen and (max-width: 1024px) {
    .assessment_test h1 {font-size: 34px}
    .assessment_test .quiz_container {margin-top:50px}
    .header .logo {width: 245px;height:73px;margin:50px 0px}
    .login-register .select_role_wrapper .image_div{width:60px;height:60px}
    .login-register .select_role_wrapper .role_option label {height:110px}
    .select_role .login_box_container {top:0}
}
@media only screen and (max-width: 991px) {
    .impact_assessment .assessment_points .assessment_main_img {height: auto}
    .banner .hero_section .students_count {text-align: center}
    .impact_assessment h1{max-width: 100%}
    .assessment_test .impact_score{margin: 30px 0px 50px}
    .assessment_test .score_box {width: 80px;height:80px;font-size:20px}
    .assessment_test h5 {font-size: 18px}
    .select_role.login-register .login_box_container .btn.btn_primary{margin-top:20px}
    .select_role .login_main_wrapper{height:450px}
    .assessment_test .assessment_content .nav.nav-tabs .nav-item .nav-link {font-size: 26px}
    .assessment_test h4{font-size: 20px}
    .login-register.user_details .login_main_wrapper{height:unset}
    .assessment_test .result_stats {min-width:190px}
    .banner .hero_section h1 {font-size: 55px;line-height: 58px;margin: 20px 0px}
    .banner .hero_section{max-width: 100%}
    .banner .hero_section h3 {font-size: 20px;line-height: 28px}
    .banner{padding: 200px 0px 80px}
    .site_logo {width: 80px;height: 48px}
    .how_it_works {padding: 50px 0px}
    .header .custom_header ul.navbar-nav{margin-top: 50px;}
    .blue_banner .main_banner h2{font-size: 30px}
    li:has(.mobile_login){display: block !important;}
    .header_buttons{display: none}
    .header .custom_header .nav_menu.collapse.navbar-collapse{position:absolute;top:55px}
    .how_it_works h1 {font-size:37px}
    .key_features h1, .testimonials.home_testimonials h1{font-size: 37px}
    .header .custom_header{flex-direction: row-reverse}
    .impact_assessment .assessment_points .row{row-gap: 20px}

@media only screen and (max-width: 767px) {
    h3{font-size: 20px}
    h1{font-size: 32px;line-height: 36px;}
    .footer p{text-align: center}
    .footer p.footer_para{max-width: 100%;text-align: center}
    .unlock_your_impact{padding: 50px 0px}
    .impact_assessment .point_container{gap: 10px}
    .banner .hero_section .students_count {max-width: 70%}
    .unlock_your_impact .row{row-gap: 25px}
    .promo_videos .video_parts h1 {text-align: center;font-size: 32px;margin-bottom: 30px}
    .promo_videos .promo_videos_left_section{gap: 60px}
    .impact_assessment .assessment_points .assessment_main_img img{object-position: top}
    .impact_assessment h1 {font-size: 28px;line-height: 36px}
    .assessment_test h5 {font-size:15px;line-height:29px}
    .header .logo{margin:50px 0px 32px}
    .testimonials.home_testimonials{padding: 50px 0px}
    .promo_videos .single_idaa .mobile_img{background-image: unset;}
    .promo_videos .video_parts .single_idaa .mobile_img img{object-position: top}
    .impact_assessment{padding-top: 50px}
    .promo_videos .video_parts .single_idaa .mobile_img{height:480px}
    .assessment_test h4{font-size:18px}
    .select_role .login_main_wrapper{height:520px}
    .login-register .login_main_wrapper .assessment_box ul li{font-size: 15px}
    .login-register .assessment_box h5 {font-size: 15px}
    .assessment_test .result_stats p{font-size: 13px}
    .impact_assessment .assessment_points{padding: 10px;margin-top: 20px}
    .assessment_test .result_stats h4{font-size:14px}
.testimonialSwiper .swiper-wrapper{gap:0}
    .assessment_test .quiz_container .options_wrapper input[type="radio"]{width: 12px;height: 12px}
    .login-register .assessment_box {padding: 20px}
    .assessment_test .assessment_content .nav.nav-tabs .nav-item .nav-link {font-size:22px}
    .assessment_test .results_section {margin:20px 0px}
    .assessment_test .assessment_content .nav.nav-tabs{margin-bottom: 25px}
    .assessment_test .influence_stat{margin-bottom:20px}
    .assessment_test .send_email_button .btn{padding:10px;font-size:13px}
    .assessment_test .assessment_content .quiz_container .submit_button .btn {margin-top:30px;padding:10px}
    .assessment_test .quiz_container .options_wrapper {margin:20px 0px 30px}
    .assessment_test .quiz_container .options_wrapper .options label {font-size: 13px}
    .assessment_test .assessment_content .quiz_container h2 {font-size:20px}
    .assessment_test .quiz_container {margin-top:30px;padding:25px}
    .assessment_test h2 {font-size: 22px}
    .assessment_test .assessment_content .txt_field {margin:30px 0px}
    .assessment_test h1 {font-size: 30px;text-align: center}
    .login-register .select_role_wrapper{flex-direction:column;align-items:center}
    .select_role .login_box_container{padding:20px}
    .assessment_test .result_stats{min-width: 100%}
    .banner .hero_section h1 {font-size: 36px;line-height: 40px}
    .banner .hero_section h3 {font-size: 18px;line-height: 25px}
    .banner .hero_section .get_started_btn .btn.btn_blue {font-size: 12px;padding: 10px 20px}
    .banner .hero_section h3{margin-bottom: 18px}
    .key_features h1, .testimonials.home_testimonials h1 {font-size: 32px}
    .key_features .feature_box h5 {margin: 10px 0px;font-size: 20px}
    .key_features .feature_box .feature_image {width: 42px;height: 40px}
    .key_features .feature_box p {font-size: 15px;line-height: normal;}
    .blue_banner{padding: 50px 0px}
    .key_features .row, .how_it_works .row{row-gap: 15px}
    .header .custom_header .logo_container {padding: 10px 20px}
    .container{max-width: 660px}
    .key_features .feature_box {padding: 18px}
    .blue_banner .main_banner h2 {font-size: 25px}
    .footer .footer_content{text-align: center}
    .blue_banner .main_banner p {margin: 10px 0px;line-height: normal}
    .footer p.footer_para {margin: 15px auto}
    .footer .site_logo{margin: auto}
    .footer .footer_social_links{justify-content: center}
    .footer .footer_content .row{row-gap: 20px}
    .footer .footer_content{padding-top:0px}
    .blue_banner .main_banner .btn_white {font-size: 12px;padding: 8px 15px}
    .header{margin-top: 20px}
    }
@media only screen and (max-width: 600px) {
    .promo_videos  video{height: 500px}
    .unlock_your_impact .impact_container button.choose_plan_btn {padding: 12px 15px;font-size:15px}
    .status_wrapper{margin-top:20px !important;}
    .header .custom_header .nav_menu.collapse.navbar-collapse{top:46px;width: 100%;left:0px}
    .login-register .login_main_wrapper .assessment_box ul{width: 100%;margin: 10px auto}
    .login-register .assessment_box h5 {text-align: start}
    .login-register .assessment_box .btn.btn_primary {font-size: 14px;padding: 10px}
    .select_role .testimonial_slider{max-width:380px}
    .assessment_test .assessment_content .quiz_container .submit_button .btn {margin-top:15px;padding: 8px;font-size: 13px}
    .assessment_test .assessment_content .quiz_container h2 span {margin-right: 10px;}
    .assessment_test .assessment_content .quiz_container h2 {font-size: 17px}
    .assessment_test .quiz_container .options_wrapper .options label{font-size: 12px}
    .header .logo {width:180px;height:50px}
    .assessment_test .quiz_container .options_wrapper{gap:10px;justify-content: start}
    .assessment_test .quiz_container{margin-top:15px;padding:20px}
    .select_role .custom_flex{justify-content: end;}
    .assessment_test h2 {font-size: 19px}
    .assessment_test .fear_stat{margin-bottom:22px}
    .custom_container{padding:0px 20px}
    .assessment_test .assessment_content .txt_field{margin: 20px 0px}
    .assessment_test h1{font-size: 26px}
    .select_role .login_box_container{width:380px}
    .select_role .login_text p{margin:10px 0px ;font-size:15px}
    .select_role.login-register .login_box_container h4{font-size:18px}
    .login-register .select_role_wrapper .role_option  label h5{font-size:17px;text-align:center}
    .login-register .login_box_container .btn.btn_primary{font-size:14px;padding:10px}
    p, .login-register .login_box_container h6, .redirect_link{font-size:15px}
    .login-register .login_box_container .send_code{margin:0}
    .forms_fields .form-group a.forgot_pass{font-size: 15px}
    .login-register .login_box_container h4 {margin:12px 0px;font-size:20px}
    .login-register  .form-group label{font-size:13px}
    .how_it_works .work_steps .step_count {padding: 5px 10px;font-size: 12px}
    .login-register .login_box_container .custom_radio_wrapper{flex-wrap: wrap}
    .user_details .login_box_container{min-width: 430px}
    .header .custom_header ul.navbar-nav {gap:20px}
    .header .custom_header .navbar-nav .nav-link {font-size: 13px;line-height: normal;}
    .btn.btn_blue{font-size: 14px;line-height: normal;padding: 10px 20px}
    .banner{padding: 150px 0px 50px}
    .banner .hero_section h1 {font-size: 38px;line-height: 45px}
    .how_it_works .work_steps .question_slider {padding: 15px 0px 15px 15px}
    .banner .hero_section h3 {font-size: 15px;line-height: 21px}
    .banner .hero_section {max-width: 80%}
    .how_it_works .work_steps .question_container.progress-card .slidecontainer label {font-size: 18px}
    p, .login-register .login_box_container h6, .redirect_link {font-size: 13px}
    .how_it_works h1 {font-size: 28px;margin: 0px}
    .how_it_works .work_steps p {line-height: 19px;margin: 0px 0px 10px}
    .how_it_works .work_steps h5 {font-size: 20px;margin:10px 0px}
    .how_it_works{padding: 25px 0px}
    .key_features h1, .testimonials.home_testimonials h1 {margin:0px;font-size: 27px}
    .blue_banner .main_banner{padding: 18px}
    .blue_banner .main_banner::after {width: 200px}
    .footer ul.nav.footer-links li a {font-size: 13px}
    .footer h2 {margin-bottom: 12px}
    .footer .footer_content .row {row-gap: 10px}
    .footer ul.nav.footer-links {gap:10px}
    .footer p {padding: 20px 0px;font-size:13px}
    .blue_banner .main_banner h2, .blue_banner .main_banner p{text-align: center}
    .banner .hero_section .quiz_tag {font-size: 11px}
    .how_it_works .work_steps {padding: 15px}
    .unlock_your_impact{padding:30px 0px}
    .blue_banner .main_banner .btn_white{display: flex;width: fit-content;margin: auto}
    .blue_banner {padding: 25px 0px}
    .unlock_your_impact .impact_container .user_icon {width: 30px;height: 40px}
    .unlock_your_impact .impact_container{padding: 18px}
    .unlock_your_impact .impact_container {gap: 18px}

    }
    @media only screen and (max-width: 515px) {
        h1,.impact_assessment  h1{font-size: 28px !important;line-height: 34px !important;}
        h3{font-size: 18px}
        .blue_banner .main_banner::after{display:none}
        h5{font-size: 16px}
        .unlock_your_impact h1 {margin-bottom: 10px}
        .unlock_your_impact .impact_container .user_icon{width: 32px;height: 40px}
        .unlock_your_impact .impact_container .plan_list li {margin-top: 10px;}
        .promo_videos .video_parts h1, .promo_videos .video_parts .single_idaa h3{margin-bottom: 10px}
        .banner .hero_section {max-width: 95%}
        .banner .hero_section h1 {font-size:35px;line-height: 38px;margin: 10px 0px}
        .header .custom_header .logo_container {padding: 10px}
        .blue_banner .main_banner h2{font-size: 20px}
        .banner .hero_section .students_count {flex-wrap: wrap;gap:10px}
        .unlock_your_impact .impact_container button.choose_plan_btn {font-size: 15px;padding: 12px 15px}
        .unlock_your_impact .impact_container .plan_list li {font-size: 13px}
        }
@media only screen and (max-width: 475px) {
    .user_details .login_box_container {min-width:380px}
    .login-register .login_box_container{width:345px}
    .forms_fields{gap:10px}
    .assessment_test .assessment_content .nav.nav-tabs {gap:15px}
    .login-register .login_box_container .access_code_text{font-size:15px;margin:0}
    .login-register .login_box_container .custom_radio label h6{font-size: 13px}
    .login-register .login_box_container .custom_radio label {padding: 9px 25px}
    .login-register .login_box_container .custom_radio input[type="radio"] {top:5px}
    .form-group input.form-control, .form-group select.form-control, .selectBox{font-size: 13px;padding: 8px}
    .login-register .login_box_container .btn.btn_primary {padding: 8px}
    .user_details .login_box_container .custom_row{row-gap: 10px}
    .assessment_test .assessment_content .nav.nav-tabs .nav-item .nav-link {font-size: 16px;}
    .promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-next i, .promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-prev i{color:white;font-size:15px}

    .promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-next, .promo_videos .promo_videos_left_section .promo_videos_slider .swiper-button-prev {width: 30px;height: 30px}
    }
@media only screen and (max-width: 425px) {
    h1,.impact_assessment  h1{font-size: 24px !important;;line-height: 34px !important;}
    h3{font-size: 15px}
    h5{font-size: 13px}

    .select_role .login_box_container{width:320px}
    .select_role .testimonial_slider{max-width: 320px}
}
@media only screen and (max-width: 375px) {
    .user_details .login_box_container {min-width:285px}
    .login-register .login_box_container{width:285px;padding:25px}
    .select_role .login_box_container{width:280px}
    .select_role .testimonial_slider{max-width: 280px}
    .banner .hero_section h1 {font-size: 30px;line-height: 34px}
    .banner .hero_section h3 {font-size: 14px}
    .how_it_works h1 {font-size: 22px}

    }
@media only screen and (max-width: 320px) {
    .select_role .login_box_container {width:245px}
}