/* line 3, ../../../scss/departments/medicine/medicine-components.scss */
:root {
  --bglength: calc(50vw + 300px);
}

/* line 7, ../../../scss/departments/medicine/medicine-components.scss */
.secondary-blue-midnight-background {
  background: #00142E;
}

/* line 12, ../../../scss/departments/medicine/medicine-components.scss */
.video-horizontal-gradient.from-left {
  background: linear-gradient(to right, #012C5C var(--bglength), white var(--bglength), white);
}

/* line 17, ../../../scss/departments/medicine/medicine-components.scss */
.division-category {
  display: flex;
  box-sizing: border-box;
  padding-bottom: 4.1875rem;
  height: 22.5rem;
  border-radius: 0.3125rem;
  box-shadow: 0 5px 6px -2px rgba(0, 0, 0, 0.4);
  position: relative;
  align-items: center;
  text-align: center;
  justify-content: flex-end;
  flex-direction: column;
  text-decoration: none !important;
  background-size: cover;
}
/* line 32, ../../../scss/departments/medicine/medicine-components.scss */
.division-category * {
  color: #FFFFFF;
}
/* line 36, ../../../scss/departments/medicine/medicine-components.scss */
.division-category:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 2.25rem;
  content: "\f178";
  color: #FFFFFF;
  position: absolute;
  bottom: 0.625rem;
  opacity: 0;
  transition: all 300ms ease-in-out;
}
/* line 48, ../../../scss/departments/medicine/medicine-components.scss */
.division-category:hover:after {
  opacity: 1;
  bottom: 1.875rem;
}
/* line 53, ../../../scss/departments/medicine/medicine-components.scss */
.division-category:before {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.95));
  content: "";
  top: 0;
  border-radius: 0.25rem;
}
/* line 64, ../../../scss/departments/medicine/medicine-components.scss */
.division-category h3, .division-category p {
  z-index: 2;
}

/* line 69, ../../../scss/departments/medicine/medicine-components.scss */
.bottom-background,
.top-background {
  position: relative;
}
/* line 73, ../../../scss/departments/medicine/medicine-components.scss */
.bottom-background:after,
.top-background:after {
  position: absolute;
  height: 17.5rem;
  background: #00142E;
  width: calc((100vw / 2) + 460px);
  content: "";
  z-index: -1;
  display: block;
}
/* line 84, ../../../scss/departments/medicine/medicine-components.scss */
.bottom-background.light-blue-3:after,
.top-background.light-blue-3:after {
  background: #F1F7FB;
}
/* line 89, ../../../scss/departments/medicine/medicine-components.scss */
.bottom-background.extend-right:after,
.top-background.extend-right:after {
  right: 0;
}
/* line 93, ../../../scss/departments/medicine/medicine-components.scss */
.bottom-background.extend-left:after,
.top-background.extend-left:after {
  left: 0;
}

/* line 99, ../../../scss/departments/medicine/medicine-components.scss */
.bottom-background:after {
  bottom: 0;
}

/* line 105, ../../../scss/departments/medicine/medicine-components.scss */
.top-background:after {
  top: 0;
}

/* line 110, ../../../scss/departments/medicine/medicine-components.scss */
a.color-box {
  display: block;
  position: relative;
  color: #373A3C;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}
/* line 113, ../../../scss/departments/medicine/medicine-components.scss */
a.color-box.rounded {
  border-radius: 0.625rem;
}
/* line 120, ../../../scss/departments/medicine/medicine-components.scss */
a.color-box:after {
  display: flex;
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 2.1875rem;
  border: 1px solid #b3c4d3;
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  align-items: center;
  justify-content: center;
  color: #009ADE;
  font-weight: normal;
  transition: all 300ms ease-in-out;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
}
/* line 141, ../../../scss/departments/medicine/medicine-components.scss */
a.color-box:hover {
  background-color: #F1F7FB;
}
/* line 143, ../../../scss/departments/medicine/medicine-components.scss */
a.color-box:hover:after {
  background-color: #009ADE;
  color: #FFFFFF;
}
/* line 149, ../../../scss/departments/medicine/medicine-components.scss */
a.color-box p:last-of-type {
  padding-bottom: 2.1875rem;
}

/* line 155, ../../../scss/departments/medicine/medicine-components.scss */
div.color-box.rounded {
  border-radius: 0.625rem;
}