@media (min-width: 300px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 95% !important;
    padding: 0px;
  }
}

@media (min-width: 768px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 95% !important;
    padding: 0px;
  }
}

@media (min-width: 900px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 768px !important;
    padding: 0px;
  }
}

@media (min-width: 1024px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 980px !important;
    padding: 0px;
  }
}

@media (min-width: 1140px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 1024px !important;
    padding: 0px;
  }
}

@media (min-width: 1200px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 1140px !important;
    padding: 0px;
  }
}

@media (min-width: 1440px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 1366px !important;
    padding: 0px;
  }
}

@media (min-width: 1600px) {

  .dc-container .container,
  .dc-container .container-lg,
  .dc-container .container-md,
  .dc-container .container-sm,
  .dc-container .container-xl,
  .dc-container .container-xxl {
    max-width: 1440px !important;
    padding: 0px;
  }
}

/*
.course-staff p{
	word-spacing: 10px;
}
*/
th.fc-col-header-cell {
  text-align: right !important;
  padding-right: 20px !important;
}

.lab-filters-first img.taxonomy-icon,
.lab-filters-second img.taxonomy-icon {
  left: 0px !important;
}

.lab-filters-first label,
.lab-filters-second label {
  padding: 14px 5px !important;
}

.lab-filters-second label {
  width: 223px !important;
}

.lab-filters-first label {
  text-align: center;
  width: 136px;
}

.tc-members-list p {
  margin-right: 10px;
  position: relative;
  top: 10px;
}

input#choice_5_15_0+label,
#choice_5_15_1+label {
  height: 50px;
  width: 48%;
  border-bottom: 1px solid #FCD369;
}

input#choice_5_15_0:checked+label,
#choice_5_15_1:checked+label {
  width: 100%;
  background: #FCD369;
  height: 55px;
  padding: 10px 26px;
  /* 	border-bottom:1px solid #FCD369; */
}

div#um_field_1853_agreement {
  display: none;
}

div#um_field_1853_agreement_5 {
  display: none;
}

.page-id-762 .dropdown-content label {
  width: 100% !important;
}

.page-id-762 .dropdown-content label input {
  position: relative;
  top: -9px;
}

#next-step-2:disabled,
#next-step-2[disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.search-results .knowledge_center_section_one .blue-page-cards:hover {
  border: 1px solid #5388f0 !important;
}

.checkbox-filters .dropdown-content {
  overflow: scroll !important;
}

.search-results-grid {
  margin: 0px !important;
}

.data span {
  display: inline-block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  max-width: 86%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.search-results .data ul li a,
.search-results .data-centers ul li a {
  font-size: 15px !important;
}

.author-text {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.accordion-item .data-centers {
  display: block !important;
}

.cart-collaterals {
  display: none;
}

a.showlogin {
  color: #5388f0;
}

.search-results .contact-details-therapy-center img.familysvg {
  width: auto;
  height: 30px;
  object-fit: fill;
}

.knowledge_center_section_one .col-lg-12.d-flex.cards-heading a {
  display: flex;
}

span.title-span {
  font-size: 20px;
}

.therapistfilter .searchFilter input {
  background-position: right !important;
  filter: brightness(11.5);
  background-image: url(https://child-development.org.il/wp-content/uploads/2024/11/cd-search-icon.svg) !important;
  background-repeat: no-repeat !important;
  padding: 10px 36px !important;
  width: 83% !important;
}

.page-id-830 .searchFilter.col-md-5 input {
  background-position: right !important;
  filter: brightness(11.5);
  background-image: url(https://child-development.org.il/wp-content/uploads/2024/11/cd-search-icon.svg) !important;
  background-repeat: no-repeat !important;
  width: 100%;
  border: 0px;
  padding: 10px 36px;
  outline: none;
  margin-left: 13px;
  color: white !important;
  border-bottom: 1px solid;
  background-color: transparent;
}

.um-col-alt .container {
  /* padding: 0px 5px; */
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100%;
  padding: 0px;
}

.um-col-alt .container:nth-child(1) {
  min-width: 91% !important;
  max-width: 90% !important;
}

.contact-details-therapy-center .custom-li {
  display: inline-block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.file-upload-container-author label {
  width: 100%;
  display: inline-block;
  padding: 10px 20px !important;
  background-color: #ecf2fd !important;
  color: #7c7c7c;
  border: 2px dashed #5388f0 !important;
  cursor: pointer;
  font-size: 20px !important;
  font-weight: 400 !important;
  height: 106px;
  align-content: center;
  border-radius: 0;
  text-align: center;
}

.file-upload-container-author input#file-upload-author {
  display: none;
}

.file-upload-container-author {
  width: 100%;
}

.col-12.text-end {
  margin-right: 6%;
  padding: 0px !important;
}

#modal-content,
.popup-content {
  max-width: 660px !important;
}

.um-col-alt .row .col-sm-6.right {
  margin: 0px !important;
  padding: 0px !important;
  width: 46% !important;
}

#um_field_1853_agreement .um-field-half {
  width: 100% !important;
  margin: 0px !important;
}

/* Single therapist page */
.contact-details-therapy-center li:nth-child(3) {
  border: none !important;
}

.single_therapistpage span.accordion-icon {
  top: 5px !important;
}

.single_therapistpage .accordion-content-center h5 {
  font-size: 20px !important;
  font-family: "Ploni" !important;
}

.single_therapistpage .accordion-content-center p {
  font-size: 20px;
}

.single_therapistpage .accordion-content-center {
  padding: 24px !important;
}

.location-list li {
  font-size: 20px !important;
  font-family: "Ploni", sans-serif !important;
  padding-left: 10px;
}

.location-list li:nth-child(3) {
  padding-left: 0 !important;
}

.single_therapistpage .accordion-header ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 3px;
  justify-content: flex-end;
}

span.location-list {
  flex-grow: 1;
}

.single_therapistpage .accordion-header img.familysvg-center {
  height: 40px;
}

.contact-details-therapy-center .mobile-repo {
  width: 23% !important;
}

.single_therapistpage .bgcolor-purple .similar-posts .blue-card-md a {
  font-size: 20px !important;
}

.single_therapistpage .postexcp {
  height: 60px !important;
}

.blue-page-cards .fam .familysvg {
  height: 100% !important;
}

.therapist-details-box img {
  padding: 0px !important;
  width: 20px;
  height: 16px;
}

.therapy_container li {
  padding: 8px !important;
}

.therapist-details-box {
  background-color: #f3e8f1 !important;
  padding: 80px 40px !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  row-gap: 24px;
}

.post-content-thera-center p {
  font-family: "Ploni" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  text-align: right !important;
  color: #202020 !important;
  margin-top: 16px !important;
}

.subheadline-text {
  margin-top: 40px;
  font-size: 20px;
}

.postSimilar {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

h3.similar-post-title {
  font-size: 30px !important;
  margin-bottom: 40px;
}

.single_therapistpage .displayBlock>section {
  width: 270px !important;
  margin-bottom: 40px !important;
  height: 334px !important;
}

.single-therapist .container {
  max-width: 90% !important;
  padding: 0px;
}

.single-therapist .col-md-9 {
  padding: 0px !important;
}

.single-therapist .row {
  padding: 0px !important;
  margin: 0px !important;
}

.single_therapistpage .bgcolor-purple .postContainer {
  max-width: 80% !important;
  margin: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 100px 145px !important;
}

.type-of-treatment {
  font-size: 24px !important;
  font-family: "Ploni";
}

.therapy_container img {
  height: 100%;
  object-fit: cover;
}

/* single therapist css end */
.popup-content::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  /* Adjust the scrollbar height */
}

.popup-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  width: 20px;
  background: #f1f1f1;
  /* Light gray background */
  border-radius: 10px;
}

.popup-content::-webkit-scrollbar-thumb {
  background: gray;
  /* Scrollbar color */
  border-radius: 10px;
}

.popup-content::-webkit-scrollbar-thumb:hover {
  background: darkgray;
  /* Darker shade on hover */
}

.um-col-alt .row {
  justify-content: space-between;
}

.um-col-alt .col-sm-6.left {
  position: relative;
  /* left: 7%; */
}

.invoice-msg {
  font-family: "Ploni";
  color: red;
  font-size: 20px;
}

#container-therapists-centers .column {
  width: 100% !important;
  /* was 342px fixed — fill the grid cell so 4-per-row cards don't overflow */
  min-width: 0 !important;
  /* was 342px — this was forcing overflow/overlap at 4-per-row */
  max-width: 100% !important;
}

a.mo_btn.mo_btn-mo.mo_btn-block-inline.mo_btn-social.mo_btn-google.mo_btn-custom-dec.login-button.mo_btn_noeffect {
  position: relative;
  display: flex;
  top: 20px;
  height: 50px;
  left: 0px;
  min-width: 48% !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fcd369 !important;
  font-weight: 600;
  font-size: 18px;
  font-family: "Ploni";
  justify-content: center;
  align-items: center;
}

a.mo_btn.mo_btn-mo.mo_btn-block-inline.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button.mo_btn_noeffect {
  position: relative;
  display: flex;
  top: 20px;
  height: 50px;
  left: 0px;
  min-width: 48% !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #1877f2 !important;
  font-weight: 600;
  font-size: 18px;
  font-family: "Ploni";
  justify-content: center;
  align-items: center;
}

.mo_btn-facebook i.fab.fa-facebook {
  top: 5px;
  left: 80px !important;
  color: #1877f2;
  border: none !important;
}

.mo_btn-google img.fa {
  top: 5px;
  border: none !important;
  position: absolute;
  left: 90px !important;
}

.mo-openid-app-icons {
  display: flex !important;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  column-gap: 12px;
  width: 100% !important;
}

.mo-openid-app-icons p {
  width: 0px !important;
  display: none !important;
}

div#container-therapists-centers.grid-container {
  display: grid !important;
  grid-template-columns: repeat(4, 342px) !important;
  gap: 24px !important;
}

.accordion-title-center h5 {
  -webkit-line-clamp: none !important;
  overflow: visible !important;
}

.accordion_card .contact-details-therapy-center {
  padding: 25px 5px 20px 5px !important;
}

.accordion_card .accordion-header {
  padding: 15px 2px !important;
}

.page-id-964 .accordion-header ul li {
  max-width: 100% !important;
  white-space: normal !important;
  overflow: unset !important;
  text-overflow: unset !important;
}

h3.ptt-title {
  font-weight: 700;
  font-size: 20px;
}

.button-new-main {
  margin-top: 10px;
}

.tc-accordion-header-new a {
  color: #000;
  margin-bottom: 30px;
}

.tc-accordion-header-new {
  padding: 15px;
  background: #fef4eb;
  cursor: pointer;
}

.course-sidebar p a {
  color: #000 !important;
}

input#user_login-1852 {
  padding: 0px !important;
}

.popup-content {
  height: 80vh !important;
}

#gform_5 .span.gfield_fileupload_percent {
  top: 0px !important;
}

.popup-modal {
  top: 108px !important;
}

span.kw-links-sng {
  margin-right: 10px;
  font-family: "Ploni";
}

/* advertisement page start */
ul.blue-badge a {
  padding: 7px 14px !important;
}

.page-id-4008 .main-one {
  margin-bottom: 16px;
}

.course-sidebar a {
  color: #000;
  text-decoration: none;
}

.page-id-4008 .form-section {
  display: flex;
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
  flex-direction: column;
}

.advertise-file-upload label {
  border: 2px dashed #2cc97d;
  padding: 30px;
  background: #e6faf0;
  height: 106px;
  align-content: center;
  border-radius: 0;
  text-align: center;
  color: #7c7c7c;
  font-weight: normal;
}

.req-1 {
  font-size: 20px;
  padding-right: 10px;
  font-weight: 700;
  font-family: "Ploni";
}

#course-form label {
  font-family: "Ploni" !important;
}

.advertisment-radio-group {
  width: 100%;
  display: block;
  min-height: 60px !important;
}

.advertisment-radio-group .white {
  display: inline-block;
  width: 49%;
  height: 60px;
  margin: 0px;
}

.advertisment-radio-group label {
  position: relative;
  top: -23px;
  height: 70px;
  font-weight: normal;
  font-family: "Ploni";
  display: flex;
  justify-content: center;
  background: #ffffff;
  margin: 0px !important;
  padding: 0px !important;
  align-items: center;
}

.advertisment-radio-group input[type="radio"]:checked+label {
  background: #2cc97d;
}

/* advertisement page ened */
/* thera account page*/
.tc-accordion-header.active {
  margin-bottom: 0px !important;
}

.tc-member-item .tc-check-box {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #000 !important;
}

.tc-member-accordion {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 10px 0;
}

.tc-accordion-header {
  padding: 15px;
  background: #fef4eb;
  cursor: pointer;
}

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

.tc-title-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tc-toggle-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.tc-accordion-header.active {
  padding: 0px 16px 8px 16px;
}

.tc-accordion-header.active .tc-toggle-icon {
  transform: rotate(45deg);
}

.tc-accordion-title {
  font-weight: normal;
  white-space: nowrap;
  font-size: 20px;
  font-family: "Ploni";
}

button#ad-btn-black {
  color: #000 !important;
}

.tc-accordion-header.active .tc-accordion-title {
  display: none;
}

.tc-search-container {
  flex: 1;
  max-width: 300px;
  display: none;
}

.tc-accordion-header.active .tc-search-container {
  display: block;
  max-width: 95%;
}

.tc-member-search {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.tc-accordion-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fbbc83;
}

.tc-accordion-content::-webkit-scrollbar {
  width: 10px;
  height: 20px;
  background-color: #fbbc83;
}

.new-summary {
  height: auto !important;
}

.tc-title-redirect {
  color: #000;
  text-decoration: none;
  background: #fef4eb;
  display: flex;
  width: 100%;
  height: 64px;
  align-items: center;
  padding-right: 30px;
  font-size: 20px;
  position: sticky;
  bottom: 0px;
  left: 0px;
}

.tc-accordion-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
}

.tc-accordion-content {
  background: #fff;
  display: none;
  border-top: 1px solid #ddd;
  position: relative;
  z-index: 9;
}

.tc-accordion-content {
  height: 360px;
  overflow-y: scroll;
  border: 1px solid #fbbc83 !important;
}

.tc-members-list {
  margin-bottom: 15px;
}

.tc-member-name {
  margin-right: 16px;
  font-family: "Ploni";
  font-size: 20px;
}

.tc-member-item {
  display: flex;
  border-bottom: 1px solid #fbbc83;
  padding: 0px;
  cursor: pointer;
  height: 60px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding-right: 30px;
}

.tc-member-item:hover {
  background: #f9f9f9;
}

.tc-member-ntce {
  font-weight: 500;
}

.tc-bottom-action {
  text-align: center;
  padding: 10px;
  background: #f5f5f5;
  cursor: pointer;
  border-radius: 4px;
}

.tc-bottom-action:hover {
  background: #e9e9e9;
}

/* thera end */
.page-id-3935 .am-member-item {
  padding: 15px 50px !important;
}

