@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  scroll-behavior: smooth;
  word-break: break-word;
}

:root {
  --blue: #0a2fb6;
  --lightblue: #cfdcff;
  --green: #008a27;
  --lightgreen: #d4ffe4;
  --lightText: #b9b8b8;
  --borderColor: #b1b1b1;
  --color_F1F4F9: #f1f4f9;
  --color_ADBAFF: #adbaff;
  --color_263A43: #263a43;
  --yellow: #fcbe2d;
  --pink: #fd5454;
  --cyan: #00b69b;
  --red: #b60a0a;
  --color_8E8E8E: #8e8e8e;
  --color-chocolaty: #660909;
}

a,
a:hover {
  text-decoration: none;
}

ul {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: none;
}

.form-control {
  appearance: auto;
}

.form-control:focus {
  box-shadow: none;
  border-color: var(--blue);
}

.ct_input {
  height: 60px;
  border: 1px solid var(--borderColor);
  border-radius: 6px;
  border: 0.6px solid #b1b1b1;
  padding-inline: 15px;
}

.ct_eye_top {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.ct_mb_30 {
  margin-bottom: 30px;
}

.ct_mb_50 {
  margin-bottom: 50px;
}

/* Font Size Css S */
.ct_fs_35 {
  font-size: 35px;
}

.ct_fs_24 {
  font-size: 24px;
}

.ct_fs_28 {
  font-size: 28px;
}

.ct_fs_20 {
  font-size: 20px;
}

.ct_fs_12 {
  font-size: 12px;
}

.ct_fs_14 {
  font-size: 14px;
}

.ct_fs_16 {
  font-size: 16px;
}

/* Font Size Css E */

/* font weight css S */
.ct_fw_400 {
  font-weight: 400;
}

.ct_fw_500 {
  font-weight: 500;
}

.ct_fw_600 {
  font-weight: 600;
}

.ct_fw_700 {
  font-weight: 700;
}

.ct_fw_800 {
  font-weight: 800;
}

/* font weight css E */

.ct_blue_text {
  color: #0a2fb6;
}

.ct_brown_text {
  color: var(--color-chocolaty);
}

.ct_light_text {
  color: var(--lightText);
}

.ct_light_green_bg {
  background-color: var(--lightgreen);
}

.ct_green_text {
  color: var(--green);
}

.ct_color_8E8E8E {
  color: var(--color_8E8E8E);
}

.ct_img_36 {
  height: 36px;
  width: 36px;
  border-radius: 100px;
  object-fit: cover;
}

.ct_img_44 {
  height: 44px;
  width: 44px;
  border-radius: 100px;
  object-fit: cover;
}

.ct_img_66 {
  height: 66px;
  width: 66px;
  border-radius: 100px;
  object-fit: cover;
}

.ct_img_109 {
  height: 109px;
  width: 109px;
  border-radius: 100px;
  object-fit: cover;
}

.ct_img_148 {
  height: 148px;
  width: 148px;
  border-radius: 100px;
  object-fit: cover;
}

.ct_blue_btn {
  background-color: var(--blue);
  padding: 20px 30px;
  border-radius: 6px;
  height: 60px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  outline: none;
  border: none;
  transition: 0.4s ease all;
}

.ct_blue_btn:hover {
  background-color: var(--color_263A43);
}

/* Login css S */
.ct_back_login {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: var(--color_ADBAFF);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #21005d;
  font-size: 12px;
  font-weight: 700;
}

.ct_login_right_img img {
  width: 90%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  max-width: 653px;
  border-radius: 20px;
  transition: 0.4s ease all;
  object-position: 0px -40px;
}

.ct_login_right_img {
  position: relative;
  z-index: 1;
  padding-block: 80px;
  height: 100vh;
}

.ct_login_tab {
  display: flex;
  align-items: center;
  gap: 30px;
}

.ct_login_form {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  flex-direction: column;
  /* align-items: center; */
  max-width: 400px;
  margin-inline: auto;
}

.ct_outline_btn {
  padding: 2px 10px;
  height: 55px;
  width: 194px;
  border: 2px solid var(--borderColor);
  border-radius: 18px;
  color: var(--blue);
  background-color: transparent;
  font-weight: 500;
  position: relative;
  transition: 0.4s ease all;
  z-index: 1;
  box-shadow: 0px 5px 17.9px 0px #0000001a;
}

.ct_login_tab_active {
  background-color: var(--lightblue);
  border-color: #fff;
}

.ct_login_right_img:after {
  content: "";
  background-image: url(../img/login_right_blue.png);
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70%;
  height: 100%;
  z-index: -1;
}

.ct_badge {
  padding: 4px 30px;
  border-radius: 100px;
}

.ct_custom_checkbox {
  accent-color: var(--blue);
  width: 16px;
  height: 16px;
}

.ct_forgot_password_link:hover {
  color: var(--blue);
}

.ct_admin_login_btn_fixed {
  position: absolute;
  top: 30px;
  right: 15px;
}

.ct_admin_login_btn_fixed a {
  position: fixed;
  top: 15px;
  right: 30px;
  z-index: 999;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.ct_admin_login_btn_fixed a i {
  color: var(--blue);
}

/* Login css E */

/* Admin Dashboard Css S */

button.btn-close.ct_cloose_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #aaa;
  opacity: 1;
  background-image: none;
}

button.btn-close.ct_cloose_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--blue);
  opacity: 1;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease all;
  color: #fff;
  z-index: 9;
}

