.custom-select {
  display: inline-block;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.multiselect-container .multiselect-option.dropdown-item {
  background-color: #fff;
  color: black;
  border-color: red;
}

.multiselect-native-select .btn-group {
  margin-bottom: 1rem;
}

.multiselect-container.dropdown-menu {
  margin-top: 40px;
  margin-left: 0px;
  transform: none !important;
}

.multiselect-native-select button {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #95a4ae;
}

.multiselect-native-select button:focus {
  color: black;
}

.filter-title-wrapper {
  background-color: #3a6588;
  color: #ffffff;
  font-size: 1rem;
  padding: 1rem 1.5rem !important;
}

.filter-title {
  font-size: 1rem;
}

.filter-content-wrapper {
  padding: 1rem 1.5rem;
}

.checkbox-group li {
  font-size: 1rem;
  line-height: 1.5;
}

.checkbox {
  width: 20px;
  height: 20px;
}

.checkbox span {
  width: 20px;
  height: 20px;
}

.checkbox span:after {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  height: 14px;
  left: 1px;
  position: absolute;
  top: 10px;
  width: 8px;
}



.ha-logo {
  width: 124px;
  height: 124px;
  margin: 4rem auto;
}

/*main-logo*/
.ha-logo path,
.ha-logo circle {
  fill: none;
  stroke: #3a6588;
  stroke-width: 0.125px;
  stroke-linejoin: round;
}

.ha-logo path.house,
.ha-logo circle.house {
  stroke-linecap: round;
  stroke-width: 0.3px;
}

.loading.ha-logo circle {
  animation: nodes 6s linear infinite;
}

.loading.ha-logo .house {
  animation: house 6s ease infinite;
}

.loading.ha-logo .circut {
  animation: circut 6s cubic-bezier(0.7, 0.1, 0.1, 0.9) infinite;
}

@keyframes house {
  0% {
    stroke-dashoffset: -50;
    stroke-dasharray: 50 50;
  }

  45% {
    stroke-dashoffset: -100;
  }

  50% {
    stroke: #3a6588;
  }

  60% {
    stroke: white;
  }

  75% {
    stroke: #3a6588;
  }

  80% {
    stroke-dashoffset: -100;
  }

  100% {
    stroke-dashoffset: -130;
    stroke-dasharray: 50 50;
  }
}

@keyframes circut {
  0% {
    stroke-dasharray: 20 20;
    stroke-dashoffset: -20;
  }

  13% {
    stroke-dashoffset: -20;
  }

  50% {
    stroke-dashoffset: -40;
    stroke: #3a6588;
  }

  60% {
    stroke: white;
  }

  70% {
    stroke: #3a6588;
  }

  85% {
    stroke-dashoffset: -40;
  }

  100% {
    stroke-dashoffset: -60;
    stroke-dasharray: 20 20;
  }
}

@keyframes nodes {
  0% {
    stroke-dasharray: 0 4;
  }

  25% {
    stroke-dasharray: 0 4;
  }

  35% {
    stroke-dasharray: 4 0;
    stroke: #3a6588;
  }

  41% {
    fill: none;
  }

  42% {
    fill: #3a6588;
  }

  55% {
    fill: none;
    stroke: #3a6588;
  }

  65% {
    fill: white;
    stroke: white;
  }

  75% {
    stroke: #3a6588;
    fill: none;
    stroke-dasharray: 4 0;
  }

  85% {
    fill: #3a6588;
    stroke: #3a6588;
  }

  93% {
    fill: none;
    stroke-dasharray: 4 0;
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -4;
    stroke-dasharray: 0 4;
  }
}

.ha-logo circle:nth-child(1n) {
  animation-delay: -0.054s;
}

.ha-logo circle:nth-child(2n) {
  animation-delay: -0.108s;
}

.ha-logo circle:nth-child(3n) {
  animation-delay: -0.162s;
}

.ha-logo circle:nth-child(4n) {
  animation-delay: -0.216s;
}

.ha-logo circle:nth-child(5n) {
  animation-delay: -0.27s;
}

.ha-logo circle:nth-child(6n) {
  animation-delay: -0.324s;
}

.ha-logo circle:nth-child(7n) {
  animation-delay: -0.378s;
}

.ha-logo circle:nth-child(8n) {
  animation-delay: -0.432s;
}

.ha-logo circle:nth-child(9n) {
  animation-delay: -0.486s;
}

.ha-logo circle:nth-child(10n) {
  animation-delay: -0.54s;
}

.ha-logo circle:nth-child(11n) {
  animation-delay: -0.594s;
}

.ha-logo circle:nth-child(12n) {
  animation-delay: -0.648s;
}

.ha-logo circle:nth-child(13n) {
  animation-delay: -0.702s;
}

.ha-logo circle:nth-child(14n) {
  animation-delay: -0.756s;
}

.areas-posts h2 {
  color: #435665;
}

.title-wrapper {
  position: absolute;
  bottom: 0;
  background: #446A88;
  width: 100%;
  padding: 0.5rem 0 0.5rem 1rem;
  color: #FFF;
}

.wp-block-noor-primary-post-card .attachment {
  position: relative;
}

.disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

.disabled span {
  cursor: not-allowed;
}

.disabled span::after {
  border: none;
}


.splide__slide img {
  display: block;
  max-width: 100%;
}

.collapse {
  display: none;
}

.collapse.show {
  display: flex;
}

.flipped {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.collapse-btn:hover {
  color: white;
}

.collapse-btn {
  background-image: url("data:image/svg+xml,%3Csvg height='18px' id='Layer_1' style='enable-background:new 0 0 512 512%3B' version='1.1' viewBox='0 0 512 512' width='18px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23FFFFFF' d='M256 213.7L256 213.7L256 213.7l174.2 167.2c4.3 4.2 11.4 4.1 15.8-0.2l30.6-29.9c4.4-4.3 4.5-11.3 0.2-15.5L264.1 131.1 c-2.2-2.2-5.2-3.2-8.1-3c-3-0.1-5.9 0.9-8.1 3L35.2 335.3c-4.3 4.2-4.2 11.2 0.2 15.5L66 380.7c4.4 4.3 11.5 4.4 15.8 0.2L256 213.7 z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 1.5rem;
}

.collapsed {
  background-image: url("data:image/svg+xml,%3Csvg height='18px' id='Layer_1' style='enable-background:new 0 0 512 512%3B' version='1.1' viewBox='0 0 512 512' width='18px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23FFFFFF' d='M256 298.3L256 298.3L256 298.3l174.2-167.2c4.3-4.2 11.4-4.1 15.8 0.2l30.6 29.9c4.4 4.3 4.5 11.3 0.2 15.5L264.1 380.9 c-2.2 2.2-5.2 3.2-8.1 3c-3 0.1-5.9-0.9-8.1-3L35.2 176.7c-4.3-4.2-4.2-11.2 0.2-15.5L66 131.3c4.4-4.3 11.5-4.4 15.8-0.2L256 298.3 z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 1.5rem;
}

.search-results .bg-cards {
  background-color: #e0dbcd;
  min-height: 355px;
}

.search-results .bg-cards img {
  object-fit: cover;
}

.person-area {
  color: #435665;
  font-weight: bold;
  text-transform: uppercase;
}

#primary-slider-list .splide__slide {
  display: none;
}

#primary-slider-list .splide__slide.is-active {
  display: block;
}

.lightbox {
  display: flex;
  flex-direction: column;
}

.lightbox>div:first-child {
  order: 1;
}

.post-nav .container h4 {
  margin: 0 5px;
}

.person-img img {
  width: 116px;
  height: 154px;
  object-fit: cover;
}

@media only screen and (max-width:992px) {
  .primary-menu li ul {
    position: relative;
  }
}

@media only screen and (min-width: 992px) {
  .menu-primary-container li>a {
    white-space: nowrap;
  }

  li.menu-item-has-children>a::after {
    position: relative;
    display: inline-block;
    top: -3px;
  }

  li.menu-item-has-children[expanded="true"]>a::after {
    position: relative;
    top: 0;
  }
}