.page-id-3935 .header {
  background-color: #ff9999 !important;
  border: none !important;
}

.page-id-3935 .profile-container,
.page-id-3935 .box-parent,
.page-id-3935 .content {
  background: #fff !important;
  border: none !important;
}

.page-id-3935 .box-container {
  background: #fff !important;
  border: 1px solid #fc8b8b !important;
}

label.tool-checked img {
  filter: brightness(0) saturate(100%) invert(32%) sepia(97%) saturate(494%) hue-rotate(204deg) brightness(90%) contrast(88%) !important;
}

.page-id-4230 .accordion-content .card-body {
  height: 260px;
}

.container-account {
  padding: 10px 0 !important;
}

.page-id-4230 .accordion-content label:hover {
  background: #ecf2fd00 !important;
}

.container-account .radio-group {
  display: flex !important;
  float: left !important;
  gap: 10px !important;
  margin-right: 10px !important;
  height: 70px !important;
  width: 23% !important;
}

.container-account-label {
  width: 75% !important;
  min-height: 60px;
}

.container-account .radio-group label {
  height: 70px !important;
  width: 100% !important;
}

.radio-group label {
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-account .radio-group div {
  width: 50% !important;
  padding: 0px !important;
}

.accordion-content input[type="radio"]:checked+label {
  background: #fbbc83;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion h3 {
  font-size: 24px;
  font-family: "Ploni";
}

.new-summary label,
.course-summary-label label,
.container-account-label label {
  font-family: "Ploni" !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

span.required {
  color: red;
}

h3.section-title-new {
  padding: 10px 24px;
  margin: 0;
  font-family: "Ploni";
  font-size: 24px;
}

.btn-wrapper span {
  color: black;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  margin-left: 5px;
}

.three-step-checkout .step .form-row.place-order #place_order {
  font-size: 24px !important;
  font-family: "Ploni" !important;
  height: 69px !important;
}

select#payment_method_dropdown {
  color: #000;
  font-size: 24px !important;
  line-height: 32px;
  font-family: "Ploni";
}

#payment label {
  font-size: 30px;
}

button.gform_delete_file.gform-theme-button.gform-theme-button--simple {
  position: relative;
  top: 19px !important;
}

span.gfield_fileupload_percent {
  position: relative;
  top: -22px;
  font-size: 13px !important;
  color: #fff !important;
  left: 130px;
}

span.gfield_fileupload_progressbar_progress {
  height: 17px !important;
  right: 0;
  width: 130% !important;
}

span.gfield_fileupload_progressbar {
  width: 100% !important;
  height: 17px !important;
  background: #fff !important;
}

.form-section .custom-select-wrapper-5 label {
  padding: 15px 45px !important;
}

.dynamic_fields_button {
  padding: 14px 50px !important;
}

.file-upload-container img {
  position: relative;
  left: 10px;
}

.invoice-section label {
  font-weight: bold;
}

input#choice_5_13_1:checked+label,
#choice_5_13_0:checked+label {
  font-weight: 700 !important;
}

.tgl-btn::after {
  padding: 0px 5px 0px 6px !important;
  font-size: 20px !important;
}

a.gf-toggle-accordion {
  font-size: 20px;
}

.row.laboratory-results {
  display: flex;
  margin: 0px !important;
  padding: 0px !important;
  column-gap: 18px;
  row-gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 40px !important;
}

/* Course form Design */
.price-op-2.reader-2 {
  width: 32% !important;
}

.connected_form .author-popup {
  height: auto;
  overflow: hidden;
}

.connected_form #experience {
  background: #fff0f0;
  border-bottom: 1px solid #fc8b8b;
  height: 193px;
}

.connected_form #closePopupmian {
  width: 100%;
  font-size: 24px;
  font-family: "Ploni" !important;
}

.connected_form .main-popup-title h3 {
  font-size: 20px !important;
  font-weight: bold;
  font-family: "Ploni" !important;
}

.connected_form .main-author-form label {
  font-size: 20px;
  font-weight: bold;
  font-family: "Ploni";
}

.main-author-form input#first-name-last:focus-visible,
#experience:focus-visible {
  outline: none !important;
}

.connected_form .main-author-form {
  padding: 40px !important;
}

.course-main-cat label {
  background: #fff;
  margin-bottom: 0px !important;
}

.course-main-cat .accordion-content.category {
  background: #fff;
}

.course-main-cat .accordion-content.category label:nth-child(1) {
  border-top: 1px solid #fc8b8b;
}

.course-main-cat .accordion-content.category label:nth-last-child(1) {
  border: none !important;
}

.course-main-cat .accordion-content label:hover {
  background: #fff0f0 !important;
}

.accordion-content {
  padding: 0px !important;
  margin-left: 15px;
  margin-right: 15px;
}

.price-check input[type="radio"] {
  display: none;
}

span.custom-radio-course {
  display: inline-block;
  width: 20px;
  background: transparent;
  height: 20px;
  border: 2px solid #fc8b8b;
  border-radius: 50%;
  position: relative;
  margin-left: 10px;
  vertical-align: middle;
  cursor: pointer;
}

.price-check input[type="radio"]:checked+label .custom-radio-course::after {
  content: "✔";
  font-size: 14px;
  color: white;
  position: absolute;
  top: 57%;
  left: 59%;
  transform: translate(-52%, -50%);
}

.price-check input[type="radio"]:checked+label .custom-radio-course {
  background: #fc8b8b;
}

.price-op-2 span {
  font-size: 20px;
  font-weight: normal;
  font-family: "Ploni";
}

input#price {
  width: 30% !important;
}

.file-upload-container small {
  font-size: 16px !important;
}

#lesson-date::-webkit-calendar-picker-indicator {
  display: none;
}

input#lesson-date {
  text-align: right;
}

.comment-lab {
  font-size: 16px !important;
}

button#add-more-lesson {
  background: #fff0f0 !important;
  border: 1px solid #fc8b8b !important;
  padding: 14px 38px !important;
  font-family: "Ploni", sans-serif !important;
  color: #000 !important;
  font-size: 20px !important;
  width: 100% !important;
  text-align: right !important;
}

span.pluse-btn {
  font-size: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  padding: 0px 4px;
  position: relative;
  top: -40px;
  right: 10px;
}

.connected_form h1 {
  font-size: 30px;
  font-weight: bold;
  font-family: "Anomalia";
}

img.upload-img-logo {
  position: relative;
  left: 10px;
}

.custom-select-wrapper-1::after,
.custom-select-wrapper-2::after,
.custom-select-wrapper-3::after,
.custom-select-wrapper-4::after,
.custom-select-wrapper-5::after {
  font-size: 14px !important;
  padding: 0 6px 0 6px !important;
}

/* Course form design end */
/* ===== "My Courses" progress — Figma match =====
   Each course = a card: peach title header + a bar where the orange FILL sits at the
   reading-start (right in RTL) and the X/Y lesson count stays pinned at the far end
   (visible even at 100%). Uses logical props so it also works LTR. */
.llms-course-progress {
  border: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.llms-course-progress-item {
  background: #fff;
  border: 1px solid #f3e1d0;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}

.llms-course-progress-item:last-child {
  margin-bottom: 0;
}

/* title header bar (peach) */
.llms-course-title {
  margin: 0;
  padding: 0;
  background: #fdf1e8;
  border-bottom: 1px solid #f3e1d0;
}

.llms-course-title a {
  display: block;
  padding: 14px 20px;
  color: #2b2b2b !important;
  font-size: 19px;
  font-weight: 700;
  font-family: "Ploni";
  text-decoration: none;
  text-align: right;
}

/* bar track */
.llms-progress {
  position: relative;
  margin: 0 !important;
  height: 52px !important;
  width: 100%;
  background: #fff;
  overflow: hidden;
  display: block;
}

.llms-progress-text {
  display: none;
}

/* filled portion (orange) at the reading-start; width comes from the inline % */
.progress-bar.dc-progress {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  background: #f5a96a !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
}

.progress-indicator {
  margin: 0;
  padding-inline-start: 18px;
  font-size: 19px;
  font-family: "Ploni";
  color: #2b2b2b;
  white-space: nowrap;
}

/* lesson count (X/Y) — pinned to the far end, always visible (even at 100%) */
.with-out-progress,
.with-out-progress.content-center {
  position: absolute !important;
  inset: 0;
  left: auto;
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-inline-end: 18px;
  font-size: 19px;
  font-family: "Ploni";
  color: #2b2b2b;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}

button.woocommerce-Button.button {
  width: 100%;
  font-size: 24px;
  font-family: "Ploni" !important;
}

.caregiver-post-dc {
  display: none;
  /* Initially hide all posts */
}

.caregiver-post-dc:first-child,
.caregiver-post-dc:nth-child(-n + 8) {
  display: block;
  /* Show the first 8 posts */
}

.bookmark-popup .kw-post-saved-msg {
  right: 62.5% !important;
}

div#laboratory-tool-filter {
  padding: 0px !important;
  margin: 0px !important;
  column-gap: 30px !important;
}

.error404 .page-content {
  padding: 80px 0;
}

a.error-btn-text {
  background: #fff;
  padding: 15px 60px;
  position: relative;
  top: 40px;
  color: #000;
  text-decoration: none;
  font-family: "Ploni";
  font-size: 24px;
}

.dc-error-main {
  background: #f1f1f1;
}

.dc-404-main {
  background: url("https://child-development.org.il/wp-content/uploads/2025/03/Vector-4.png");
  display: flex;
  margin: 0 auto;
  width: 800px;
  height: 900px;
  background-size: 100%;
  background-repeat: no-repeat;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: morphShapes 4s infinite alternate;
  transition: transform 0.3s;
}

.error-title {
  font-size: 400px;
  font-weight: bold;
  font-family: "Anomalia";
  line-height: 330px;
}

.error-text {
  font-size: 19px;
  width: 64%;
}

.share-social-main.share-lab {
  position: relative;
  top: -5px;
  right: 10px;
}

.share-popup {
  display: -webkit-inline-box !important;
}

:is(.lab-tools-second, .laboratory-results) .card-top-left .icon-img-1 {
  width: 35%;
  margin: 0 10px 0 10px !important;
}

.bookmark-img,
.remove-bookmark-img {
  width: 14px !important;
}

#posts-container-therapists .row {
  margin: 0px !important;
  padding: 0px !important;
  justify-content: center !important;
  justify-items: center !important;
}

#gform_preview_5_7 span.gfield_fileupload_progress.gfield_fileupload_progress_complete {
  width: 68% !important;
}

#gform_preview_5_7 .ginput_preview {
  top: -50px !important;
}

/* Homepage update-cards slider (.slider-type1): equal-height cards that GROW with content,
   in BOTH languages. Previously the heights were fixed px scoped to .page-id-379 (Hebrew
   home only) — so Hebrew equalized but overflowed, and English (different page-id) had no
   equal-height. Flexbox stretch makes every card match the tallest without clipping.
   Swiper's 10px inter-slide gap (margin-right) is untouched. */
.slider-type1 .swiper-wrapper {
  align-items: stretch;
}

.slider-type1 .swiper-slide {
  height: auto;
}

.slider-type1 .swiper-slide>.boxinr {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.slider-type1 .boxinr .slieesc {
  flex: 1 1 auto;
  height: auto;
}

.slider-type1 .boxinr a.black-color {
  margin-top: auto;
  align-self: flex-start;
}

.boxinr a.black-color {
  font-family: "Ploni ML v2 AAA";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: right;
  text-decoration: none;
  border-bottom: 2px solid #2cc97d;
  color: #202020;
}

button.hero-button.lab-tools {
  font-size: 28px;
}

.swiper-button-next {
  top: 150px;
  left: -80px !important;
  right: 10px !important;
}

.boxinr h3 {
  min-height: 70px;
  font-size: 24px;
  padding: 8px 0;
  font-weight: bold;
}

.page-id-4230 .form-row label {
  margin-top: 10px !important;
  font-family: "Ploni" !important;
}

.price-check {
  padding: 16px !important;
}

.price-op-2 {
  width: 45% !important;
}

.content-data h2 {
  font-size: 30px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

#gform_confirmation_wrapper_6 {
  width: 30% !important;
}

.page-id-762 label.taxonomy-label:hover img.taxonomy-icon {
  filter: brightness(0) saturate(100%) invert(32%) sepia(97%) saturate(494%) hue-rotate(204deg) brightness(90%) contrast(88%) !important;
}

.page-id-762 label.taxonomy-label:hover {
  color: #5388f0 !important;
}

.error-messages {
  display: flex;
  margin: 0 auto;
  align-items: center;
  font-family: "Ploni";
  text-align: right;
  justify-content: center;
  font-size: 20px;
  margin-top: 20px;
  font-family: 'Ploni';
}

.error-messages img {
  width: 34px;
  position: relative;
  left: 10px;
}

div#gform_confirmation_message_1 {
  position: relative;
  width: 140%;
  top: 130px;
  left: 300px;
}

div#gform_preview_4_11 {
  position: absolute;
  width: 100%;
  top: 45%;
}

span.gfield_fileupload_progress.gfield_fileupload_progress_complete {
  width: 100% !important;
}

button.gform_delete_file.gform-theme-button.gform-theme-button--simple {
  position: relative;
  top: 14px !important;
}

.page-id-1139 img.thankyou-img {
  top: -30px !important;
  left: 30px;
}

.gform_wrapper input[type="number"]::-webkit-outer-spin-button,
.gform_wrapper input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  display: none !important;
}

.gform_wrapper input[type="number"] {
  -moz-appearance: textfield !important;
}

.dropdown-content input[type="checkbox"] {
  margin-left: 6px !important;
}

.share-social-main {
  position: relative;
  background: #f2f2f2;
  padding: 8px 16px;
  display: flex;
  column-gap: 16px;
  border-radius: 40px;
}

.kw-post-saved-msg {
  background: #fff;
  position: absolute;
  z-index: 999;
  right: 45.5%;
  margin-top: 10px;
  border: 1px solid #5388f0;
  font-size: 20px;
  text-align: center;
  height: 128px;
  padding: 0;
  width: 250px;
}

.kw-post-saved.article {
  height: 48px;
  padding-top: 10px;
  background: #ecf2fd;
}

.kw-post-saved {
  font-family: "Ploni" !important;
  font-size: 20px;
}

.kw-post-saved.personal {
  padding: 10px;
}

a.kw-links {
  font-size: 20px;
  color: #000;
  font-family: "Ploni" !important;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 2px solid #fbbc83;
  position: relative;
  top: 40px;
}

.subtext {
  width: 100% !important;
  border-bottom: none !important;
}