button.btn-close.ct_cloose_btn i {
  transition: 0.4s ease all;
}

button.btn-close.ct_cloose_btn:hover i {
  transform: rotate(360deg);
}

button.btn-close.ct_cloose_btn i {
  font-size: 20px;
}

#ct_logout_modal .modal-content .modal-body svg {
  width: 50px;
  height: 50px;
  margin-inline: auto;
  display: block;
  margin-bottom: 20px;
  top: 0;
}

.ct_logout_text_modal:hover {
  color: rgb(220, 53, 69);
}

.ct_grey_text {
  color: #9da1a3;
}

/* SideBar css S */
main {
  transition: 0.4s ease all;
}

.ct_side_bar {
  background-color: #fff;
  box-shadow: 6px 6px 54px 0px #0000000d;
  position: fixed;
  width: 260px;
  padding: 30px 46px 30px 30px;
  height: 100vh;
  overflow-y: auto;
  border-right: 1px solid #e9e9e9;
  transition: 0.4s ease all;
  z-index: 999;
}

.ct_white_bg_op_5 {
  background-color: #fff !important;
}

.ct_logo {
  text-align: center;
  margin-bottom: 60px;
  /* width: 60px; */
  margin-inline: auto;
}

.ct_logo img {
  max-width: 180px;
}

.ct_side_menu li a {
  padding: 13px 16px;
  display: block;
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 13px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  color: #202224;
  font-weight: 500;
  transition: 0.4s ease all;
}

