.fs32Title {
  color: #1B1717;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

.find-tutors .filter-container {
  border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}

.find-tutors .filter-choice {
  padding: 12px 16px;
  column-gap: 20px;
}

.find-tutors .filter-tag-group {
  column-gap: 20px;
}

.find-tutors .filter-tag-group .filter-tag-item {
  display: flex;
  padding: 6px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: linear-gradient(0deg, #F2F2F2 0%, #F2F2F2 100%), #F2F2F2;
}

.find-tutors .filter-tag-group .filter-tag-item button {
  border: none;
  background-color: unset;
}

.filter-tutors>.row>div>div:not(:last-child),
.filter-tutors>.row .filter-option {
  padding: 24px 20px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
}

.filter-tutors .near-tutor select {
  padding: 8px 24px 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--neutral-11);
  background-color: #fff;
  appearance: none;
  background-image: url("../../public/img/tutor/chevron-down.png");
  background-repeat: no-repeat;
  background-position: right 8px top 50%;
  background-size: 0.65rem auto;
}

.filter-tutors .near-tutor select:focus {
  outline: none;
}

.filter-tutors .filter-header {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--neutral-10);
}

.filter-tutors .filter-header>span {
  margin-bottom: 10px;
}

.filter-tutors .near-tutor-filter {
  column-gap: 12px;
}

.filter-tutors .accordion-button:focus {
  box-shadow: unset;
}

.filter-tutors .accordion-button:not(.collapsed) {
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--red-main);
  background-color: unset;
}

.filter-tutors .accordion-button {
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--red-main);
}

.filter-tutors .accordion-item {
  border: unset;
}

.filter-tutors .accordion-button:not(.collapsed)::after {
  background-image: url('../../public/img/tutor/plus.png');
}

.filter-tutors .accordion-button::after {
  background-image: url('../../public/img/tutor/minus.png');
}

.filter-tutors .accordion-button:not(.collapsed),
.filter-tutors .accordion-button.collapsed {
  box-shadow: unset;
}

.filter-tutors .filter-body .form-control {
  padding: 12px;
}

.filter-tutors .filter-body .form-select {
  padding-top: 12px;
  padding-bottom: 12px;
}

.filter-tutors .filter-body .form-control:focus,
.filter-tutors .filter-body .form-select:focus,
.filter-tutors .near-tutor-filter .form-select:focus {
  box-shadow: unset;
  border-color: var(--red-main);
}

.filter-tutors .filter-body .form-control,
.filter-tutors .filter-body .form-select {
  margin-bottom: 12px;
}

.filter-tutors .grade-container {
  margin-left: -4px;
  margin-right: -4px;
}

.filter-tutors .grade-item {
  padding-left: 4px;
  padding-right: 4px;
}

.filter-tutors .grade-item>div {
  padding: 8px 6px;
  border: 1px solid var(--neutral-10);
  border-radius: 4px;
}

.filter-tutors .grade-item>div:hover {
  border-color: var(--red-main);
  cursor: pointer;
}

.filter-tutors .grade-item>div.active {
  background-image: url('../../public/img/tutor/choose_grade.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  border-color: var(--red-main);
}

.filter-tutors .grade-item>div.active svg path {
  fill: var(--red-main);
}

.filter-tutors .grade-item>div.active span {
  color: var(--red-main);
}

.filter-tutors .subject-group .subject-item:not(:last-child),
.filter-tutors .ito-group .is-teach-online:first-child,
.filter-tutors .packages-group .packages-item:not(:last-child),
.filter-tutors .current-job-group .current-job-item:first-child {
  margin-bottom: 12px;
}

.filter-tutors input[type="checkbox"],
.filter-tutors input[type="radio"] {
  accent-color: var(--red-main);
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: url('../../public/img/tutor/time_input.png') no-repeat;
  background-size: contain;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: url('../../public/img/tutor/date_input.png') no-repeat;
  background-size: contain;
}

.filter-tutors .learn-time-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url('../../public/img/tutor/caret-down.png');
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  border: 1px solid #dfdfdf;
}

.filter-tutors .filter-submit .btn-square {
  padding: 12px 32px;
}

.filter-tutors .near-tutor .tutor-item {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--neutral-11);
}

.filter-tutors .near-tutor .tutors-group .tutor-item:not(:first-child) {
  margin-top: 24px;
}

.filter-tutors .near-tutor .tutor-info>div:not(:last-child) {
  margin-bottom: 8px;
}

.filter-tutors .tutor-info .tutor-subject-tag-group {
  column-gap: 0.5rem;
}

.filter-tutors .tutor-info .tutor-subject-tag-item {
  padding: 0 0.5rem;
  background-color: #bed9fb;
  border-radius: 2px;
}

.filter-tutors .tutor-rate {
  border-left: 1px solid var(--neutral-11);
}

.filter-tutors .tutor-rate .button-choose-tutor button {
  padding: 8px 16px;
}

.filter-tutors .tutor-rate>div:not(:last-child) {
  margin-bottom: 12px;
}

/* Pagination start */
.filter-tutors .pagination-button button {
  background-color: unset;
  border: 1px solid transparent;
  border-radius: 2px;
}

.filter-tutors .pagination-button .btn-prev,
.filter-tutors .pagination-button .btn-next {
  padding: 4px 10px;
  color: var(--red-main);
  font-size: 0.875rem;
  border: 1px solid #E0E0E0;
  ;
}

.filter-tutors .pagination-button .btn-num {
  padding: 4px 10px;
  font-size: 0.625rem;
  color: #818181;
}

.filter-tutors .pagination-button button:hover {
  border: 1px solid var(--red-main);
}

.filter-tutors .pagination-button .btn-num.active {
  background-color: var(--red-main);
  color: #fff;
}

/* Pagination end */

/* Captcha */
.g-recaptcha>div {
  width: unset !important;
}

.g-recaptcha iframe {
  width: 100% !important;
}

.g-recaptcha iframe #rc-anchor-container.rc-anchor-normal,
.g-recaptcha iframe .rc-anchor-normal div.rc-anchor-content,
.g-recaptcha iframe .rc-anchor-normal label.rc-anchor-checkbox-label {
  width: unset !important;
}

.findTutor .container-fluid .sidebar-main {
  box-shadow: none;
}

.near-tutor {
  padding: 16px 20px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
}

.near-tutor .filter-header {
  border-bottom: 0px;
}

.findTutor .form-select {
  background-image: none;
  border: 1px solid var(--neutral-11);
}

.findTutor .text-primary-color {
  color: #004DA9;
}

.findTutor .form-label-chose-tutor {
  color: #1B1717;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 15px;
}

/* *********** find css new *********** */

.selected-textboxes-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.selected-skill-textbox {
  padding: 0.5rem;
  border: 1px solid #ced4da;
  border-radius: 0.5rem;
  background-color: #f8f9fa;
  display: inline-block;
}

.btn-tutor-info {
  border-radius: 8px;
  border: 1px solid var(--Neutral10, #E5E5E5);
  background: var(--White-Smoke, #F3F3F3);
  flex: 1 1 auto;
}

.btn-tutor-info:hover,
.btn-tutor-info:focus,
.level-item:hover {
  border-color: var(--red-main, #CC3A3D) !important;
  background: #FFF !important;
  cursor: pointer;
}

.btn-tutor-info.show,
.btn-tutor-info.active {
  /* color: #CC3A3D; */
  background-color: #FFF !important;
  border-color: var(--red-main, #CC3A3D) !important;
  /* background-image: url('../../public/img/chooseGrade.png');
  background-repeat: no-repeat;
  background-position: right bottom; */
}