.kw-content {
  margin-top: 20px;
  font-family: "Ploni";
  font-size: 20px;
  overflow: hidden;
  height: 80px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.kw-center-loops button.btn.btn-sm.btn-outline-secondary {
  color: #000 !important;
  font-family: "Ploni";
  padding: 5px 10px;
  border-radius: 0px;
}

.kw-center-loops img.taxonomy-icon {
  width: 18px;
}

.accordion-content .icons {
  column-gap: 8px;
  margin-right: 0px !important;
}

button.btn.btn-sm.btn-outline-secondary.btn2 {
  margin: 0px !important;
}

.kw-center-loops .card-title {
  font-size: 24px;
  font-family: "Ploni", sans-serif;
}

img.kw-center-images {
  height: 200px !important;
  object-fit: cover;
}

img.kw-center-images,
.diploma-item img {
  filter: brightness(1) grayscale(1) !important;
}

.diploma-item img {
  filter: brightness(1) !important;
}

img#share-btn-kw,
#save-btn-kw,
img#remove-btn-kw {
  cursor: pointer;
  width: 20px;
}

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

.save_share_btn_main {
  display: flex;
  column-gap: 20px;
  align-items: center;
}

.careers_form_page input#gform_submit_button_6 {
  font-family: "Ploni";
}

.careers_form_page .row,
.careers_form_page .row>* {
  margin: 0px !important;
  padding: 0px !important;
}

.careers_form_page .container-mid {
  padding: 0px !important;
}

.careers_form_page li {
  font-size: 20px !important;
}

.careers_form_page {
  padding: 100px 0px !important;
}

.careers_form_page .h-auto {
  padding: 80px 410px !important;
  max-width: 90% !important;
}

.careers_page .careers_text {
  margin-bottom: 16px !important;
}

.careers_page {
  padding-top: 80px !important;
}

.main-form-popup {
  position: relative;
  top: 100px;
}

.error-validate .accor-border,
.error-validate .course-price,
.error-validate .course-data {
  border: 2px solid red;
}

.postDetails h3 {
  font-family: "Ploni";
}

.postDetails .featuredImage {
  margin-top: 10px;
  margin-bottom: 30px;
}

#posts-container-therapists .postexcp {
  height: 50px !important;
}

.error-message-dc img {
  position: relative;
  left: 3px;
}

.disble-class label {
  background: #f1f1f1 !important;
  border: 2px dashed #d3d3d3 !important;
  cursor: not-allowed !important;
}

.file-upload-container label {
  font-family: "Ploni";
}

.success-message,
.error-message-dc {
  display: flex;
  width: 32%;
  margin: 0 auto;
  align-items: center;
  font-family: "Ploni";
  text-align: right;
}

.success-message img {
  width: 34px;
  position: relative;
  left: 10px;
}

.thankyou-msg-kw {
  position: relative;
  text-align: center;
  bottom: 15px;
}

label.taxonomy-label.checked img.taxonomy-icon {
  filter: brightness(0) saturate(100%) invert(32%) sepia(97%) saturate(494%) hue-rotate(204deg) brightness(90%) contrast(88%) !important;
}

label.taxonomy-label.checked {
  color: #5388f0 !important;
}

.user-img img {
  width: 34px;
  height: 34px;
  border-radius: 50px;
}

.audio-player-container img {
  height: 417px;
  object-fit: cover;
}

.postauthor ul li {
  font-size: 16px !important;
}

.kcDate .blue-badge li a {
  font-size: 16px !important;
}

.post-main-author {
  border-bottom: 1px solid #5388f0;
}

div#taxonomy-filter h3,
#taxonomy-filter-2 h3 {
  font-family: "Ploni" !important;
}

.About_section_three .bgtext #popup-customfield {
  left: 50% !important;
}

.About_section_three h2#popup-title {
  font-size: 14px !important;
  font-family: "Ploni";
  left: 62% !important;
}

.updates_page a.black-color {
  font-size: 20px !important;
}

.updates_page .blue-card-md .postexcp p {
  font-size: 20px !important;
}

#posts-container-updates .postexcp {
  height: auto !important;
  /* was fixed 145px */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  /* clamp the WHOLE excerpt (covers multi-<p> content) → no overflow */
  line-clamp: 4;
  overflow: hidden;
}

.updates_page .blue-card-md {
  margin: 40px 0px !important;
}

.updates_page .col-lg-12.d-flex.cards-heading {

  justify-content: flex-start;
  align-items: center;
  padding-right: 15px;
}

.up-first {
  padding: 80px 0 !important;
}

.updates_page p.m-0.pera-font-size {
  font-size: 24px !important;
}

.updates_page .posts-containerwraper {
  padding: 0px !important;
}

label#label_5_15_0,
label#label_5_15_1 {
  left: 9px !important;
}

label#label_5_15_1 {
  width: auto !important;
}

div#posts-container-updates {
  row-gap: 20px;
  column-gap: 20px;
  margin: 0px !important;
  padding: 0px !important;
  justify-content: center;
}

/* Updates archive grid — 3 per row that fits at 1366, equal height, grows with content.
   Was fixed 463px width (only 2 fit on a laptop) + fixed 315px height (content overflowed). */
#posts-container-updates .col-md-4 {
  padding: 0px !important;
  width: calc((100% - 40px) / 3) !important;
  /* 3 columns, two 20px gaps */
  height: auto !important;
  /* remove fixed height → no text overflow */
  display: flex !important;
  /* stretch card to the row's tallest = match height */
}

#posts-container-updates .col-md-4>.blue-page-cards {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#posts-container-updates .col-md-4 .blue-card-md {
  flex: 1 1 auto;
}

/* body grows; link sits at bottom */
@media (max-width: 991px) {
  #posts-container-updates .col-md-4 {
    width: calc((100% - 20px) / 2) !important;
  }

  /* 2 per row */
}

@media (max-width: 575px) {
  #posts-container-updates .col-md-4 {
    width: 100% !important;
  }

  /* 1 per row */
}

.About_sixth_section.about {
  padding: 100px 0;
}

.five_column_list {
  padding: 80px 0 !important;
}

.latestkc .fam {
  height: 205px !important;
}

.BannerwithSlider .splide__slide img {
  height: 368px;
  object-fit: cover;
}

.BannerwithSlider .col-md-6.left-col {
  padding: 141px 100px !important;
}

.author-popup {
  overflow: scroll;
  height: 800px;
}

.span.center-ac-title,
span.center-title-kw {
  font-size: 20px;
  font-family: "Ploni";
  font-weight: normal;
}

.author-popup {
  top: 10%;
}

.form-section .custom-select-wrapper-5 label {
  font-family: "Ploni";
}

label#label_5_15_0,
label#label_5_15_1 {
  font-size: 20px !important;
  font-weight: normal !important;
}

.gfield_label,
.gfield {
  font-family: "Ploni", sans-serif !important;
}

i.bi.bi-upload {
  position: absolute;
  right: -35px;
  font-weight: bold !important;
}

.tax-laboratory-types .dropdown {
  margin-left: 0px !important;
}

:is(.lab-tools-second, .laboratory-results) .card .featured-image .img-fluid {
  height: 430px;
  object-fit: cover;
}

:is(.lab-tools-second, .laboratory-results) .card {
  /* fixed 703x823 removed — it fought the flex card sizing below and forced 2 cards to
     overflow/wrap. The flex rule (flex:0 1 calc(50% - 12px)) is the single source of truth. */
  margin: 0px !important;
}

.lab-main .posts-containerwraper:is(.lab-tools-second, .laboratory-results) {
  padding: 0px !important;
}

.lab-filters-top {
  padding: 0px !important;
}

.lab-filters {
  padding: 0px !important;
  margin-top: 8px;
}

:is(.lab-tools-second, .laboratory-results) .card-bg-color {
  height: 688px !important;
}

.card-header {
  height: 94px;
}

div#posts-container\ laboratory-main-filter {
  margin: 0px !important;
  padding: 0px !important;
  column-gap: 20px;
  row-gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.lab-main .posts-containerwraper:is(.lab-tools-second, .laboratory-results) .posts-containerwraper {
  padding: 0px !important;
  margin-top: 20px;
}

.lab-tools .hero-title {
  font-size: 88px !important;
}

.lab-tools .row {
  padding: 0px !important;
}

.lab-main .hero-section,
.second-hero-sec {
  padding: 80px 0 !important;
}

.dc-toggle-lab {
  position: relative !important;
  background: transparent !important;
}

/*
.page-id-762 input#search-field-knowledge-center {
    border: none !important;
    background-color: #fff;
    padding: 20px 40px 20px 0px;
    margin: 0;
    background-image: url(https://child-development.org.il/wp-content/uploads/2025/01/search-blue.svg);
	background-position: right 16px center;
	background-repeat: no-repeat;
} */
/*     .page-id-762 input#search-field-knowledge-center {
        background-color: transparent !important;
        padding: 21px 58px 20px 0px;
        border-bottom: 1px solid #fff !important;
    }
.page-id-762 input#search-field-knowledge-center::placeholder {
	colour: #5388F0;
	font-weight:400;
}
*/
.page-id-762 .checkbox-filters .dropdown {
  margin-left: 5px;
  min-width: 228px !important;
  width: 228px !important;
}

.page-id-762 #taxonomy-filter {
  display: flow !important;
  padding-right: 7px !important;
}

.page-id-762 #taxonomy-filter-2 {
  width: 25% !important;
  float: right !important;
  display: flow !important;
}

/* ---- Keep the Knowledge Center filter IDENTICAL in every language ----
   The filter is authored RTL-first (float:right, RTL border scheme, row-reverse search row).
   On translated pages the body is LTR, which rendered a half-mirrored/broken filter. Instead
   of mirroring per language, force the filter to RTL everywhere so it matches the Hebrew
   design exactly. body.rtl (Hebrew/Arabic) already gets this natively; this covers LTR langs.
   NOTE: the layout rules below are re-scoped to .knowledge_center_section_one because the
   original ones are scoped to .page-id-762, which doesn't match translated pages (diff ID). */
body:not(.rtl) .knowledge_center_section_one .filterContiner,
body:not(.rtl) .knowledge_center_section_one .main-filter {
  direction: rtl;
}


/* Lay the two tab groups out with flex (in RTL: intended-for on the right, content-type to
   its left) and let each size to its own tabs, so longer English labels stay side-by-side
   instead of stacking in a fixed 25% column. */
body:not(.rtl) .knowledge_center_section_one .filterContiner.row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 24px;
}

body:not(.rtl) .knowledge_center_section_one #taxonomy-filter,
body:not(.rtl) .knowledge_center_section_one #taxonomy-filter-2 {
  float: none !important;
  width: auto !important;
  display: block !important;
}

/* ---- Banners follow the PAGE language ----
   English/LTR pages read left-to-right: heading + text on the LEFT; the CTA box and any
   right_image flip to the RIGHT automatically (page is LTR). We only override the theme's
   hardcoded RTL text-align:right. Hebrew pages (body.rtl) keep native RTL, untouched.
   NOTE: untranslated banner content still shows Hebrew words (left-aligned on EN) — that is a
   WPML translation gap, NOT a layout bug; translating the banner fields makes it read fully EN. */
body:not(.rtl) .banner-section h1,
body:not(.rtl) .banner-section p.lead,
body:not(.rtl) .banner-section .bgtext p {
  text-align: left !important;
  /* English/LTR pages: heading + text on the LEFT (override hardcoded RTL right) */
}

/* .course-uppart heading uses text-align:right !important at high specificity (8 classes) —
   match it so English course banner heading also goes left. */
body:not(.rtl) .course-uppart h1.t-75px.text-white.font-DMSerif.flex.flex-col.leading-none.justify-center.mb-8 {
  text-align: left !important;
}

/* KC + course heros have an overlapping "publish your content/course" box on the right (LTR).
   Clear the description from it. Scoped to these two banners so others (e.g. home, image column)
   are untouched; :not(.lead) so the sub-title keeps its own spacing. */
body:not(.rtl) .main-top-knowledge .bgtext>p:not(.lead),
body:not(.rtl) .course-uppart .bgtext>p:not(.lead) {
  padding-right: 32%;
}

body:not(.rtl) .main-top-knowledge p.lead,
body:not(.rtl) .course-uppart p.lead {
  padding-right: 0 !important;
  padding-left: 98px !important;
}

/* ---- Two-column HERO sections (About / Contact / Laboratory first section) ----
   These use the .two-cols-section component (NOT banner.php). Authored Hebrew-first, so on
   English pages they still show text-right / image-left. Force LTR: text column on the LEFT,
   image on the RIGHT, text left-aligned. Scoped to the three hero section-classes only (not the
   zig-zag content two-cols). Hebrew pages (body.rtl) keep native RTL. */
body:not(.rtl) .two-cols-section.About_section_one .row,
body:not(.rtl) .two-cols-section.contact_page .row,
body:not(.rtl) .two-cols-section.lab_page .row {
  flex-direction: row !important;
}

body:not(.rtl) .two-cols-section.About_section_one .textBox,
body:not(.rtl) .two-cols-section.About_section_one .textBox h1,
body:not(.rtl) .two-cols-section.About_section_one .col-descr,
body:not(.rtl) .two-cols-section.contact_page .textBox,
body:not(.rtl) .two-cols-section.contact_page .textBox h1,
body:not(.rtl) .two-cols-section.contact_page .col-descr,
body:not(.rtl) .two-cols-section.lab_page .textBox,
body:not(.rtl) .two-cols-section.lab_page .textBox h1,
body:not(.rtl) .two-cols-section.lab_page .col-descr {
  text-align: left !important;
}

.knowledge_center_section_one input {
  width: 100% !important;
}



.knowledge_center_section_one div#posts-container {
  justify-content: space-between;
}

#posts-container article {
  height: 492px;
}

#posts-container .col-lg-12.d-flex.cards-heading {
  height: 82px;
}

#posts-container .fam {
  height: 200px !important;
}

.blue-badge img.taxonomy-icon {
  filter: brightness(0);
}

.postexcp {
  height: 78px;
}

.knowledge_center_section_one label {
  font-weight: normal !important;
}

.knowledge_center_section_one .bgtext p {
  font-size: 20px !important;
  line-height: 20px;
  font-family: "Ploni" !important;
}

.knowledge_center_section_one .blue-card-md a {
  position: relative;
  top: 20px;
}

#posts-container img.familysvg {
  height: 200px !important;
}

/* KC cards — uniform layout to match Figma: clamp title (2 lines) + excerpt (3 lines)
   so every card is the same height and the "read more" link aligns; keep the two
   tags (content-type + audience) on a single row. Scoped to #posts-container. */
#posts-container .cards-heading .title-span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#posts-container .postexcp {
  overflow: hidden;
}

#posts-container .postexcp p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* Let the card column always shrink to its 33.33% (3 per row) regardless of tag
   content. Without min-width:0, the 2-tag badge's intrinsic width forced the column
   wider than 33.33%, so the 3rd card wrapped at 100% zoom (fit only when zoomed out). */
#posts-container article.col-md-4 {
  min-width: 0;
}

#posts-container ul.blue-badge {
  flex-wrap: wrap;
  /* if both tags can't fit one row in a narrow card, wrap instead of widening the card */
  row-gap: 6px;
  min-width: 0;
}

#posts-container ul.blue-badge a {
  padding: 7px 16px;
  /* was 25px → compact so both tags normally sit on one row */
}