.ct_side_menu li a.active,
.ct_side_menu li a:hover {
  background: linear-gradient(0deg, #0a2fb6, #0a2fb6),
    linear-gradient(101.7deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 21.5%,
      rgba(255, 255, 255, 0.28) 21.51%,
      rgba(255, 255, 255, 0) 45.14%);
  color: #fff;
}

.ct_side_menu li a.active img,
.ct_side_menu li a:hover img {
  filter: invert(1);
}

.ct_side_menu li a i {
  font-size: 22px;
}

.ct_side_menu li+li {
  margin-top: 10px;
}

.ct_collapsed_sidebar .ct_side_bar {
  left: -100%;
}

.ct_collapsed_sidebar .ct_right_content {
  width: calc(100% - 0px);
  margin-left: 0px;
}

.ct_logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ct_close_menu {
  right: 9px;
  position: absolute;
  top: 6px;
  font-size: 20px;
  background-color: #0a2fb6;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #fff;
  transition: 0.4s ease all;
  display: none;
}

.ct_close_menu i {
  transition: 0.4s ease all;
}

.ct_close_menu:hover i {
  transform: rotate(360deg);
}

/* SideBar css E */

/* Right Section Css S */
.ct_right_content {
  width: calc(100% - 260px);
  margin-left: 260px;
  background-color: #f5f6fa;
  /* height: 100vh; */
  /* overflow-y: auto; */
  transition: 0.4s ease all;
}

.ct_right_header {
  background-color: #fff;
  padding: 16px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.ct_head_search {
  position: relative;
  max-width: 369px;
  width: 100%;
}

.ct_head_search input {
  background-color: #f5f6fa;
  border-radius: 100px;
  padding: 6px 13px;
  border: 1px solid #d5d5d5;
  width: 100%;
  text-indent: 30px;
  outline: none;
}

.ct_head_search input:focus {
  border-color: var(--blue);
}

.ct_head_search i {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.ct_right_header_left {
  display: flex;
  align-items: center;
  gap: 30px;
}

.ct_toggle_bar {
  cursor: pointer;
}

.ct_notification_icon {
  position: relative;
  width: 16px;
}

.ct_notification_icon img {
  width: 18px;
}

.ct_notification_icon span {
  position: absolute;
  width: 18px;
  background-color: var(--pink);
  height: 18px;
  border-radius: 100px;
  right: -9px;
  top: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}

.ct_right_header_right {
  display: flex;
  align-items: center;
  gap: 30px;
}

.ct_language_selector {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ct_language_selector img {
  width: 39px;
  object-fit: cover;
  border-radius: 4px;
}

.ct_language_selector select.form-control {
  border: 0px;
  padding-inline: 0px;
  background-color: transparent;
}

.ct_user_profile_head a {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 12px;
  color: #000;
}

.ct_inner_dashbaord_main {
  padding: 33px 20px;
  overflow-y: auto;
  height: calc(100vh - 80px);
}

.ct_dashboard_card {
  box-shadow: 6px 6px 54px 0px #0000000d;
  background-color: #fff;
  border-radius: 20px;
  padding: 16px;
}

.ct_dashboard_card p {
  color: #202224;
  margin-bottom: 20px;
}

.ct_dash_card_icon {
  width: 60px;
  height: 60px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cyan);
}

.ct_cyan_text {
  color: var(--cyan);
}

.ct_clr_606060 {
  color: #606060;
}

.ct_white_bg {
  background-color: #fff;
  box-shadow: 6px 6px 54px 0px #0000000d;
  padding: 46px;
  border-radius: 14px;
  /* height: calc(100vh - 150px); */
}

.ct_mt_28 {
  margin-top: 28px;
}

.ct_custom_table thead th {
  background-color: #f1f4f9;
  padding: 20px 30px;
  border: 0px;
  text-align: center;
  vertical-align: middle;
}

.ct_custom_table thead th:first-child {
  border-radius: 15px 0px 0px 15px;
}

.ct_custom_table thead th:last-child {
  border-radius: 0px 15px 15px 0px;
}

.ct_custom_table tbody tr td {
  padding-block: 25px;
  border-bottom: 1px solid #97979766;
  background-color: transparent;
}

.ct_cyan_bg {
  background-color: var(--cyan);
}

.ct_yellow_bg {
  background-color: var(--yellow);
}

.ct_pink_bg {
  background-color: var(--pink);
}

.ct_w_80 {
  width: 80px;
  display: block;
}

.ct_custom_table tbody tr td,
.ct_custom_table thead tr th {
  color: #202224;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

.ct_grey_input {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
  background-color: #f9f9f9;
}

.ct_status_badge {
  padding-inline: 4px;
  outline: none;
  background-color: rgb(10 47 182 / 22%);
  border: 1px solid rgb(10 47 182 / 22%);
}

.ct_head_bg_white_title {
  background-color: #fff;
  padding: 10px 30px;
  box-shadow: 6px 6px 54px 0px #0000000d;
  border-radius: 16px;
}

.ct_tab_list ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
  padding-inline: 15px;
}

.ct_tab_list button {
  background-color: #f4f5fc;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0033ff;
  font-weight: 600;
}

.ct_tab_list button.active {
  background-color: #cbd0f1 !important;
  color: #0033ff !important;
}

.ct_tab_list button i {
  font-size: 18px !important;
}

.ct_tab_list button i:before {
  font-weight: 500 !important;
}

/* Admin Dashboard Css E */

/* Admin Expert page css S */
.ct_expert_card {
  text-align: center;
  padding: 36px;
  box-shadow: 0px 0px 4px 0px #00000040;
  border-radius: 18px;
  background-image: url(../img/layer_design.png);
  background-position: center;
  background-size: contain;
  transition: 0.4s ease all;
  border: 1px solid transparent;
}

.ct_expert_card .ct_expert_img {
  margin-bottom: 15px;
}

.ct_expert_card .ct_expert_info h4 {
  margin-bottom: 15px;
}

.ct_expert_card .ct_expert_info>p {
  color: #202224;
  font-weight: 600;
  opacity: 0.5;
  margin-bottom: 15px;
}

.ct_expert_card .ct_expert_info>p+p {
  opacity: 1;
  font-weight: 400;
}

.ct_expert_card:hover {
  transform: translateY(-10px);
  border: 1px solid var(--blue);
}

.ct_py_161 {
  padding-block: 161px;
}

.ct_flash_card {
  box-shadow: 0px 0px 4px 0px #00000040;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #fff;
  margin: 5px;
  height: 100%;
  display: grid;
}

.ct_flash_card_active {
  background-color: #d4deff;
}

.ct_text_op_05 {
  opacity: 0.8;
}

.radio-label {
  display: flex;
  align-items: center;
  padding: 0.5em;
  margin-bottom: 0.5em;
  background-color: #f6f6f6;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  transition: background-color 0.2s, border-color 0.2s;
  box-shadow: 0px 4px 4px 0px #0000001f;
  border-radius: 10px;
}

.radio-label:hover {
  background-color: #d6daff;
}

.radio-input {
  position: absolute;
  opacity: 0;
}

.radio-input:checked+.radio-label {
  background-color: #d6daff;
  box-shadow: 0px 4px 4px 0px #0000001f;
}

/* .radio-input:focus + .radio-label {
    outline: 2px solid var(--blue);
  } */

.radio-inner-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin-right: 0.5em;
  border: 2px solid #818181;
  transition: border-color 0.2s;
  position: relative;
}

.radio-label:hover .radio-inner-circle {
  border-color: #555;
}

.radio-input:checked+.radio-label .radio-inner-circle {
  border-color: var(--blue);
}

.radio-input:checked+.radio-label .radio-inner-circle::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  background-color: var(--blue);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ct_flash_card_scroll {
  overflow-y: auto;
  height: 600px;
  position: relative;
  max-height: 600px;
  overflow-x: hidden;
}

/* width */
.ct_flash_card_scroll::-webkit-scrollbar {
  width: 6px;

}

/* Track */
.ct_flash_card_scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

/* Handle */
.ct_flash_card_scroll::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 5px;
}

/* Handle on hover */
.ct_flash_card_scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.ct_delete_btn1 {
  background-color: var(--red);
}

.ct_btn_h_48 {
  height: 48px;
}

.ct_border_1_black {
  border: 1px solid #e6dfdf;
  padding: 24px 40px;
  border-radius: 20px;
}

.ct_edit_profile_img {
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.ct_edit_profile_img .ct_edit_profile_icon {
  position: absolute;
  bottom: -5px;
  width: 38px;
  height: 38px;
  border-radius: 100px;
  background-color: var(--blue);
  right: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct_edit_profile_img .ct_edit_profile_icon i {
  color: #fff;
}

.ct_required_text {
  color: var(--pink);
}

.ct_input_56 {
  height: 50px;
}

.ct_category_select_2 select {
  border: 0px;
  outline: none;
  background-color: transparent;
  color: #0033ff;
  font-weight: 500;
}

.ct_category_select_2 {
  background-color: #f4f5fc;
  padding: 10px 16px;
  border-radius: 10px;
}

/* Admin Expert page css E */

/* Switch css S */

.ct_switch {
  /* switch */
  --switch-width: 46px;
  --switch-height: 28px;
  --switch-bg: rgb(131, 131, 131);
  --switch-checked-bg: #0a2fb6;
  --switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);
  --switch-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
  /* circle */
  --circle-diameter: 18px;
  --circle-bg: #fff;
  --circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45);
  --circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45);
  --circle-transition: var(--switch-transition);
  /* icon */
  --icon-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
  --icon-cross-color: var(--switch-bg);
  --icon-cross-size: 6px;
  --icon-checkmark-color: var(--switch-checked-bg);
  --icon-checkmark-size: 10px;
  /* effect line */
  --effect-width: calc(var(--circle-diameter) / 2);
  --effect-height: calc(var(--effect-width) / 2 - 1px);
  --effect-bg: var(--circle-bg);
  --effect-border-radius: 1px;
  --effect-transition: all 0.2s ease-in-out;
}

