.roles {
  background-color: #2db4a8;
}

.details-link {
  background-color: #2db4a8 !important;
}

.tags-rdg {
  background-color: #edf4f2;
}

.guide-icon {
  background-color: #3182bf !important;
}

.image-know {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.secret-icon {
  background-color: #c1dcf5;
}

form#views-exposed-form-home-blocks-services .form-actions {
  display: none;
}

.service-icon {
  max-width: 35px;
  max-height: 35px;
}

.visually-hidden {
  display: none;
}

#edit-sort-bef-combine label {
  display: none;
}

#edit-sort-bef-combine--wrapper legend span {
  display: none;
}

.views-exposed-form [class*="-min"] label,
.views-exposed-form [class*="-max"] label,
.bef-exposed-form>input.js-hide {
  display: none;
}

.webform-options-display-buttons,
.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
  max-width: max-content;
}

.webform-options-display-buttons .form-item {
  margin: 0 !important;
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper {
  flex: none !important;
  margin: 0 !important;
}

.webform-options-display-buttons,
.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
  display: flex !important;
}

#block-cua-main-usefulnessfeedback .form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
  margin: 0;
  gap: 16px;
}

#block-cua-main-usefulnessfeedback .webform-element--title-inline {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 12px;
}

.form-composite.webform-fieldset--title-inline legend {
  margin-right: 0;
  margin-left: 0;
}

#block-cua-main-usefulnessfeedback .webform-options-display-buttons label.webform-options-display-buttons-label {
  border: 0;
  background: #3182bf;
  border-radius: 56px;
  padding: 10px 24px;
  color: white;
}

#block-cua-main-usefulnessfeedback .webform-options-display-buttons label.webform-options-display-buttons-label:hover {
  background-color: #235c88;
}

#block-cua-main-usefulnessfeedback .webform-options-display-buttons-wrapper:last-child label.webform-options-display-buttons-label {
  background-color: #2db4a8;
}

#block-cua-main-usefulnessfeedback .webform-options-display-buttons-wrapper:last-child label.webform-options-display-buttons-label:hover {
  background-color: #208077;
}

#block-cua-main-usefulnessfeedback .form-element-wrapper {
  display: flex;
  gap: 7px;
}

#block-cua-main-usefulnessfeedback .form-element-wrapper>div {
  width: 100%;
}

.gap-y-8 {
  gap: 32px 0;
}

#block-cua-main-usefulnessfeedback .feedback-container {
  margin-top: 7px;
}

#block-cua-main-usefulnessfeedback .form-element-wrapper textarea {
  border: 1px solid #ececec;
  width: 100%;
  padding: 8px;
  outline: 0 !important;
  border-radius: 8px;
}

#block-cua-main-usefulnessfeedback .main-button {
  margin: 0;
  display: none !important;
}

#block-cua-main-usefulnessfeedback .main-button.show {
  display: block !important;
}

#block-cua-main-usefulnessfeedback .form-element-wrapper label {
  margin-bottom: 0 !important;
}

#block-cua-main-usefulnessfeedback fieldset:not(.webform-element--title-inline) legend span {
  margin-bottom: 12px;
}

#block-cua-main-usefulnessfeedback [type="radio"],
#block-cua-main-usefulnessfeedback [type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #3182bf;
}

#block-cua-main-usefulnessfeedback .main-button {
  padding: 10px 24px;
}

.form-phone.local-number {
  padding-block: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 4);
  background-color: var(--color-white);
  border-color: #9DA4AE;
  border-width: 1px;
  border-radius: 56px;
  width: 100%;
  min-height: 52px;
  outline: 0 !important;
}

[dir="rtl"] .form-phone.local-number {
  text-align: end;
}

.iti__selected-country-primary {
  padding-inline-start: 16px;
}

.form-item--local-number,
.iti--allow-dropdown {
  width: 100%;
}

[type="checkbox"],
[type="radio"] {
  accent-color: #3182BF;
  width: 16px;
  height: 16px;
}

legend {
  margin-bottom: 6px;
  font-weight: 600
}

[type="checkbox"]~label,
[type="radio"]~label {
  margin-bottom: 0 !important;
}


/* Hide date tag for menu-item class */

.menu .calendar-tag {
  display: none !important;
}

.card-white .card-bg {
  background: #fff !important;
}

.js-hide {
  display: none;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background: none;
}

.contact-us.main-button {
  position: relative;
  padding: 1.2rem;
}

.contact-us.main-button input.contact-us-submit {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
}

.contact-us.main-button img {
  position: relative;
  left: 2.4rem;
  pointer-events: none;
}

.experience ul {
  display: grid;
  gap: 20px;
}

.research-tag {
  background-color: #cde4f5 !important;
}

.dark-bg .card-bg {
  background-color: #EBF2F8;
}

.exposed-tabs li a.active::after {
  opacity: 1;
}

.iti__flag {
  display: none !important;
}

.iti--separate-dial-code .iti__selected-flag {
  background: none !important;
  font-weight: 400;
}

.form-item--local-number,
.iti--allow-dropdown {
  width: 100% !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

.iti__country-list {
  right: -22rem !important;
}

.toolbar-menu li.menu-item {
  padding: 0;
}

.toolbar-menu li.menu-item:after {
  display: none;
}

.toolbar-menu li.menu-item a {
  font-weight: normal;
}

html[dir="ltr"] .views-exposed-form .expo-arrow {
  background-position: center right 12px !important;
}

.text-justify {
  text-align: justify;
}

[data-drupal-selector="user-login-form"] .js-form-type-password ~ a {
float: inline-end;
}

.main-button [type="submit"]{
  cursor: pointer;
}

.form-required:after {
  content: "*";
  margin-left: .125rem;
  color: #ef4444;
}

.h-\[50px\] {
  height: 50px;
}

#edit-was-this-page-useful--wrapper-legend > span.fieldset-legend.js-form-required.form-required::after {
  content: none;
}

table.table * {
  font-family: 'IBM Plex Sans Arabic' !important;
}