.knowledge_center_section_one label {
  width: 170px !important;
  padding: 12px !important;
  min-height: 60px;
  /* was height:60px — let English 2-line labels grow instead of clipping/overlapping */
  display: inline-flex;
  /* center the text so 1-line (Hebrew) and 2-line (English) tabs line up */
  align-items: center;
  justify-content: center;
  gap: 8px;
  /* space between the tab icon and its text (was touching in English) */
  text-align: center;
  vertical-align: top;
  /* inline tabs align at the top edge so a 2-line tab doesn't shift the whole row */
  line-height: 1.2;
  box-sizing: border-box;
}

.single-knowledge-center span.title-span {
  font-size: 18px;
}

#taxonomy-filter .taxonomy-icon {
  left: 0px !important;
}

.page-id-762 #taxonomy-filter-2>label {
  width: 172px !important;
  padding: 14px !important;
}

/* Course page css start */
body:not(.rtl) .course-title h2 {
  margin-left: 25px !important;
}

.rtl .course-title h2 {
  margin-right: 25px !important;
}

.course-title {
  height: 64px;
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.course-details {
  height: 36px;
}

.inner-course-card {
  height: 243px;
}

.course-main-grid .inner-course-card p {
  padding: 0px !important;
}

.inner-course-card h5 {
  margin-top: 0px !important;
}

.course-info-grid {
  height: 120px;
}

.single-course-btn {
  height: 64px !important;
}

img.taxonomy-icon {
  filter: brightness(10);
}

label.taxonomy-label:hover img.taxonomy-icon {
  filter: brightness(0) invert(0) !important;
}

.course-main-filter .main-split {
  margin: 0px !important;
  padding: 0px;
}

.course-main-filter button.course-filter-btn {
  width: 172px !important;
}

.course-tab-button {
  margin: 0px !important;
  padding: 0px !important;
}

.filter-rows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 30px;
}

label.taxonomy-label {
  width: 121px;
  margin-right: 0px !important;
}

img.taxonomy-icon {
  position: relative;
  left: 7px;
}

div#taxonomy-filter {
  column-gap: 20px;
}

.course-cat-filter::-webkit-scrollbar-thumb:hover {
  background-color: #333333;
}

.filter-course label.taxonomy-label {
  /* height: 40px; */
  font-size: 20px !important;
}

.course-main-grid label {
  flex-wrap: nowrap;
  align-items: center;
}

.course-main-grid .col-md-4.slider-home {
  margin: 0px !important;
  padding: 0px !important;
  width: 462px !important;
  height: 555px !important;
  /* was 527 — extra room for 2-line titles (matches Figma) */
}

.course-main-grid #posts-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0px !important;
  padding: 0px !important;
  column-gap: 16px;
  row-gap: 16px;
}

.course-title {
  height: 64px;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

button.course-filter-btn {
  font-size: 24px !important;
  height: 64px;
  font-family: "Ploni" !important;
}

.course-uppart {
  padding: 80px 0;
}

.course-uppart a.btn {
  margin: 0px !important;
}

/* Course page css end */
/* Therapist page csss start */
.main-banner-section {
  padding: 80px 0;
  background: #f1f1f1;
}

.main-banner-section {
  padding: 80px 0;
  background: #f1f1f1;
}

.main-banner-section .row {
  margin: 0;
}

.main-banner-section .col-lg-9.col-md-9.col-sm-12,
.main-banner-section .col-lg-3.col-md-3.col-sm-12 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.banner-title h1 {
  font-size: 92px;
  font-weight: bold;
}

.banner-paragraph p {
  font-size: 24px;
  padding-left: 92px;
}

.main-banner-section .col-lg-3.col-md-3.col-sm-12 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
}

a.btn.banner-btn {
  border: 1px solid #cea1c8;
  border-radius: 0px;
  font-size: 24px;
  padding: 16px 32px;
  background-color: #f3e8f1;
  color: black;
  margin-bottom: 0px;
}

/* Therapist page csss end */
/* New css therapist */
#posts-container-therapists .col-md-3 {
  width: 345px !important;
  height: 334px !important;
  padding: 0px !important;
}

.therapists_main_section .d-flex {
  height: 46px !important;
}

.fam {
  height: 270px !important;
}

.therapists_main_section .blue-page-cards .fam .familysvg {
  height: 100% !important;
}

#posts-container-therapists {
  column-gap: 16px;
  flex-wrap: wrap !important;
  justify-content: center;
  row-gap: 20px;
}

.therapists_main_section .blue-card-md {
  bottom: 50px !important;
  padding: 0px 15px 0px 10px !important;
}

/* new css end */
/* therapist center new css */
.accordion_card .data ul {
  margin: 5px auto;
  width: 93% !important;
  gap: 5px !important;
}

span.accordion-icon {
  position: relative;
  top: 10px;
}

.accordion_card .contact-details-therapy-center {
  height: 237px;
}

.accordion_card .accordion-header {
  height: 105px;
}

.accordion-header span:first-child {
  display: block;
  height: 41px !important;
}

.therapists_centers_cards .posts-containerwraper .row {
  display: flex !important;
  column-gap: 20px !important;
  row-gap: 16px !important;
  justify-content: center;
  padding: 0px !important;
}

.posts-containerwraper .col-md-3 {
  width: 342px !important;
  height: 336px;
  padding: 0px !important;
}

/* .accordion-item .data {
  display: inline-block;
  padding: 0px !important;
  max-width: 100% !important;
} */
/* new css end */
.five_column_list img {
  width: 72px !important;
  height: 60px !important;
  object-fit: contain;
}

.About_fifth_section {
  padding: 100px !important;
}

.five_column_list p.lead.mb-4 {
  padding: 15px 120px !important;
}

.five_column_list h3 {
  margin-right: 0px !important;
  padding: 0px !important;
  font-family: "Ploni", sans-serif !important;
}

.five_column_list .text,
.lab-filters-top,
.lab-filters {
  font-family: "Ploni", sans-serif !important;
}

.add-new-sec h6 {
  font-size: 20px;
  font-family: "Ploni", sans-serif !important;
}

.five_column_list .column {
  gap: 15px;
}

.five_column_list .container {
  gap: 20px !important;
}

.dc-container.five_column_list {
  padding: 80px 0 !important;
}

.five_column_list .hero-bg-image {
  padding: 0px !important;
}

.About_third_section .row .col-md-6:first-child {
  width: 65% !important;
  padding-left: 12px;
}

.About_third_section .row .col-md-6:last-child {
  width: 24% !important;
}

.About_third_section .row.flex-row.h-auto {
  margin: 0px !important;
}

.About_third_section {
  padding: 100px 0px !important;
}

.About_section_three {
  padding: 80px 0px !important;
}

.About_section_one .text-black {
  font-size: 92px !important;
}

.About_section_one .col-descr p {
  line-height: 28px;
}

.therapists_centers_form p,
ul li {
  font-size: 18px;
}

.accordion-title-center h5 {
  font-size: 20px !important;
}

button {
  font-family: "Ploni", sans-serif !important;
}

.checkbox-filters .dropdown-btn,
.searchFilter input[type="text"] {
  font-family: "Ploni", sans-serif;
}

.therapists_centers_cards img.dropdown-icon,
.therapists_main_section img.dropdown-icon {
  position: relative;
  left: 10px;
}

.checkbox-filters .dropdown {
  margin-left: 15px;
}

.therapists_centers_cards input {
  margin-left: 0px !important;
}

#therapists_centers_second_section .main-filter {
  justify-content: space-around;
}

.searchFilter.col-md-5 {
  width: 39.5% !important;
}

#therapists_first_section p,
#therapists_centers_main_section p {
  font-size: 24px;
}

header#masthead {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 1000;
}

#header-fixed-padding {
  padding-top: 130px;
}

.knowledge_center_section_one label {
  width: 30%;
}

section#therapists_first_section,
section#therapists_centers_main_section,
#knowledge_center_main_section,
#about-main-section {
  padding: 80px 0px;
}

.contact_page .col-descr .section {
  padding: 130px 0 0 0 !important;
}

.accordion-content input[type="radio"] {
  display: none;
}

.accordion-content img {
  margin-left: 7px;
  filter: brightness(0);
}

img.center-ac-img {
  filter: brightness(0);
}

.accordion-content label:hover {
  background: #ecf2fd !important;
}

.knowledge_center_section_one div#taxonomy-filter-2 h3 {
  font-size: 16px;
  color: white;
  padding: 0;
}

.knowledge_center_section_one .col-md-6 {
  display: inline-block;
  width: 48% !important;
}

.treament-center {
  text-align: left;
  font-size: 16px;
  margin-left: 20px;
}

a.trigger-login-modal img {
  position: relative;
  top: 0px;
}

.headerIcons {
  overflow: visible;
}

img.thankyou-img {
  width: 20px;
  height: 20px;
  float: right;
  position: relative;
  top: 2px;
}

div#gform_confirmation_message_4 {
  width: 33%;
  margin: 0 auto;
  font-family: "Ploni";
}

body.no-scroll,
html.no-scroll {
  overflow: hidden;
  height: 800vh;
  touch-action: none;
  /* Prevents scrolling on mobile */
}

.lab_page .partners .para_border:nth-child(3) {
  border: none;
}

.lab_page .partners .para_border {
  border-right: none !important;
  border-left: 1px solid black !important;
}

.user-kw-menu li {
  padding: 5px 0;
}

.user-kw-menu {
  display: none;
  z-index: 99999;
  width: 50%;
  background: #ffffff;
  float: left;
  position: absolute;
  top: 100%;
  left: 38%;
  bottom: -80px;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.75);
}

.user-kw-menu ul li {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

body:not(.rtl) .user-kw-menu ul li {
  padding-left: 10px !important;
}

.rtl .user-kw-menu ul li {
  padding-right: 10px !important;
}

.user-kw-menu ul li:hover {
  background-color: #fff9eb;
}

.user-kw-menu a {
  color: #000;
  text-decoration: none;
  line-height: 30px;
}

.user-kw-menu ul {
  list-style: none;
  padding: 0;
}

.col-md-3.calander-course-btn {
  padding-right: 0;
  padding-left: 0;
}

.ginput_preview {
  position: relative !important;
  top: 20px !important;
}

/* Course Pages */
.searchFilter.col-md-3 {
  margin-right: 10px;
  width: 23% !important;
}

.ginput_preview_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 10px;
}

.gfield_fileupload_progress {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 74% !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progress_complete::after {
  display: none;
}

.ginput_preview {
  margin-top: 40px !important;
}

div#gfield_description_4_11 {
  margin-top: 18px !important;
  position: relative;
  top: -25px;
}

.filter-course .course-cat-filter {
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #fc8b8b #fc8b8b;
  width: 100% !important;
  position: relative;
  display: -webkit-inline-box !important;
}

.course-cat-filter::-webkit-scrollbar {
  height: 10px;
  background-color: #ffffff;
  width: 10px;
}

.course-cat-filter::-webkit-scrollbar-track {
  background-color: #0e0e0e;
  border-radius: 10px;
}

.course-cat-filter::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 13px;
  border: 2px solid #555555;
}

.main-title-new h3 {
  font-weight: 600;
}

/* Scrollbar hover effect */
/* .therapists_main_section .blue-page-cards .fam .familysvg{
    height: 270px !important;
} */
.main-author-form span {
  color: red;
  margin-right: 10px;
}

input[type="text"],
input[type="url"],
input[type="file"],
input[type="date"],
input[type="email"],
select,
textarea,
#email {
  font-size: 20px !important;
}

.labfilters .lab-filters-top .dropdown-content label:has(input[type="checkbox"]:checked),
.labfilters .lab-filters-top .dropdown-content input[type="checkbox"]:checked+label {
  background-color: #ffffff;
  color: #5388f0 !important;
}

body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/* Lab Page Css Start */
.lab_page .card.lab {
  max-width: 1200px !important;
  margin: 20px auto !important;
}

.lab_page .card-description.lab {
  line-height: 30px;
}

.lab_page .card-subtitle.lab {
  line-height: 28px;
}

.lab_page .partners.lab {
  line-height: 28px;
}

.lab_page .card-sub.lab {
  padding-bottom: 50px !important;
  padding-top: 50px !important;
}

.lab_page .card.lab::before {
  width: 600px !important;
  height: 430px !important;
}

img.lab-images {
  width: 40%;
  height: 430px;
  max-width: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 0px;
  border-radius: 0px 400px 0px 0px;
  object-fit: fill;
}

/* Lab Page Css end*/
header#masthead {
  z-index: 9999;
}

.um-field-errors-argeement {
  font-size: 14px !important;
}

/* old committee css
.main-committee.row {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 50px 50px 0px 50px !important;
  grid-column-gap: 10px !important;
}
.co-members-1 {
  grid-area: 1 / 1 / 2 / 2;
}
.co-members-2 {
  grid-area: 2 / 1 / 3 / 2;
}
.co-members-3 {
  grid-area: 1 / 2 / 3 / 3;
}
.co-members-4 {
  grid-area: 1 / 3 / 2 / 4;
}
.co-members-5 {
  grid-area: 2 / 3 / 3 / 4;
}
.co-members-6 {
  grid-area: 1 / 4 / 3 / 5;
}
.co-members-7 {
  grid-area: 1 / 5 / 2 / 6;
}
.co-members-8 {
  grid-area: 2 / 5 / 3 / 6;
}
.co-members-9 {
  grid-area: 1 / 6 / 3 / 7;
}
.co-members-10 {
  grid-area: 1 / 7 / 2 / 8;
}
.co-members-11 {
  grid-area: 2 / 7 / 3 / 8;
}
.co-members-12 {
  grid-area: 1 / 8 / 3 / 9;
}
.co-members-13 {
  grid-area: 1 / 9 / 2 / 10;
}
.co-members-14 {
  grid-area: 2 / 9 / 3 / 10;
}
.sub-committee:nth-child(3n + 3) {
  margin-top: 200px !important;
}
.sub-committee .image-container img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.sub-committee {
  width: 100% !important;
  height: 400px;
  padding: 0 !important;
  margin-top: 0px !important;
}
.sub-committee .d-flex {
  height: 200px;
}
old committee css */
/* New committee*/
.main-committee {
  display: grid !important;
  grid-template-columns: repeat(9, 1fr);
  grid-auto-rows: 190px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 50px 50px 0px 50px !important;
  grid-column-gap: 10px !important;
  margin-bottom: 200px !important;
}

.sub-committee {
  width: 100% !important;
  height: 100%;
  padding: 0 !important;
}

/*
.sub-committee:nth-child(9n + 2),
.sub-committee:nth-child(9n + 4),
.sub-committee:nth-child(9n + 6),
.sub-committee:nth-child(9n + 8) {
  margin-top: 200px;
}
*/
/* Column placements for staggered layout */
.sub-committee:nth-child(9n + 1) {
  grid-column: 1;
}

.sub-committee:nth-child(9n + 2) {
  grid-column: 3;
}

.sub-committee:nth-child(9n + 3) {
  grid-column: 5;
}

.sub-committee:nth-child(9n + 4) {
  grid-column: 7;
}