.ct_switch input {
  display: none;
}

.ct_switch {
  display: inline-block;
}

.ct_switch svg {
  -webkit-transition: var(--icon-transition);
  -o-transition: var(--icon-transition);
  transition: var(--icon-transition);
  position: absolute;
  height: auto;
}

.ct_switch .checkmark {
  width: var(--icon-checkmark-size);
  color: var(--icon-checkmark-color);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.ct_switch .cross {
  width: var(--icon-cross-size);
  color: var(--icon-cross-color);
}

.ct_slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: var(--switch-width);
  height: var(--switch-height);
  background: var(--switch-bg);
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: var(--switch-transition);
  -o-transition: var(--switch-transition);
  transition: var(--switch-transition);
  cursor: pointer;
}

.ct_circle {
  width: var(--circle-diameter);
  height: var(--circle-diameter);
  background: var(--circle-bg);
  border-radius: inherit;
  -webkit-box-shadow: var(--circle-shadow);
  box-shadow: var(--circle-shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: var(--circle-transition);
  -o-transition: var(--circle-transition);
  transition: var(--circle-transition);
  z-index: 1;
  position: absolute;
  left: var(--switch-offset);
}

.ct_slider::before {
  content: "";
  position: absolute;
  width: var(--effect-width);
  height: var(--effect-height);
  left: calc(var(--switch-offset) + (var(--effect-width) / 2));
  background: var(--effect-bg);
  border-radius: var(--effect-border-radius);
  -webkit-transition: var(--effect-transition);
  -o-transition: var(--effect-transition);
  transition: var(--effect-transition);
}

/* actions */

.ct_switch input:checked+.ct_slider {
  background: var(--switch-checked-bg);
}

.ct_switch input:checked+.ct_slider .checkmark {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ct_switch input:checked+.ct_slider .cross {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.ct_switch input:checked+.ct_slider::before {
  left: calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset));
}

.ct_switch input:checked+.ct_slider .ct_circle {
  left: calc(100% - var(--circle-diameter) - var(--switch-offset));
  -webkit-box-shadow: var(--circle-checked-shadow);
  box-shadow: var(--circle-checked-shadow);
}

/* Switch css E */

/* Profile page css S */
.ct_outline_blue {
  background-color: transparent;
  color: var(--blue);
  border: 2px solid var(--blue);
}

.ct_outline_blue:hover {
  color: #fff;
  border-color: var(--color_263A43);
}

/* Profile page css E */

/* ==========================Admin Pages Css E ====================================== */

/*========================= Expert Admin pages Css S ================================ */

.ct_py_70 {
  padding-block: 70px;
}

.ct_px_30 {
  padding-inline: 30px;
}

.ct_small_box {
  display: flex;
  align-items: center;
  gap: 17px;
}

.ct_small_box_shadow_icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 15px 40px 5px #ededed;
  border-radius: 10px;
}

