:root {
  --clr-common-white: #ffffff;
  --clr-common-black: #000000;
  --clr-common-placeholder: #858585;
  --clr-common-placeholder2: #434343;
  --clr-common-heading: #333333;
  --clr-common-body-text: #858585;
  --clr-common-body: #0d0d0d;
  --clr-theme-1: #0e6f9e;
  --clr-theme-2: #2aa94a;
  --clr-theme-3: #ffbe21;
  --clr-text-primary: #ffffff;
  --clr-text-secondary: #111111;
  --clr-text-1: #414141;
  --clr-text-2: #323232;
  --clr-text-3: #dddddd;
  --clr-text-4: #959595;
  --clr-text-5: #c1c1c1;
  --clr-text-6: #5ee4c6;
  --clr-text-7: #ef332d;
  --clr-text-8: #e1e1e1;
  --clr-text-9: #f7f7f7;
  --clr-text-10: #6c00a8;
  --clr-bg-1: #5ee4c6;
  --clr-bg-2: #181818;
  --clr-bg-3: #ffbe21;
  --clr-bg-4: #0d0d0d;
  --clr-bg-5: #1e1e1e;
  --clr-bg-6: #121212;
  --clr-bg-7: #171717;
  --clr-bg-8: #cbcbcb;
  --clr-bg-9: #b4fff3;
  --clr-bg-10: #1c1c1c;
  --clr-bg-11: #242424;
  --clr-border-1: #414141;
  --clr-border-2: rgba(255, 255, 255, 0.3098039216);
  --clr-border-3: #292929;
}

.header__logo img,
.ms-footer3-logo img,
.ms-footer2-logo img {
  width: 155px;
  max-width: 155px;
  height: auto;
}

.offcanvas__logo {
  width: 155px;
}

@media (max-width: 450px) {
  .offcanvas__logo {
    width: 140px;
  }
}

.offcanvas__logo img {
  width: 100%;
  height: auto;
}

.ms-footer-logo {
  max-width: 155px;
}

.ms-footer-logo img,
.ms-footer2-logo img,
.ms-footer3-logo img {
  width: 100%;
  height: auto;
}

.ms-footer2-logo {
  max-width: 155px;
}

.ms-footer3-logo {
  max-width: 155px;
}

.ms-banner__from-inner--event-search {
  grid-template-columns: minmax(250px, 1.35fr) minmax(160px, 0.75fr) minmax(240px, 1fr) minmax(170px, 0.8fr) auto;
  justify-content: stretch;
  gap: 0;
  padding-left: 28px;
}

.ms-banner__from-inner--event-search .ms-banner__form-select {
  min-width: 0;
  width: 100%;
  padding: 0 28px;
}

.ms-banner__from-inner--event-search .ms-banner__form-input {
  padding-left: 0;
}

.ms-banner__from-inner--event-search .ms-banner__form-select::before {
  inset-inline-end: 0;
}

.ms-banner__from-inner--event-search .ms-banner__form-select.nice-select::after {
  inset-inline-end: 28px;
}

.ms-banner__from-inner--event-search .ms-banner__form-select.ms-border-none::before {
  display: none;
}

.ms-banner__from-inner--event-search .ms-banner__form-select.ms-nice-select .current {
  display: block;
  overflow: hidden;
  padding-right: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ms-banner__from-inner--event-search .banner__form-button {
  padding-left: 28px;
  white-space: nowrap;
}

.ms-banner__form-input input {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--clr-common-black);
  font-size: 16px;
  font-weight: 500;
  outline: none;
}

.ms-banner__form-input input::placeholder {
  color: #777777;
  opacity: 1;
}

@media only screen and (max-width: 991px) {
  .ms-banner__from-inner--event-search {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .ms-banner__from-inner--event-search .ms-banner__form-select {
    padding: 0 20px;
  }

  .ms-banner__from-inner--event-search .ms-banner__form-input {
    padding-left: 20px;
  }

  .ms-banner__from-inner--event-search .ms-banner__form-select::before {
    display: none;
  }

  .ms-banner__from-inner--event-search .banner__form-button {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .ms-banner__from-inner--event-search {
    display: block;
  }

  .ms-banner__from-inner--event-search .ms-banner__form-select {
    margin-bottom: 20px;
  }
}