.sub-committee:nth-child(9n + 5) {
  grid-column: 9;
}

.sub-committee:nth-child(9n + 6) {
  grid-column: 2;
}

.sub-committee:nth-child(9n + 7) {
  grid-column: 4;
}

.sub-committee:nth-child(9n + 8) {
  grid-column: 6;
}

.sub-committee:nth-child(9n + 9) {
  grid-column: 8;
}

/* Row placements to minimize spacing between row 1 and 3, row 2 and 4 */
.sub-committee:nth-child(-n + 5) {
  grid-row: 1 / 3;
}

/* Row 1: Items 1-5 */
.sub-committee:nth-child(n + 6):nth-child(-n + 9) {
  grid-row: 2 / 4;
}

/* Row 2: Items 6-9 */
.sub-committee:nth-child(n + 10):nth-child(-n + 14) {
  grid-row: 3 / 5;
}

/* Row 3: Items 10-14 */
.sub-committee:nth-child(n + 15):nth-child(-n + 18) {
  grid-row: 4 / 6;
}

/* Row 4: Items 15-18 */
/* Add more rules for additional items as needed */
.sub-committee .image-container img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.sub-committee .d-flex {
  height: 200px;
}

/*New committee end */
#field_14_1 legend.gfield_label.gform-field-label {
  direction: unset !important;
}

legend.gfield_label.gform-field-label .gfield_required {
  display: block !important;
}

.page-id-2543 .slider-home {
  height: 600px;
}

.slider-type1 .swiper-pagination {
  display: none !important;
}

.swiper-button-prev {
  position: relative !important;
  float: left !important;
  right: 2.9em !important;
  bottom: 130px !important;
}

.swiper-button-next {
  position: relative !important;
  right: -2.9em !important;
  bottom: 130px !important;
}

button.course-filter-btn {
  color: white;
  border: 1px solid white;
  padding: 10px 20px;
  font-family: "Ploni";
  font-size: 16px;
  background: transparent;
  margin: -3px;
  width: 48%;
}

.filter-btn-list-main {
  border-left: 5px solid #fff;
}

button.active {
  background: #fff;
  color: #000;
}

div#calander-content {
  margin-top: 20px;
}

div#calander-content img {
  width: 100%;
}

#gform_1 .gfield_validation_message {
  position: absolute;
  top: 76%;
}

div#gform_1_validation_container {
  display: none;
}

a#therapist-btn,
#centers-btn {
  font-weight: normal !important;
  font-size: 24px;
  padding: 16px !important;
  width: 172px !important;
  line-height: 32px;
}

.main-split,
.main-linke {
  margin-left: 20px;
  margin-right: 20px;
}

.checkbox-filters .dropdown-btn {
  height: 70px !important;
  padding: 10px;
}

input#search-field-course {
  margin-right: 0px !important;
  padding-left: 0px !important;
  margin-left: 0px !important;
}

#search-field-knowledge-center {
  background-color: #ffffff !important;
  color: #5388f0 !important;
  border-bottom: 1px solid #fff !important;
  width: 100% !important;
  padding: 16px 0;
  margin-right: 10px;
  padding-right: 40px;
  background-image: url(https://child-development.org.il/wp-content/uploads/2025/03/search.svg) !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 18px;
}

.container-fluid.course-main-filter {
  margin: 20px 0;
}

.searchFilter img {
  position: relative;
  right: 30px;
}

.searchFilter.col-md-5 {
  margin-right: 5px !important;
}

.therapists_main_section .black-color a {
  line-height: 22px;
}

.therapists_main_section p.m-0.pera-font-size {
  font-size: 20px;
  line-height: 28px;
}

.therapists_main_section a.black-color {
  line-height: 28px;
  font-size: 20px;
}

#therapists_second_main_section .posts-containerwraper,
#therapists_centers_second_section .posts-containerwraper {
  padding: 0px !important;
  padding-bottom: 80px !important;
}

#posts-container-therapists,
#container-therapists-centers {
  padding-bottom: 80px !important;
  margin: 0 !important;
}

button#load-more-therapists {
  padding: 15px 96px !important;
}

#therapists_first_section .text-black,
#therapists_first_section p,
#knowledge_center_main_section p,
#knowledge_center_main_section h1 {
  margin-right: 0px !important;
}

#therapists_second_main_section .filterContiner.therapistfilter.row,
#therapists_centers_second_section .filterContiner.therapistfilter.row {
  padding: 40px 0 10px 0 !important;
  margin: 0px !important;
}

.main-filter {
  margin: 0px !important;
  padding: 0px !important;
}

.therapists_main_section .col-md-3:nth-child(4n + 1),
#container-therapists-centers .col-md-3:nth-child(4n + 1) {
  padding-right: 0 !important;
}

.therapists_main_section .col-md-3:nth-child(4n),
#container-therapists-centers .col-md-3:nth-child(4n) {
  padding-left: 0 !important;
}

div#gf_1 {
  display: none;
}

.container-fluid.newsletter-container {
  width: 90%;
  margin: 0 auto !important;
}

.gform_heading {
  width: 20% !important;
}

.footer .gform_description {
  font-size: 20px !important;
}

div#input_1_3 {
  justify-content: flex-end !important;
  margin-left: 20px;
}

.newsletter-container input#input_1_1,
#input_1_4_3 {
  color: #7c7c7c !important;
}

input#gform_submit_button_1 {
  border: 1px solid #7c7c7c !important;
  font-size: 24px !important;
}

.top-footer {
  padding: 10px 0 !important;
}

h2.gform_title {
  margin-bottom: 40px;
}

.newsletter-container form#gform_1 {
  margin-top: 50px;
}

.container-fluid.footwidth {
  width: 90%;
  margin: 0 auto;
}

.col-md-3.dark-gray-bg-color.footshow {
  padding-right: 0;
}

.col-md-3.text-end.foot1.light-gray-bg-color.pt-3.desktop {
  padding-left: 0;
}

.footer p {
  font-size: 20px !important;
}

.footer .btn {
  font-size: 20px;
}

@media (max-width: 1600px) {
  .contact-details-therapy-center ul {
    width: 100% !important;
  }

  .single_therapistpage .bgcolor-purple .postContainer {
    padding: 100px !important;
  }

  .knowledge_center_section_one .col-md-6 {
    width: 48% !important;
    /* was 62% → two filter cols = 124% and overflowed/broke; 48% fits on one line */
  }

  .page-id-762 .checkbox-filters .dropdown {
    min-width: 210px !important;
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 27% !important;
  }

  .careers_form_page .h-auto {
    padding: 80px 235px !important;
  }

  #posts-container-therapists .row {
    grid-template-columns: repeat(3, 345px) !important;
  }
}

@media (max-width: 1440px) {
  .accordion-item .data-centers {
    flex-wrap: wrap;
  }

  div#container-therapists-centers.grid-container {
    grid-template-columns: repeat(3, 342px) !important;
  }

  #posts-container-therapists .row {
    grid-template-columns: repeat(3, 345px) !important;
  }

  .knowledge_center_section_one div#posts-container {
    justify-content: center;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  }

  .page-id-762 .checkbox-filters .dropdown {
    min-width: 170px !important;
  }



  /* #taxonomy-filter label.taxonomy-label {
    width: 130px !important;
  } */

  label.taxonomy-label {
    width: 150px !important;
    font-size: 16px !important;
  }

  .filter-rows {
    flex-wrap: nowrap;
    column-gap: 0px;
    justify-content: space-around;
  }

  div#taxonomy-filter {
    column-gap: 8px;
  }

  .course-main-filter button.course-filter-btn {
    width: 140px !important;
    font-size: 16px !important;
  }

  .container-fluid.newsletter-container {
    width: 98%;
  }

  .container-fluid.footwidth {
    width: 98%;
  }

  a#therapist-btn,
  #centers-btn {
    width: 150px !important;
    font-size: 20px;
  }

  .checkbox-filters .dropdown-btn {
    font-size: 18px;
  }

  .main-split,
  .main-linke {
    margin-left: 15px;
    margin-right: 15px;
  }

  .therapists_main_section .black-color a {
    font-size: 16px;
  }

  .knowledge_center_section_one .text-black,
  .updates_page .text-black,
  .careers_page .text-black,
  .therapists_main_section .text-black,
  .therapists_centers_cards .text-black,
  .courses_page .text-black {
    font-size: 80px;
  }

  #therapists_first_section p,
  #therapists_centers_main_section p,
  #knowledge_center_main_section p {
    font-size: 20px;
  }

  /* .therapists_main_section .blue-page-cards .fam .familysvg {
        height: 220px !important;
   } */
  .therapists_main_section .text-black {
    margin-right: 85px !important;
  }

  .therapists_main_section p {
    margin-right: 90px !important;
  }

  .headerIcons {
    padding: 0 !important;
  }
}

@media (max-width: 1366px) {
  .single_therapistpage .bgcolor-purple .col-md-3.postSimilarContainer {
    padding: 10px !important;
  }

  .single_therapistpage .bgcolor-purple .postContainer {
    padding: 80px !important;
  }

  span.thera-contact-text {
    font-size: 15px;
  }

  .main-menu-container ul {
    gap: 20px;
  }

  .Homebanner .text-black {
    font-size: 75px;
  }

  .Homebanner .t-75px>div:nth-child(2) {
    font-size: 75px;
  }

  .knowledge_center_section_one .btn.option13 {
    width: 260px;
    font-size: 16px;
  }

  #taxonomy-filter label.taxonomy-label {
    width: 130px !important;
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 33% !important;
  }

  input#gform_submit_button_1 {
    font-size: 22px !important;
  }

  .footer .gform_description {
    font-size: 16px !important;
  }

  .footer h5 {
    font-size: 24px !important;
  }

  footer p.pera-font-size.white-color {
    font-size: 16px !important;
  }

  .footwidth p.white-color a {
    font-size: 16px;
  }

  .footer p {
    font-size: 16px !important;
  }

  .main-split,
  .main-linke {
    margin-left: 10px;
    margin-right: 10px;
  }

  a#therapist-btn,
  #centers-btn {
    width: 120px !important;
  }

  .btn.option14 {
    font-size: 18px;
  }

  .searchFilter.col-md-5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 1240px) {
  .single-therapist .container {
    max-width: 96% !important;
  }
}

@media (max-width: 1200px) {
  .single-therapist .container {
    max-width: 96% !important;
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 40% !important;
  }

  #taxonomy-filter label.taxonomy-label {
    width: 130px !important;
  }

  .careers_form_page .h-auto {
    padding: 80px 135px !important;
  }

  input#gform_submit_button_1 {
    font-size: 18px !important;
  }

  .footer .btn {
    font-size: 18px;
  }

  .footer h5 {
    font-size: 18px !important;
  }

  ul.list-unstyled li a {
    font-size: 18px;
  }

  .footer .social-icons i {
    font-size: 20px;
  }

  .accordion-header ul li {
    font-size: 14px;
  }

  .contact-details-therapy-center li {
    font-size: 15px;
    display: inline-block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }

  .headerIcons img {
    width: 20px;
  }

  .container-fluid.text-center.topheader {
    width: 95%;
    margin: 0 auto;
    flex-wrap: nowrap;
  }

  #therapists_first_section p,
  #therapists_centers_main_section p,
  #knowledge_center_main_section p {
    font-size: 16px;
  }

  .headerIcons {
    overflow: visible;
    padding: 0 !important;
  }

  /* #posts-container-therapists .col-md-3{
        width: 25% !important;
   } */
  .caregiver-posts.row {
    padding: 0px 0px;
  }

  .therapists_main_section .posts-containerwraper {
    padding: 25px 0px !important;
  }

  .therapists_main_section .filterContiner.row {
    padding: 48px 6.5% 0px !important;
  }

  .btn.option14 {
    font-size: 22px;
    padding: 15px 40px;
  }

  .knowledge_center_section_one .text-black,
  .updates_page .text-black,
  .careers_page .text-black,
  .therapists_main_section .text-black,
  .therapists_centers_cards .text-black,
  .courses_page .text-black {
    font-size: 60px;
  }

  .single_therapistpage .accordion-header ul {
    right: 74px;
  }

  .contact-details-therapy-center h5 {
    font-size: 16px;
  }

  .custom-li {
    padding-right: 8px;
    font-size: 16px !important;
  }

  .data-centers li a {
    font-size: 16px !important;
  }

  .data-centers ul {
    align-items: center;
  }

  .single_therapistpage .data ul,
  .data-centers ul {
    gap: 10px;
  }

  ul#menu-main-website-mneu {
    gap: 17px !important;
    margin-right: 15px !important;
  }

  .header-desktop .col-md-7,
  .header-desktop .col-md-2 {
    padding: 0px !important;
  }

  img.custom-logo {
    width: 80%;
    object-fit: contain;
  }
}