.ct_small_box_shadow_icon i {
  font-size: 21px;
  color: #1935ca;
}

.ct_grid_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/*========================= Expert Admin pages Css E ================================ */

/* ========================Student Admin Pages css S ================================ */
.ct_white_bg_op_5 {
  background-color: rgb(255 255 255 / 50%) !important;
}

.ct_student_admin_main_bg {
  background-image: url("../img/student-dash_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ct_student_dash_profile_card {
  position: relative;
  z-index: 1;
}

.ct_student_dash_profile_card:before {
  content: "";
  position: absolute;
  inset: 0px;
  background-image: url(../img/layer_design2.png);
  z-index: -1;
  opacity: 0.3;
}

.ct_fit_btn {
  width: fit-content;
}

.ct_quiz_question_slider {
  position: relative;
  z-index: 1;
  padding: 55px 106px;
  border-radius: 50px;
  overflow: hidden;
}

.ct_quiz_question_slider:before {
  content: "";
  background-image: url("../img/fingerprint_bg.png");
  position: absolute;
  inset: 0px;
  background-position: center;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
}

.ct_timer_badge {
  background-color: #ebff00;
  padding: 13px 16px;
  border-radius: 6px;
}

.ct_history_badge {
  background: linear-gradient(92.18deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.28) 50.57%,
      rgba(255, 255, 255, 0.2) 86.92%,
      rgba(255, 255, 255, 0.22) 114.25%);
  padding: 13px 16px;
  border-radius: 6px;
  color: #fff;
}

.ct_quistion_options_grid {
  display: grid;
  gap: 30px 60px;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: auto;
}

