/*css varibales*/
:root {
  --primary-color: #1cabe2;
  --primary-hover:#0e95ca;
  --regular-gray1:#333;
  --regular-gray2:#404040;
  --regular-gray3:#595959;
  --regular-gray4:#757575;
  --regular-gray5:#c1c1c1;
  --regular-gray6:#f1f1f1;
  --regular-gray7:#f8f8f8;
  --regular-gray8:#d8d8d8;
  --regular-gray9:#ced4da;
  --regular-accent-action: #e34e09;
  --regular-accent-action-hover: #c94304;
  --white:#fff;
  --black:#000;
  --primary-light:#c5effc;
  --blue1:#2159a8;
  --blue2:#1a4b8f;
  --regular-bkgd:#d3dbdf;
  --hc-color:#0f5c85;
  --hc-hover: #0c4462;
  --hc-color-secondary:#2159a5;
  --hc-regular-accent-action: #9c350d;
  --hc-regular-accent-action-hover: #822500;
  --hc-accent-alert: #a12e26;
  --primary-font: 'Roboto',sans-serif;
  --primary-regular: 400;
  --primary-medium: 500;
  --primary-bold: 700;
  --primary-black: 900;
  --secondary-font: 'PT Serif',serif;
  --secondary-regular: 400;
  --secondary-bold: 800;
  --shadow-hover: 0 3px 3px -2px rgba(0, 0, 0, 0.1),0 3px 4px 0 rgba(0, 0, 0, 0.14),0 1px 8px 0 rgba(0, 0, 0, 0.12);
  --shadow-active: 0 5px 5px -3px rgba(0, 0, 0, 0.12),0 8px 10px 1px rgba(0, 0, 0, 0.14),0 3px 14px 2px rgba(0, 0, 0, 0.12);
  --outline-btn-shadow-hover: 0px 1px 8px 0px rgba(0, 0, 0, 0.12),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 3px 3px -2px rgba(0, 0, 0, 0.10);
  --outline-btn-shadow-active: 0px 3px 14px 2px rgba(0, 0, 0, 0.25),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --card-hover-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 3px 4px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --drop-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10));
  --inset-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow2: 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow3: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  --box-shadow4: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  --box-shadow5: 2px -3px 3px 0px rgba(0, 0, 0, 0.15);
  --box-shadow6: 0px 1px 2px -1px rgba(0, 0, 0, 0.25);
  --box-shadow7: 2px 2px 4px -1px rgba(0, 0, 0, 0.75);
  --drop-shadow1:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
  --drop-shadow2:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  --card-height: 525px;
  --bg-tint1: rgba(33, 89, 168, 90%);
  --bg-tint2: rgba(0, 0, 0, 0.6);
  /*survey colors*/
  --sc1: #a3e7f5;
  --sc2: #ffee00;
  --sc3: #ffc20e;
  --sc4: #80bd41;
  --sc5: #c9c9c9;
  /*dataset colors*/
  --ds1:#d9e3f2;
  --ds-h1:var(--blue1);
  --ds2:#d9f2e5;
  --ds-h2:#42b577;
  --ds3:#fcd5d3;
  --ds-h3:#bd605b;
  --ds4:#fcd5d3;
  --ds-h4:#ee9058;
  --ds5:#fff3cf;
  --ds-h5:var(--sc3);
  --ds6:#e1d2e3;
  --ds-h6:#884b90;
  --ds7:#d2eef9;
  --ds-h7:#1cabe2;
  --light-blue:#0e95Ca33; }

.high-contrast-mode {
  --primary-color:var(--hc-color);
  --primary-hover:var(--hc-hover);
  --blue1: var(--hc-color-secondary);
  --regular-accent-action:var(--hc-regular-accent-action);
  --regular-accent-action-hover:var(--hc-regular-accent-action-hover); }

.banner-slider-view {
  --img-height: 700px; }

.slider-wrapper {
  position: relative; }

.slider-content {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--white); }

.slider-title {
  font-size: 3.5rem;
  line-height: 1.21;
  font-weight: var(--primary-bold);
  margin-bottom: 10px; }

.slider-desc {
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 18px; }

.banner-slider-view {
  overflow: hidden;
  position: relative; }
  .banner-slider-view .slick-dots {
    --slick-dot-size: 20px;
    --slick-border:3px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: absolute;
    bottom: 20px;
    right: 50px; }
    .banner-slider-view .slick-dots li.slick-active button {
      background-color: var(--white); }
    .banner-slider-view .slick-dots li:not(:last-child) {
      margin-right: 20px; }
    .banner-slider-view .slick-dots button {
      width: var(--slick-dot-size);
      height: var(--slick-dot-size);
      border: var(--slick-border) solid var(--white);
      border-radius: 100%;
      font-size: 0;
      background-color: transparent;
      padding: 0; }
  .banner-slider-view .slick-arrow {
    --arrow-size:100px;
    font-size: 0;
    border: 0;
    width: var(--arrow-size);
    height: var(--arrow-size);
    padding: 0;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    left: calc(-1 * var(--arrow-size) / 2);
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 1; }
    .banner-slider-view .slick-arrow:hover {
      background: rgba(255, 255, 255, 0.5); }
    .banner-slider-view .slick-arrow:after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: url("/sites/mics/themes/custom/mics/components/images/icons/arrows/left-Carrot-white.svg") no-repeat center center;
      width: 20px;
      height: 20px;
      right: 15px; }
    .banner-slider-view .slick-arrow.slick-disabled {
      pointer-events: none; }
  .banner-slider-view .slick-next {
    left: auto;
    right: calc(-1 * var(--arrow-size) / 2); }
    .banner-slider-view .slick-next:after {
      background: url("/sites/mics/themes/custom/mics/components/images/icons/arrows/Right-Carrot-white.svg") no-repeat center center;
      right: auto;
      left: 15px; }

.slider-content-inner {
  max-width: 820px; }

.slider-img {
  position: relative; }
  .slider-img img {
    width: 100%;
    height: var(--img-height);
    object-fit: cover; }
  .slider-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }

/*# sourceMappingURL=banner-slider.css.map */