@media (max-width: 1140px) {
  .therapy_container li {
    font-size: 16px;
  }

  .single_therapistpage .accordion-content-center p {
    font-size: 16px;
  }

  h3.similar-post-title {
    font-size: 22px !important;
  }

  .location-list li {
    font-size: 16px !important;
  }

  .contact-details-therapy-center .mobile-repo {
    width: 100% !important;
  }

  .post-content-thera-center p {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .therapist-details-box {
    row-gap: 0px;
    padding: 40px 20px !important;
  }

  .single_therapistpage .displayBlock>section {
    width: 100% !important;
  }

  .postSimilar {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .single_therapistpage .bgcolor-purple .postContainer {
    padding: 60px !important;
  }

  #posts-container-therapists .row {
    grid-template-columns: repeat(2, 345px) !important;
  }

  .careers_form_page .h-auto {
    padding: 80px 100px !important;
  }

  .knowledge_center_section_one div#posts-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    /* keep 3-per-row down to tablet */
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 38% !important;
  }

  .knowledge_center_section_one .btn.option13 {
    width: 280px;
    font-size: 20px;
  }

  .page-id-762 .checkbox-filters .dropdown {
    min-width: 150px !important;
  }

  .course-main-filter button.course-filter-btn {
    width: 100px !important;
  }

  label.taxonomy-label {
    width: 90px !important;
  }

  .data ul li a img,
  .data-centers ul li a img {
    margin: 0px !important;
  }

  .single_therapistpage .accordion-header ul {
    right: 0px;
    padding: 0;
  }

  .therapists_main_section .text-black {
    margin-right: 0px !important;
  }

  .therapists_main_section p {
    margin-right: 0px !important;
  }

  ul.headeroptions {
    gap: 9px;
  }

  .header-desktop .col-md-7 {
    padding: 0;
  }

  .header-desktop .container.text-center.topheader {
    max-width: 97%;
  }

  .main-menu-container ul {
    gap: 14px;
  }

  .header-desktop .col-md-2 {
    padding: 0;
  }

  .footwidth p.white-color a {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  #posts-container-therapists .row {
    grid-template-columns: repeat(2, 345px) !important;
  }

  .careers_form_page .h-auto {
    padding: 40px 50px !important;
  }

  .page-id-762 .checkbox-filters .dropdown {
    min-width: 150px !important;
  }

  .page-id-762 .checkbox-filters {
    gap: 6px;
    width: 65%;
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 37% !important;
  }

  .course-uppart .d-grid.gap-2.d-sm-flex.justify-content-sm-center.mb-5 {
    margin-bottom: 0px !important;
    margin-top: -60px !important;
  }

  label.taxonomy-label {
    width: 30% !important;
  }

  .course-uppart p {
    font-size: 18px !important;
  }

  .btn.option11 {
    font-size: 18px !important;
    padding: 15px 30px !important;
  }

  .filter-rows {
    row-gap: 20px;
    flex-direction: column;
  }

  .course-search-filter {
    width: 100%;
  }

  .course-tab-button {
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
  }

  .course-main-filter button.course-filter-btn {
    width: 50% !important;
  }

  .course-main-filter .main-split {
    display: none;
  }

  div#taxonomy-filter {
    width: 100%;
  }

  .footer h5 {
    font-size: 20px !important;
  }

  .footer .btn {
    font-size: 16px;
    padding: 15px 30px;
  }

  ul.list-unstyled li a {
    font-size: 16px;
  }

  input#gform_submit_button_1 {
    padding: 19px 30px;
    font-size: 16px !important;
  }

  .newsletter-container label#label_1_3_1,
  .newsletter-container label#label_1_3_2 {
    font-size: 16px !important;
  }

  .checkbox-filters .dropdown-btn {
    font-size: 16px;
  }

  a#therapist-btn,
  #centers-btn {
    width: 120px !important;
    font-size: 16px;
    line-height: 20px;
  }

  .main-split,
  .main-linke {
    height: 50px !important;
  }

  .knowledge_center_section_one .text-black,
  .updates_page .text-black,
  .careers_page .text-black,
  .therapists_main_section .text-black,
  .therapists_centers_cards .text-black,
  .courses_page .text-black {
    font-size: 58px;
  }

  .btn.option14 {
    font-size: 20px;
    padding: 15px 25px;
  }

  .swiper-button-prev {
    right: 1.9em !important;
  }

  .swiper-button-next {
    right: -1.9em !important;
  }

  li.usercurrent a {
    font-size: 16px;
  }

  .main-menu-container ul li a {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  div#container-therapists-centers.grid-container {
    grid-template-columns: repeat(2, 342px) !important;
  }

  div#container-therapists-centers.grid-container {
    display: grid !important;
  }

  #posts-container-therapists .row {
    grid-template-columns: repeat(2, 345px) !important;
  }

  .careers_form_page .h-auto {
    padding: 40px 50px !important;
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 48% !important;
  }

  .knowledge_center_section_one div#posts-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    /* tablet (768–1024): 2 per row (was 1) */
  }

  .knowledge_center_section_one .checkbox-filters .dropdown-btn {
    height: 64px !important;
    padding: 0px 8px;
    font-size: 16px;
  }

  .page-id-762 .checkbox-filters .dropdown {
    min-width: 10% !important;
  }

  #taxonomy-filter label.taxonomy-label {
    width: 33% !important;
  }

  .knowledge_center_section_one .col-md-6 {
    width: 50% !important;
  }

  header#masthead {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  img.custom-logo {
    width: 100%;
  }

  a.trigger-login-modal img {
    top: 0px;
  }

  .border-line {
    margin: 0 0 0 3px;
  }

  .headerIcons img {
    width: 15px;
  }

  ul#menu-main-website-mneu {
    gap: 10px !important;
    margin-right: 5px !important;
  }

  .therapists_centers_form p,
  ul li {
    font-size: 16px;
  }

  .main-menu-container ul li a {
    font-size: 16px !important;
  }

  img.custom-logo {
    width: 90%;
  }

  #header-fixed-padding {
    padding-top: 90px;
  }

  #therapists_first_section p,
  #therapists_centers_main_section p,
  #knowledge_center_main_section p {
    font-size: 16px;
    width: 80%;
  }

  .btn.option14 {
    padding: 15px 10px;
    font-size: 16px;
  }

  .checkbox-filters .dropdown {
    margin-left: 0px !important;
  }

  .therapists_centers_cards img.dropdown-icon,
  .therapists_main_section img.dropdown-icon {
    position: relative;
    left: 0px;
  }

  .main-split,
  .main-linke {
    margin-left: 5px;
    margin-right: 5px;
  }

  a#therapist-btn,
  #centers-btn {
    width: 100px !important;
  }

  .checkbox-filters .dropdown-btn,
  .searchFilter input[type="text"] {
    font-size: 15px;
  }

  .therapists_centers_cards .posts-containerwraper .row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }

  #container-therapists-centers .col-md-3:nth-child(odd) {
    padding-right: 0px !important;
  }

  #container-therapists-centers .col-md-3:nth-child(even) {
    padding-left: 0px !important;
  }

  .gform_heading {
    width: 72% !important;
  }

  .col-md-3.dark-gray-bg-color.foothide {
    width: 100%;
  }

  .new {
    width: 74% !important;
  }

  .container-fluid.footwidth {
    width: 100%;
  }

  /* #posts-container-therapists .col-md-3 {
        width: 50% !important;
    } */
  #posts-container-therapists .col-md-3,
  #container-therapists-centers .col-md-3 {
    margin: 0px !important;
    padding: 0px !important;
  }
}

@media (max-width: 768px) {
  #modal-content {
    height: 80vh;
    overflow: scroll;
  }

  .text-end {
    padding: 0px !important;
  }

  .single-therapist .container {
    max-width: 100% !important;
  }

  .single_therapistpage .bgcolor-purple .postContainer {
    padding: 3% !important;
  }

  .contact-details-therapy-center img.familysvg-mobile {
    height: 25px;
  }

  .contact-details-therapy-center li {
    width: 100%;
    text-align: left;
  }

  .therapist-details-box ul li {
    font-size: 18px !important;
  }

  .therapist-details-box img {
    width: 20px !important;
  }

  .page-id-561 .About_section_three img#popup-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }

  .mo-openid-app-icons {
    row-gap: 20px;
  }

  a.mo_btn.mo_btn-mo.mo_btn-block-inline.mo_btn-social.mo_btn-facebook.mo_btn-custom-dec.login-button.mo_btn_noeffect {
    min-width: 100% !important;
  }

  a.mo_btn.mo_btn-mo.mo_btn-block-inline.mo_btn-social.mo_btn-google.mo_btn-custom-dec.login-button.mo_btn_noeffect {
    min-width: 100% !important;
  }

  .mo_btn-facebook i.fab.fa-facebook {
    left: 33% !important;
  }

  .mo_btn-google img.fa {
    left: 34% !important;
  }

  #container-therapists-centers .column {
    width: 342px !important;
    min-width: 342px !important;
    margin: 0px auto;
    margin-top: 15px !important;
  }

  div#container-therapists-centers.grid-container {
    width: 463px !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .btn.option7,
  .btn.option8,
  .btn.option9,
  .btn.option12,
  .btn.option4 {
    width: 100% !important;
    font-size: 20px !important;
  }

  .BannerwithSlider .splide__slide p {
    font-size: 20px !important;
  }

  .BannerwithSlider .splide__slide h3 {
    font-family: "Ploni";
    font-size: 20px;
    width: 100% !important;
    margin: 0px !important;
  }

  .BannerwithSlider img.alignnone.size-full.wp-image-684 {
    top: 122% !important;
  }

  .BannerwithSlider .col-md-6.left-col {
    padding: 80px 24px !important;
  }

  span.baneer-strip-text {
    font-size: 18px;
    position: relative;
    right: 5%;
    display: block;
    width: 75%;
  }

  .BannerStrip .container.text-center.content-optimized.alignCenter {
    height: 120px;
    display: flex;
    align-content: center;
    align-items: center;
  }

  .Homebanner .bgtext {
    padding-bottom: 310px !important;
  }

  .Homebanner .row.tbpadding .btn.option5 {
    font-size: 20px !important;
    width: 163px;
    background: #fff !important;
  }

  .Homebanner .row.tbpadding .btn.option4 {
    font-size: 20px !important;
    padding: 10px 40px;
    width: 163px !important;
    font-family: "Ploni" !important;
  }

  .Homebanner .text-black {
    font-size: 32px;
    line-height: 50px;
  }

  .Homebanner .t-75px>div:nth-child(2) {
    font-size: 32px;
  }

  a.error-btn-text {
    border: 1px solid #000;
    top: 150px;
  }

  .dc-404-main {
    width: 500px;
    height: 600px;
  }

  .error-title {
    font-size: 160px;
    font-weight: bold;
    font-family: "Anomalia";
    line-height: 200px;
  }

  .error-text {
    font-size: 19px;
    width: 87%;
    text-align: center;
  }

  .tax-laboratory-types #taxonomy-filter {
    width: 100% !important;
    padding-right: 0% !important;
    padding-left: 0% !important;
  }

  .lab-tools .hero-title {
    font-size: 36px !important;
  }

  :is(.lab-tools-second, .laboratory-results) .filter-animation .col-3.d-flex.align-items-center.toggle-filter {
    padding: 10px !important;
    padding-top: 11px !important;
  }

  .lab-main .posts-containerwraper:is(.lab-tools-second, .laboratory-results) .posts-containerwraper {
    margin-top: 20px !important;
  }

  :is(.lab-tools-second, .laboratory-results) .card .featured-image .img-fluid {
    height: 370px !important;
  }

  :is(.lab-tools-second, .laboratory-results) .card {
    width: 100% !important;
  }

  .checkbox-filters .dropdown.open .dropdown-content {
    max-height: 150px !important;
  }

  .knowledge_center_section_one label {
    height: 40px;
  }

  .page-id-762 #taxonomy-filter {
    padding-right: 0px !important;
  }

  .searchFilter img.search-icon {
    display: none;
  }

  .knowledge_center_section_one label {
    width: 100% !important;
  }

  .page-id-762 #taxonomy-filter-2>label {
    height: 54px;
  }

  .knowledge_center_section_one .searchFilter input {
    padding: 8px 45px;
  }

  .page-id-762 .checkbox-filters .dropdown {
    min-width: 100% !important;
  }

  .page-id-762 .searchFilter.col-md-5 {
    width: 100% !important;
  }

  .main-filter {
    flex-direction: column-reverse;
  }

  .mobile-changes.active input#search-field {
    display: none;
  }

  .knowledge_center_section_one div#taxonomy-filter-2 h3 {
    color: #000;
  }

  .page-id-762 #taxonomy-filter-2 {
    width: 100% !important;
  }

  .knowledge_center_section_one .col-md-6 {
    width: 100% !important;
    padding-right: 0px !important;
  }

  .knowledge_center_section_one div#posts-container {
    grid-template-columns: repeat(1, 463px) !important;
  }

  div#taxonomy-filter {
    order: 3;
  }

  .course-main-filter button.course-filter-btn {
    font-size: 18px !important;
  }

  .taxonomy-label span {
    font-size: 18px !important;
  }

  #posts-container-therapists {
    flex-direction: row !important;
    /* justify-content: space-between !important; */
  }

  .therapists_centers_cards .posts-containerwraper .row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
  }

  .filter-animation .col-3.d-flex.align-items-center.toggle-filter {
    padding: 10px !important;
    padding-top: 3.7% !important;
  }

  .filterContiner.therapistfilter.row.active .text-center.main-text-top {
    margin-top: 0px !important;
  }

  .filterContiner.therapistfilter.row.active {
    padding-top: 0px !important;
    top: 100px;
  }

  .col-md-3.text-end.foot1.light-gray-bg-color.pt-3.mobile {
    width: 100%;
  }

  .col-md-3.dark-gray-bg-color.foothide {
    width: 100%;
    padding: 0px !important;
  }

  .container-fluid.newsletter-container {
    width: 90%;
  }

  .gform_heading {
    width: 100% !important;
  }

  .gform_description br {
    display: none;
  }

  .gform-theme--foundation .gfield--width-quarter {
    grid-column: span 12 !important;
  }

  .therapists_main_section .col-md-3:nth-child(4n + 1),
  #container-therapists-centers .col-md-3:nth-child(4n + 1) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #posts-container-therapists .col-md-3,
  #container-therapists-centers .col-md-3 {
    margin: 0px !important;
    padding: 0px !important;
  }

  .filter-animation .col-9.anim-change {
    padding: 0 0px 0 0 !important;
  }

  .searchFilter.col-md-4 {
    width: 95%;
    right: 3%;
  }

  .therapists_main_section .d-grid.gap-2.d-sm-flex.justify-content-sm-center.mb-5 {
    justify-content: center !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .therapists_main_section p {
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  section#therapists_first_section,
  #knowledge_center_main_section {
    padding: 40px 0px;
  }

  .filter-animation .col-3.d-flex.align-items-center.toggle-filter {
    width: 22% !important;
  }

  .filter-animation {
    max-width: 100% !important;
  }

  .filter-animation .col-9.anim-change {
    padding: 0 60px 0 0;
  }

  .therapists_main_section .d-grid.gap-2.d-sm-flex.justify-content-sm-center.mb-5 {
    position: relative;
    right: 0;
  }

  .header-desktop .col-md-7,
  .header-desktop .col-md-2 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .footwidth p.white-color a {
    font-size: 18px;
  }

  #header-fixed-padding {
    padding-top: 90px;
  }

  .container-fluid.text-center.topheader {
    padding: 0px 30px;
  }

  /* #posts-container-therapists .col-md-3 {
        width: 48% !important;
    } */
  a#therapist-btn,
  #centers-btn {
    width: 50% !important;
  }

  .knowledge_center_section_one label {
    width: 44%;
  }

  #taxonomy-filter-2 .taxonomy-label {
    width: 30% !important;
  }

  div#taxonomy-filter-2 {
    width: 97% !important;
  }

  input#input_18_3_other {
    width: 70%;
  }

  .searchFilter.col-md-3 {
    margin-right: 0px;
    width: 100% !important;
  }

  .page-id-762 img.taxonomy-icon {
    filter: brightness(10) invert(1) !important;
  }

  .um-field-checkbox-option {
    line-height: 25px !important;
    font-size: 15px !important;
  }

  .filter-course .filter-btn-list-main {
    border: none;
  }

  .filter-course .col-md-3 {
    order: 1;
  }

  .filter-course .searchFilter.col-md-3 {
    order: 0;
  }

  .col-md-3.calander-course-btn {
    padding: 0px !important;
    padding-top: 50px !important;
  }

  button.course-filter-btn {
    width: 50%;
  }

  .filter-course .searchFilter.col-md-3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .filter-course img.taxonomy-icon {
    filter: brightness(0) invert(1) !important;
  }

  .filter-course #taxonomy-filter {
    width: 110% !important;
    max-width: 110%;
    transform: translateX(8px);
  }

  .filter-course label.taxonomy-label {
    width: 35% !important;
    max-width: 70%;
  }

  label.taxonomy-label.checked img.taxonomy-icon {
    filter: brightness(11) invert(0) !important;
  }

  .taxonomy-label.checked span {
    color: #fff !important;
  }

  .filterContiner.row.filter-course {
    position: relative !important;
    background: none !important;
    transform: translateY(0%) !important;
    height: auto !important;
    box-shadow: none !important;
  }

  .labfilters .lab-filters-top .dropdown-content label:has(input[type="checkbox"]:checked),
  .labfilters .lab-filters-top .dropdown-content input[type="checkbox"]:checked+label {
    background-color: #000000;
    color: #ffffff !important;
  }

  .course-info-grid .value {
    font-size: 18px !important;
    width: 50%;
  }

  .course-future {
    margin-right: 7%;
  }

  .course-info-grid .label {
    font-size: 18px !important;
  }

  .course-future {
    border: none;
    padding: 0px !important;
    justify-content: flex-start;
  }

  .course-future .label {
    width: 40%;
    text-align: right;
  }

  .single-course-btn {
    border-top: 1px solid #fc8b8b;
  }

  .course-start-date.course-future {
    margin-bottom: 16px;
  }

  .course-info-grid {
    grid-template-columns: none;
  }

  img.lab-images {
    width: 100%;
    height: 280px;
    border-radius: 0px 400px 0px 0px;
    position: relative;
  }

  .card-lab-img {
    order: 1;
  }

  #taxonomy-filter label.taxonomy-label {
    width: 30% !important;
    min-width: 30% !important;
    height: 54px;
    padding: 6px 15px !important;
  }

  .filterContiner.row.mobile-changes.active label.taxonomy-label {
    font-size: 16px !important;
    color: #000 !important;
  }

  .knowledge_center_section_one .col-md-6 {
    margin-right: 10px !important;
  }

  .filterContiner.row.mobile-changes.active label.taxonomy-label.checked img.taxonomy-icon {
    filter: brightness(10.5) !important;
  }

  label.taxonomy-label.checked {
    background: #000;
  }

  .filterContiner.row.mobile-changes.active label.taxonomy-label.checked {
    color: #ffffff !important;
  }

  .site_logo {
    max-width: 180px !important;
  }

  .BannerwithSlider .splide__slide a {
    line-height: 60px !important;
    max-width: 90% !important;
    padding: 0px 50px !important;
    height: 60px;
    margin-bottom: 0px !important;
    padding-bottom: 15px !important;
  }

  .swiper-button-next,
  .swiper-button-prev {
    transform: translateY(0%) !important;
  }

  .gfield_error .gfield_validation_message {
    position: relative;
    top: 70%;
  }

  /* About us page */
  .main-committee.row {
    grid-template-columns: repeat(3, 1fr);
    /* 3 columns */
    grid-template-rows: repeat(5, auto);
    /* 5 rows */
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    padding: 20px !important;
  }

  .co-members-1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .co-members-2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .co-members-3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  .co-members-4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .co-members-5 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .co-members-6 {
    grid-area: 2 / 3 / 3 / 4;
  }

  .co-members-7 {
    grid-area: 3 / 1 / 4 / 2;
  }

  .co-members-8 {
    grid-area: 3 / 2 / 4 / 3;
  }

  .co-members-9 {
    grid-area: 3 / 3 / 4 / 4;
  }

  .co-members-10 {
    grid-area: 4 / 1 / 5 / 2;
  }

  .co-members-11 {
    grid-area: 4 / 2 / 5 / 3;
  }

  .co-members-12 {
    grid-area: 4 / 3 / 5 / 4;
  }

  .co-members-13 {
    grid-area: 5 / 1 / 6 / 2;
  }

  .co-members-14 {
    grid-area: 5 / 2 / 6 / 3;
  }

  .caregiver-post:nth-child(1) .purple-card-start,
  .caregiver-post:nth-child(3) .purple-card-start,
  .caregiver-post:nth-child(4) .purple-card-start,
  .caregiver-post:nth-child(6) .purple-card-start,
  .caregiver-post:nth-child(7) .purple-card-start,
  .caregiver-post:nth-child(9) .purple-card-start,
  .caregiver-post:nth-child(10) .purple-card-start,
  .caregiver-post:nth-child(12) .purple-card-start,
  .caregiver-post:nth-child(13) .purple-card-start,
  .caregiver-post:nth-child(15) .purple-card-start,
  .caregiver-post:nth-child(16) .purple-card-start {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .sub-committee:nth-child(n) {
    grid-column: auto !important;
  }

  .sub-committee:nth-child(-n + 5),
  .sub-committee:nth-child(n + 6):nth-child(-n + 9),
  .sub-committee:nth-child(n + 10):nth-child(-n + 14),
  .sub-committee:nth-child(n + 15):nth-child(-n + 18) {
    grid-row: auto;
    /* or initial/unset depending on layout needs */
  }

  /* .sub-committee:nth-child(3n + 3) { */
  .sub-committee {
    margin-top: 0px !important;
  }

  .About_section_three p.m-0.pera-font-size {
    padding: 0px 10px 10px 10px !important;
    text-align: center !important;
  }

  /* 10-02-2025 Css*/
  .py-24 {
    padding-bottom: 80px !important;
  }

  #sectionID h1 {
    margin-top: 130px;
  }

  #banner-text-align h4 {
    text-align: right;
  }

  .site-footer h3.widget-title {
    direction: unset !important;
  }

  table.footerTimeline tr td,
  table.footerTimeline th {
    padding-top: 18px;
  }

  table.footerTimeline tr td {
    text-align: left;
  }

  #custom_html-3 p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }

  .pageHeader {
    margin-top: 40px !important;
  }

  ul.tab-titles {
    padding-left: 0 !important;
  }

  li.ctableDate {
    margin-top: 20px;
  }

  .hall_name {
    text-align: right;
  }

  ul.accordionDetails {
    padding: 20px 10px !important;
  }

  .boxCfdetails li.ctablespeaker {
    width: 100% !important;
    text-align: right;
  }

  .ctablespeaker {
    padding-left: 0;
  }

  ul.accordion-title.bgcolor-blue li {
    margin: 0 !important;
    margin-left: 10px !important;
  }

  .registration_form .tabs div {
    margin: 0px 50px !important;
  }

  .registration_form .col-3.type p {
    -webkit-line-clamp: none !important;
  }

  .registration_form .col-3.type {
    width: 40% !important;
  }

  .row.title .col {
    padding: 10px !important;
    margin: 0px 5px 0px 0px !important;
  }

  .registration_form .title h2 {
    font-size: 16px !important;
  }

  .post-type-tabs ul {
    flex-wrap: wrap !important;
  }

  .course-card {
    overflow-y: hidden;
    overflow-x: hidden;
  }

  .single-course-btn {
    background: #fff0f0 !important;
  }

  .five_column_list .column {
    margin-top: 0 !important;
  }

  li.hallname-main {
    width: 100%;
    padding-right: 10px;
    position: relative !important;
    left: 0 !important;
  }

  div#um-error-for-user_password-1853 {
    font-size: 13px !important;
  }

  div#gform_confirmation_message_4 {
    width: 60%;
  }
}