.ct_quistion_options_grid button {
  padding: 16px 32px;
  background: linear-gradient(0deg, #757885, #757885),
    linear-gradient(101.7deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 21.5%,
      rgba(255, 255, 255, 0.28) 21.51%,
      rgba(255, 255, 255, 0) 45.14%);
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
  outline: none;
  border: none;
}

.ct_selected_quetion_avtive {
  background: #0ab630 !important;
}

.ct_quiz_question_slider .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.ct_quiz_question_slider .owl-nav button span {
  display: none;
}

.ct_quiz_question_slider .owl-nav button {
  position: relative;
}

.ct_quiz_question_slider .owl-nav button.owl-prev {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  background-color: var(--blue);
}

.ct_quiz_question_slider .owl-nav button.owl-prev:before {
  content: "";
  position: absolute;
  background-image: url(../img/ct_chev_left.svg);
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
}

.ct_quiz_question_slider .owl-nav button.owl-next {
  padding: 15px 30px;
  border-radius: 6px;
  background-color: var(--blue);
  width: 119px;
  height: 50px;
}

.ct_quiz_question_slider .owl-nav button.owl-next:before {
  content: "Next";
  color: #fff;
}

.ct_quiz_question_slider .owl-dots {
  display: none;
}

.ct_team_card {
  box-shadow: -14px 10px 82.3px 0px #0000001a;
  border: 3px solid #fff;
  border-radius: 16px;
  padding: 39px 30px;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ct_team_card:before {
  background: url(../img/fingerprint_bg.png);
  content: "";
  position: absolute;
  inset: 0px;
  opacity: 0.2;
  z-index: -1;
  background-size: contain;
  background-position: center;
  filter: blur(2px);
}

.ct_team_level_badge {
  background-image: url("../img/Polygon.svg");
  width: 35px;
  height: 35px;
  object-fit: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
}

.ct_team_level_badge h5 {
  color: #fff;
  text-shadow: 0px 2px #ffffff61;
}

.ct_fit_content {
  width: fit-content;
}

.ct_team_level_badge {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.ct_team_card .ct_custom_checkbox {
  position: absolute;
  top: 15px;
  left: 15px;
}

.ct_start_quiz_btn {
  background-color: #a72fb1;
  letter-spacing: 5px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.ct_img_78 {
  width: 78px;
  height: 78px;
  border-radius: 100px;
  object-fit: cover;
}

.ct_add_member_scroll {
  height: auto;
  max-height: 480px;
  overflow-y: auto;
}

.ct_breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
}

.ct_breadcrumb li,
.ct_breadcrumb li a {
  color: #635050;
  font-weight: 500;
}

.ct_marathon_card figure {
  position: relative;
  z-index: 1;
}

.ct_marathon_card figcaption {
  position: absolute;
  bottom: 15px;
}

.ct_marathon_img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.ct_marathon_img span {
  position: absolute;
  top: 18px;
  left: 18px;
  background-color: #fff;
  border-radius: 10px;
  padding: 7px 10px;
  z-index: 1;
  color: var(--blue);
  font-weight: 700;
}

.ct_marathon_img img {
  height: 303px;
  object-fit: cover;
  width: 100%;
}

.ct_marathon_card figcaption {
  position: absolute;
  bottom: 15px;
  background-color: red;
  padding: 13px;
  border-radius: 10px;
  left: 0px;
  right: 0px;
  max-width: 85%;
  margin-inline: auto;
  color: #fff;
  z-index: 1;
}

.ct_marathon_card figure:before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 1;
  opacity: 0.8;
  background: linear-gradient(180deg,
      #511d28 15.1%,
      rgba(108, 40, 53, 0) 48.44%,
      rgba(92, 26, 36, 0.69) 100%);
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.ct_img_357 {
  height: 357px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.ct_green_text {
  color: #6fd181;
}

.ct_search_btn_top {
  position: absolute;
  top: 0px;
  right: 0px;
}

.ct_big_search_filter input[type="text"] {
  height: 48px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  background-color: #fff;
}

.ct_big_search_filter {
  max-width: 50%;
}

.ct_big_search_filter button {
  border-radius: 0px 10px 10px 0px;
}

.ct_big_search_filter i {
  z-index: 1;
  color: rgb(0 0 0 / 40%);
}

.ct_text_op_6 {
  opacity: 0.6;
}

.ct_search_cate_item a {
  text-decoration: underline;
}

.ct_search_cate_item a:hover {
  color: #000 !important;
  opacity: 1;
}

.ct_knowledge_card {
  padding: 27px;
  box-shadow: 0px 27.11px 54.21px 0px #3a3af41a;
  background-color: #fff;
  border-radius: 2px;
}

.ct_knowledge_icon {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct_white_nowrap {
  white-space: nowrap;
}

.ct_knowledge_card ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 295px;
}

.ct_text_clr_06061999 {
  color: #06061999;
}

.ct_flex_1 {
  flex: 1;
}

.ct_rated_star {
  color: #f7a928;
}

.ct_5_star_rating {
  color: #d9d9d9;
}

.ct_rapid_fire_progress {
  border-radius: 100px;
  background-color: #fff;
  height: 18px;
}

.ct_rapid_fire_progress .progress-bar {
  border-radius: 100px;
  background-color: var(--blue);
}

.ct_border_radius_10 {
  border-radius: 10px !important;
}

/* ========================Student Admin Pages css E  ================================*/

/* Rapid fire css S */

/* .image-content {
    width: 100%;  
    max-width: 400px;
  }

  swiper-container {
    width: 100%;
    height: 100%;
  }

  swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

 

  swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .mySwiper {
    height: 80%;
    width: 100%;
  }

  .mySwiper2 {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .mySwiper2 swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .mySwiper2 .swiper-slide-thumb-active {
    opacity: 1;
  }

  swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

.ct_slide_item .ct_flash_card {
  width: 276px;
  margin-inline: auto;
  background-color: #fff;
}

.ct_rapid_slid_dots {
  display: flex;
  justify-content: center;
}

.ct_rapid_slid_dots .ct_slide_dot {
  position: absolute;
  display: flex;
  top: 100%;
}

.ct_rapid_slid_dots .ct_slide_dot:nth-child(2) {
  margin-left: 40px;
}

.ct_rapid_slid_dots .ct_slide_dot:nth-child(3) {
  margin-left: 80px;
}

.ct_rapid_slid_dots .ct_slide_dot:nth-child(4) {
  margin-left: 120px;
}

.ct_remove_slide {
  transform: translate3d(1436.5px, 0px, 0px) rotate(65deg);
  transition: transform 1105ms ease 0s;
}

#ct_rapid_slider_main {
  overflow-x: hidden;
  position: relative;
  /* overflow-y: clip; */
}

.ct_slide_top_1 {
  transform: translate3d(0px, 0px, 0px) rotate(0deg);
}

.ct_add_slide {
  transform: translate3d(0px, 0px, 0px) rotate(0deg);
  transition: transform 1105ms ease 0s;
}

.ct_slide_top_1 {
  top: 0px !important;
  transition: transform 1105ms ease 0s;
}

.ct_owl_nav12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 380px;
  margin-inline: auto;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.ct_edit_profile_icon_camera {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 111;
  left: 50%;
  background-color: #0000007a;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.ct_padd_30_tb {
  padding: 33px 20px;
}

.ct_notification_card {
  border: 1px solid #e4e4e4;
  padding: 15px 20px;
  border-radius: 15px;
}

.ct_notification_left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ct_white_box_card {
  margin-bottom: 0px;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0px 7px 16px 0px #0000001a, 0px 29px 29px 0px #00000017,
    0px 115px 46px 0px #00000003, 0px 180px 50px 0px #00000000;
  padding-bottom: 23px;
  height: 100%;
  overflow: hidden;
}

.ct_white_box_card figure {
  margin-bottom: 0px;
}

.ct_white_box_card figcaption {
  padding: 16px;
}

.ct_store_img_12 img {
  height: 206px;
}

.ct_icon_230 {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background-color: #0a2fb61a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cty_grid_3_new_24 {
  display: grid;
  grid-template-columns: 201px 200px auto;
  margin-top: 12px;
  border-bottom: 1px solid #aaaaaa2b;
  padding-bottom: 10px;
}

.ct_taken_question_card {
  background-color: rgb(255 255 255 / 50%) !important;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.09);
  padding: 15px;
  border-radius: 10px;
}

.ct_border_card_456 {
  border: 1px solid #aaaaaa6e;
  padding: 15px;
  border-radius: 15px;
}