@media (max-width: 600px) {
  #modal-content {
    height: 80vh;
    overflow: scroll;
  }

  .login_page p.content-description {
    font-size: 18px !important;
    padding: 0px 20px !important;
    line-height: 28px !important;
  }

  .col-sm-6.left {
    width: 67% !important;
  }

  .um-col-alt .row .col-sm-6.right {
    width: 32% !important;
  }

  .single_therapistpage .bgcolor-purple {
    padding: 0 10px;
  }

  a.error-btn-text {
    border: 1px solid #000;
    top: 150px;
  }

  .dc-404-main {
    width: 500px;
    height: 600px;
  }

  .error-title {
    font-size: 160px;
    font-weight: bold;
    font-family: "Anomalia";
    line-height: 200px;
  }

  .error-text {
    font-size: 19px;
    width: 87%;
    text-align: center;
  }

  #posts-container-therapists .row {
    grid-template-columns: repeat(1, 345px) !important;
  }

  .labfilters.active .lab-filters .checkbox-filters .dropdown {
    width: 84%;
  }

  .labfilters.active .left-btn,
  .labfilters.active .right-btn {
    width: 40% !important;
  }

  #taxonomy-filter-2 .taxonomy-label {
    width: 45% !important;
  }

  div#taxonomy-filter {
    width: 122% !important;
    padding-right: 5% !important;
    padding-left: 5% !important;
  }

  .page-id-762 div#taxonomy-filter {
    width: 122% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .therapists_centers_cards .posts-containerwraper .row {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 10px;
  }

  .filter-animation .col-3.d-flex.align-items-center.toggle-filter {
    width: 26% !important;
  }

  .col-md-2.foot1.light-gray-bg-color.pt-3 {
    padding: 0px !important;
  }

  .therapists_main_section .d-grid.gap-2.d-sm-flex.justify-content-sm-center.mb-5 {
    position: relative;
    right: 0;
  }

  #header-fixed-padding {
    padding-top: 90px;
  }

  div#posts-container-therapists {
    padding-bottom: 40px;
  }

  .btn.option7,
  .btn.option8,
  .btn.option9,
  .btn.option12,
  .btn.option4 {
    width: 100% !important;
  }

  .filter-animation {
    padding: 0 24px;
  }

  .filter-animation .col-9.anim-change {
    width: 70%;
  }

  #therapists_first_section p,
  #therapists_centers_main_section p,
  #knowledge_center_main_section p {
    font-size: 20px;
  }

  .knowledge_center_section_one .text-black,
  .updates_page .text-black,
  .careers_page .text-black,
  .therapists_main_section .text-black,
  .therapists_centers_cards .text-black,
  .courses_page .text-black {
    font-size: 40px;
  }

  /* #posts-container-therapists .col-md-3 {
        width: 100% !important;
    } */
  section#therapists_first_section,
  #knowledge_center_main_section {
    padding: 40px;
  }

  div#gform_confirmation_message_4 {
    width: 60%;
    font-size: 16px !important;
    margin-top: 10px !important;
  }

  .swiper-button-prev {
    right: 25px !important;
  }

  .swiper-button-next {
    right: -25px !important;
  }
}

@media (max-width: 500px) {
  div#container-therapists-centers.grid-container {
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
  }

  a.error-btn-text {
    border: 1px solid #000;
    top: 150px;
  }

  .dc-404-main {
    width: 100%;
    height: 400px;
  }

  .error-title {
    font-size: 160px;
    font-weight: bold;
    font-family: "Anomalia";
    line-height: 180px;
  }

  .error-text {
    font-size: 19px;
    width: 87%;
    text-align: center;
  }

  #posts-container-therapists .row {
    grid-template-columns: repeat(1, 98%) !important;
  }

  .knowledge_center_section_one div#posts-container {
    grid-template-columns: repeat(1, 100%) !important;
  }
}

@media (max-width: 320px) {
  a.error-btn-text {
    border: 1px solid #000;
    top: 60px;
  }

  .dc-404-main {
    width: 100%;
    height: 400px;
  }

  .error-title {
    font-size: 99px;
    font-weight: bold;
    font-family: "Anomalia";
    line-height: 70px;
  }

  #posts-container-therapists .col-md-3 {
    width: 100% !important;
  }

  div#gform_confirmation_message_4 {
    width: 100%;
    font-size: 12px !important;
    margin-top: 10px !important;
  }
}

/* ============================================================
   FOOTER — fill the menu-group width (fixes the empty gap) WITHOUT touching direction,
   so the footer still flips RTL (Hebrew) / LTR (English) on its own.
   ============================================================ */
@media (min-width: 992px) {
  .bottom-footer .row.Mainwidth>.new {
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    /* space between the menu columns */
  }

  .bottom-footer .row.Mainwidth>.new>.col-md-2 {
    flex: 1;
    /* equal columns sharing the width + gap */
    width: auto;
    min-width: 0;
    /* allow columns to shrink instead of overflowing */
  }
}

/* Long English headings ("PROFESSIONALS") overflow the narrow columns — shrink them a touch.
   Hebrew words are shorter, so scope this to English (LTR) only. */
body:not(.rtl) .footer .foot1 h5.fs-5 {
  font-size: 1.35rem !important;
  overflow-wrap: break-word;
}

/* Footer menu columns follow the language: English=left, Hebrew=right.
   Column 1 has a hardcoded Bootstrap .text-end (always right) — this overrides it in LTR. */
body:not(.rtl) .footer .foot1 h5,
body:not(.rtl) .footer .foot1 ul.list-unstyled {
  text-align: left !important;
}

body.rtl .footer .foot1 h5,
body.rtl .footer .foot1 ul.list-unstyled {
  text-align: right !important;
}

/* ============================================================
   BANNER STRIP (solidarity strip after banner) — force dark in ALL languages.
   English sets the inner container to .bgcolor-gray (#343434, correct/design),
   but Hebrew/other translations set .bgcolor-blue (#5388F0). Force the dark
   design everywhere so the strip is consistent across languages (matches Figma).
   Reversible: delete this block to revert.
   ============================================================ */
.BannerStrip .container.bgcolor-blue {
  background-color: #343434 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

/* ===================== END BANNER STRIP FIX ===================== */

/* ============================================================
   KNOWLEDGE/SOURCES SECTION (.Blue_section_three_col) — single top-left curve.
   The theme drew the curve via JS into TWO .animated_line divs (curve on both
   sides). Replace with one clean white arc in the top-left corner (matches Figma).
   Tune top/left/width to position the arc. Reversible: delete this block.
   ============================================================ */
.Blue_section_three_col {
  position: relative;
}


/* Section Bg Image (the curve set in ACF) — show ONCE in the top-left, no tiling, no stretch */
.Blue_section_three_col {
  background-repeat: no-repeat !important;
  background-position: 0 -15% !important;
  background-size: 480px auto !important;
  /* tune width to match Figma */
}

/* ===================== COURSE CARDS: 3-per-row responsive grid =====================
   Course cards were fixed at width:462px, so 3 (462×3 + 2×16px gap = ~1418px) only fit above
   ~1440px and laptops showed 2 per row — same bug as the Knowledge Center cards. Make the width
   flexible (accounting for the 16px flex column-gap) so 3 always fit ≥1024px, 2 on tablet, 1 on
   mobile. Cards keep their fixed height (uniform). */
@media (min-width: 1024px) {
  .course-main-grid .col-md-4.slider-home {
    width: calc((100% - 32px) / 3) !important;
    /* 3 cards + 2×16px gap */
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .course-main-grid .col-md-4.slider-home {
    width: calc((100% - 16px) / 2) !important;
    /* tablet: 2 per row */
  }
}

@media (max-width: 767.98px) {
  .course-main-grid .col-md-4.slider-home {
    width: 100% !important;
    /* mobile: 1 per row */
  }
}

/* ===================== END COURSE CARDS ===================== */

/* ===================== THERAPIST CENTERS: 4-per-row responsive grid =====================
   Cards used fixed 342px columns → 4 (4×342 + 3×24px gap ≈ 1440px) only fit above ~1600px, so
   laptops showed 3. Flexible columns so 4 fit ≥1200px, 3 on smaller laptops, 2 tablet, 1 mobile
   — same approach as the Knowledge Center / course card grids. */
@media (min-width: 1200px) {
  div#container-therapists-centers.grid-container {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  div#container-therapists-centers.grid-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  div#container-therapists-centers.grid-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  div#container-therapists-centers.grid-container {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

/* Therapist-center card content: at the narrower 4-per-row width, long emails/URLs overflowed
   the card (bleeding into neighbors) and 2–3 line titles pushed content past the fixed section
   height into the info row. Truncate contact lines, clamp the title, and let the top section
   grow instead of overflowing. */
#container-therapists-centers .data ul li a {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  overflow: hidden;
}

#container-therapists-centers .data ul li a span {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#container-therapists-centers .accordion-title-center h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Logo image — SCOPED to therapist centers only (the .accordion-title-center class is also used
   on the Career page, so this must NOT be global). Uniform logo size across all cards. */
#container-therapists-centers .accordion-title-center img {
  width: 50% !important;
  height: 60px !important;
  object-fit: contain !important;
  max-width: none !important;
  /* overrides the DB custom-css-js snippet (.page-id-964 .familysvg max 132×29px) */
  max-height: none !important;
}

/* All cards equal height: fixed section height (content is now bounded — 2-line title, truncated
   contacts, fixed-size logo — so it fits without the earlier overflow/overlap). */
#container-therapists-centers .accordion_card .contact-details-therapy-center {
  height: 245px !important;
  overflow: hidden;
}

/* ===================== END THERAPIST CENTERS ===================== */

/* ===================== THERAPIST-CENTERS filter dropdowns (search + counts, per Figma) ===================== */
.therapist-center-filter .checkbox-filters .dropdown-content {
  border: 1px solid #CEA1C8;
  border-radius: 6px;
  padding: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
  overflow: hidden;
}

.therapist-center-filter .checkbox-filters .dropdown.open .dropdown-content {
  padding: 0 !important;
}

/* search box at the top */
.therapist-center-filter .dropdown-search-wrap {
  position: relative;
  padding: 12px 12px 10px;
  border-bottom: 1px dotted #CEA1C8;
  direction: rtl;
}

.therapist-center-filter .dropdown-search {
  width: 100%;
  border: none;
  border-bottom: 1px solid #CEA1C8;
  background: transparent;
  padding: 6px 4px 6px 34px;
  /* extra left padding so the placeholder clears the icon */
  font-size: 15px;
  color: #333 !important;
  outline: none;
  text-align: right;
  box-sizing: border-box;
}

.therapist-center-filter .dropdown-search::placeholder {
  color: #9b7d97;
}

.therapist-center-filter .dropdown-search-icon {
  position: absolute;
  left: 16px;
  top: 17px;
  width: 16px;
  height: 16px;
  pointer-events: none;
}

/* scrollable options list */
.therapist-center-filter .dropdown-options {
  max-height: 240px;
  overflow-y: auto;
  padding: 4px 0;
  direction: rtl;
}

.therapist-center-filter .checkbox-filters .dropdown-content label {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 12px !important;
  font-size: 16px;
  color: #333;
  text-align: right;
}

.therapist-center-filter .dropdown-content .opt-count {
  color: #9a9a9a;
}

.therapist-center-filter .dropdown-content label input[type="checkbox"] {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin: 0 !important;
}

/* purple scrollbar like the Figma */
.therapist-center-filter .dropdown-options::-webkit-scrollbar {
  width: 8px;
}

.therapist-center-filter .dropdown-options::-webkit-scrollbar-thumb {
  background: #CEA1C8;
  border-radius: 8px;
}

.therapist-center-filter .dropdown-options::-webkit-scrollbar-track {
  background: #f3e8f1;
}

/* ===================== END THERAPIST-CENTERS filter dropdowns ===================== */

/* ===================== LAB tool cards (.card.lab) — force RTL in English =====================
   The lab "tool" cards are an ACF flex component (.lab_page .card.lab). Their layout is
   built with direction-RELATIVE flex keywords: .card.lab{justify-content:flex-end},
   .card-content.lab{align-items:flex-end}, .card-sub.lab{align-items:flex-start}.
   On English (body:not(.rtl)=LTR) flex-start resolves to LEFT, so the width:50%
   .card-description gets pushed LEFT, hidden UNDER the image. Hebrew (RTL) is correct.
   This is a fixed design (image left / green+text right, same in both languages), so
   force the card to RTL on English → it renders identically to Hebrew. */
body:not(.rtl) .lab_page .card.lab {
  direction: rtl;
}

/* ===================== END LAB tool cards ===================== */

/* ===================== END KNOWLEDGE SECTION CURVE ===================== */
/* ============================================================
   Lab-tools cards (/maabada-tools/) — Figma redesign
   Overrides the old fixed 703×823 card. Loaded last, so it wins.
   ============================================================ */
/* the actual card grid = Bootstrap .row (or the AJAX #posts-container) — give it padding + gap */
:is(.lab-tools-second, .laboratory-results) .row,
:is(.lab-tools-second, .laboratory-results) [id^="posts-container"] {
  display: flex !important;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0 !important;
  padding: 36px 0 !important;
  justify-content: flex-start;
  align-items: stretch;
}

/* same horizontal inset for the whole block (filters + tabs + card grid) */
.lab-main .posts-containerwraper:is(.lab-tools-second, .laboratory-results) {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

:is(.lab-tools-second, .laboratory-results) .card {
  width: 652px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  background: #fff;
  border: 1px solid #2cc97d;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  cursor: pointer;
}

/* green header — title/subtitle (right) + icons/tags (left) */
:is(.lab-tools-second, .laboratory-results) .card-header {
  width: 58%;
  height: auto;
  background: #E6FAF0;
  border: none !important;
  border-bottom: none;
  padding: 16px 18px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:is(.lab-tools-second, .laboratory-results) .card-header h1 {
  font-size: 19px;
  font-weight: 700;
  color: #202020;
  margin: 0;
  line-height: 1.3;
}

:is(.lab-tools-second, .laboratory-results) .card-header h3 {
  font-size: 16px;
  color: #4a4a4a;
  margin: 4px 0 0;
  font-weight: 400;
}

:is(.lab-tools-second, .laboratory-results) .card .card-top {
  width: 42%;
  background: #E6FAF0;
  padding: 14px 18px;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px;
}

:is(.lab-tools-second, .laboratory-results) .card-top-left {
  width: auto !important;
  display: flex;
  gap: 14px;
  justify-content: flex-start;
}

:is(.lab-tools-second, .laboratory-results) .card .categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:is(.lab-tools-second, .laboratory-results) .categories .category {
  background: #fff;
  border: 1px solid #cdeede;
  color: #2b2b2b;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 14px;
}

/* body — white image + white meta row + green description block */
:is(.lab-tools-second, .laboratory-results) .card-bg-color {
  width: 100%;
  height: auto !important;
  background: #fff;
  padding: 0;
}

:is(.lab-tools-second, .laboratory-results) .featured-image {
  background: #fff;
}

:is(.lab-tools-second, .laboratory-results) .card .featured-image .img-fluid {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}

:is(.lab-tools-second, .laboratory-results) .card-content {
  display: flex;
  justify-content: space-between;
  background: #fff;
  margin: 0;
  padding: 14px 18px;
  border-bottom: 1px solid #eee;
  gap: 16px;
}

:is(.lab-tools-second, .laboratory-results) .content-left {
  width: auto !important;
  text-align: right;
  display: flex;
  align-items: center;
  gap: 6px;
}

:is(.lab-tools-second, .laboratory-results) .content-left:last-child {
  width: auto !important;
  text-align: left;
}

:is(.lab-tools-second, .laboratory-results) .content-left h3 {
  font-size: 15px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: #333;
}

:is(.lab-tools-second, .laboratory-results) .card .subheadline {
  background: #E6FAF0;
  font-size: 17px;
  font-weight: bold;
  text-align: right;
  margin: 0;
  padding: 16px 18px 6px;
}

:is(.lab-tools-second, .laboratory-results) .card .description {
  background: #E6FAF0;
  font-size: 15px;
  color: #333;
  line-height: 26px;
  text-align: right;
  padding: 0 18px 18px;
  margin: 0;
}

@media (max-width: 900px) {
  :is(.lab-tools-second, .laboratory-results) .card {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  :is(.lab-tools-second, .laboratory-results) .row,
  :is(.lab-tools-second, .laboratory-results) [id^="posts-container"] {
    padding: 20px 0 !important;
    gap: 16px;
  }

  .lab-main .posts-containerwraper:is(.lab-tools-second, .laboratory-results) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* ============================================================
   Lab-tools FILTERS — robust for all 3 languages (he/ar RTL, en LTR)
   Kills the fixed physical padding (120/58, 119/37) that only aligned in
   Hebrew, lets the tabs WRAP instead of clipping the labels, and aligns the
   whole block with the card grid (outer wrapper already insets 48px).
   ============================================================ */
/* type/tab groups */
:is(.lab-tools-second, .laboratory-results) .lab-filters-top {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 40px;
  padding: 24px 0 0 !important;
  margin: 24px 0 0 !important;
  align-items: flex-start;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters-first,
:is(.lab-tools-second, .laboratory-results) .lab-filters-second {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

:is(.lab-tools-second, .laboratory-results) .lab-title {
  margin: 0;
}

:is(.lab-tools-second, .laboratory-results) .lab-title h2 {
  margin: 0;
  white-space: nowrap;
}

/* label never clips */
:is(.lab-tools-second, .laboratory-results) .fliter-main-box {
  display: flex;
  flex-wrap: wrap;
}

/* tabs wrap, don't overflow */
:is(.lab-tools-second, .laboratory-results) .lab-filters-top .filter-box {
  flex: 0 0 auto;
}

/* dropdowns + search row */
:is(.lab-tools-second, .laboratory-results) .lab-filters {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 0 0 !important;
  align-items: stretch;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters #taxonomy-filter.col-md-4 {
  flex: 1 1 320px;
  display: flex;
  gap: 12px;
  padding: 0;
  max-width: none;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters .searchFilter.col-md-8 {
  flex: 2 1 360px;
  padding: 0;
  max-width: none;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters .taxonomy-dropdown {
  width: 50%;
  margin: 0 !important;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters .dummy-dropdown {
  width: 50%;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters input#search-field {
  width: 100%;
  margin: 0 !important;
  box-sizing: border-box;
}

:is(.lab-tools-second, .laboratory-results) .lab-filters .search-wrapper {
  width: 100%;
}

/* search icon on the trailing edge in BOTH directions */
:is(.lab-tools-second, .laboratory-results) .lab-filters .search-icon {
  right: auto;
  inset-inline-end: 16px;
}

@media (max-width: 900px) {
  :is(.lab-tools-second, .laboratory-results) .lab-filters-top {
    gap: 16px;
  }

  :is(.lab-tools-second, .laboratory-results) .lab-filters-first,
  :is(.lab-tools-second, .laboratory-results) .lab-filters-second {
    flex-basis: 100%;
  }
}

.wc-block-components-totals-wrapper .contained {
  color: #fff !important;
}

.wc-block-components-totals-wrapper {
  padding: 20px !important;
}

.wc-block-components-text-input.wc-block-components-address-form__email.is-active #email {
  padding-top: 22px !important;
}

/* ============================================================
   Course calendar (FullCalendar v5, #llms-custom-calendar) — put the month
   title BETWEEN the two arrows:  ←  August 2026  →  , and hide 'today'.
   Lives in the theme so it's independent of the calendar plugin/version.
   display:contents flattens the toolbar chunks + button-group so the title
   and both arrows become siblings, then we order them.
   ============================================================ */

#llms-custom-calendar .fc-header-toolbar,
#custom-calendar .fc-header-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  /* beat FullCalendar's space-between so it clusters */
  align-items: center;
  gap: 12px;
  row-gap: 8px;
}

#llms-custom-calendar .fc-toolbar-chunk,
#llms-custom-calendar .fc-header-toolbar .fc-button-group,
#custom-calendar .fc-toolbar-chunk,
#custom-calendar .fc-header-toolbar .fc-button-group {
  display: contents !important;
}

#llms-custom-calendar .fc-today-button,
#custom-calendar .fc-today-button {
  display: none !important;
}

#llms-custom-calendar .fc-prev-button,
#custom-calendar .fc-prev-button {
  order: 1 !important;
  margin-inline-start: auto !important;
}

#llms-custom-calendar .fc-toolbar-title,
#custom-calendar .fc-toolbar-title {
  order: 2 !important;
  margin: 0 !important;
}

#llms-custom-calendar .fc-next-button,
#custom-calendar .fc-next-button {
  order: 3 !important;
  margin-inline-end: auto !important;
}

.fc .fc-button-group>.fc-button {
  flex: none !important;
}



.search-result-item {
  margin-top: 20px;
}

/* ============================================================
   Search results — white text on the dark results background.
   Beats the theme's `h2.search-result-title a { color: black }` (style.css:1327,
   no !important). Class-based selectors, so this holds in all 3 languages (he/ar/en).
   ============================================================ */
.search-result-excerpt,
.search-result-excerpt p {
  color: #fff !important;
}

h2.search-result-title a {
  color: #fff !important;
}

legend.gfield_label.gform-field-label.screen-reader-text {
  width: auto !important;
}

/* ============================================================
   Lab-tools FILTERED / AJAX results — CSS-ONLY (no PHP change; functions.php and
   taxonomy-laboratory-types.php stay original). The filtered/taxonomy results wrapper
   natively carries `.laboratory-results`. The card redesign + col-6 sizing is shared
   with the archive because those rules are scoped to :is(:is(.lab-tools-second, .laboratory-results),
   .laboratory-results). Here we turn this wrapper into the same full-width 2-up grid
   and flatten the extra wrapper the on-load AJAX nests inside it. he/ar/en (class-based).
   ============================================================ */
.row.laboratory-results {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  /* parent .posts-containerwraper is display:flex — without this the
                                  wrapper shrinks to a lone card's content (the collapsed narrow card) */
  margin: 0 0 40px !important;
  padding: 36px 0 !important;
}

/* The on-load AJAX injects a SECOND .laboratory-results inside the server one. As a
   nested flex item it collapses to the card's 320px min-width (the narrow lone card).
   Flatten it with display:contents so the cards become direct children of the outer
   full-width grid → a lone card is a true col-6. */
.row.laboratory-results .row.laboratory-results {
  display: contents !important;
}

/* The intermediate .posts-containerwraper that holds the results row is itself a flex
   item of the display:flex `.posts-containerwraper.lab-tools-second` container, so it
   shrinks to the lone card's width (measured 452px instead of 1140px — the real cause
   of the narrow single card). Scope it to ONLY the wrapper that holds a results row via
   :has(), so no other page is affected, and force it to fill the row. */
.posts-containerwraper:has(> .row.laboratory-results) {
  flex: 1 1 100% !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  .row.laboratory-results {
    padding: 16px 0 !important;
  }
}

.postlinks .container a {
  gap: 0 !important;
}

.postlinks .container span.text {
  margin-top: -7px !important;
}