.custom-hr {
  border-bottom: 3px solid #f6b221;
  max-width: 60px;
}

.bold-text {
  font-family: "mr-eaves-xl-sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4rem;
  text-transform: capitalize;
  color: #b476b7;
}

.bold-number {
  font-family: "mr-eaves-xl-sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2rem;
  text-transform: capitalize;
  color: #b476b7;
}

.white-grid {
  background-color: #fff;
}

.button-col {
  margin: auto;
}

.skills-col {
  justify-self: center;
}

@media screen and (max-width: 639px) {
  .skills-col {
    justify-self: start !important;
  }
}

.alumni-hr {
  border-bottom: #9883a8 8px solid;
}

/* Brags Section */

.brags-grid {
  max-width: 100%;
}

.brags-wrapper {
  background-image: url(/wsuimages/MAcc/css/"data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' version='1.1' xmlns:xlink='http:/www.w3.org/1999/xlink' xmlns:svgjs='http:/svgjs.dev/svgjs' width='1600' height='400' preserveAspectRatio='none' viewBox='0 0 1600 400'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1007%26quot%3b)' fill='none'%3e%3crect width='1600' height='400' x='0' y='0' fill='rgba(73%2c 35%2c 101%2c 1)'%3e%3c/rect%3e%3cpath d='M1600 0L921.55 0L1600 180.32z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M921.55 0L1600 180.32L1600 282.93L730.98 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M730.98 0L1600 282.93L1600 348.27L308.38 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M308.3800000000001 0L1600 348.27L1600 376.10999999999996L102.18000000000012 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 400L267.15 400L0 387.49z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 387.49L267.15 400L718.65 400L0 190.18z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 190.18L718.65 400L833.16 400L0 137.83z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 137.82999999999998L833.16 400L833.3399999999999 400L0 96.77999999999999z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1007'%3e%3crect width='1600' height='400' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media only screen and (min-width: 1024px) and (min-resolution: 192dpi) {
  .brags-wrapper {
    background-image: url(/wsuimages/MAcc/css/"data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' version='1.1' xmlns:xlink='http:/www.w3.org/1999/xlink' xmlns:svgjs='http:/svgjs.dev/svgjs' width='3200' height='800' preserveAspectRatio='none' viewBox='0 0 3200 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1014%26quot%3b)' fill='none'%3e%3crect width='3200' height='800' x='0' y='0' fill='rgba(73%2c 35%2c 101%2c 1)'%3e%3c/rect%3e%3cpath d='M3200 0L2379.88 0L3200 314.87z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M2379.88 0L3200 314.87L3200 520.6700000000001L1536.96 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1536.96 0L3200 520.6700000000001L3200 528.1500000000001L1318.68 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M1318.68 0L3200 528.1500000000001L3200 539.7L839.24 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 800L635.07 800L0 746.19z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 746.19L635.07 800L1609.77 800L0 453.7300000000001z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 453.73L1609.77 800L2455.31 800L0 301.81000000000006z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 301.81000000000006L2455.31 800L2535.0299999999997 800L0 174.73000000000008z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1014'%3e%3crect width='3200' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  }
}

.brags-svg {
  object-fit: scale-down;
}

.brags-item-title {
  font-family: "tradegothicltcom-bdcn20", sans-serif;
  color: #fff !important;
  margin-bottom: 10px;
  line-height: 1em;
  margin-right: 15px;
}

@media (min-width: 17.5em) {
  .brags-item-title {
    font-size: calc(2.8rem + ((1vw - 0.1875em) * 1.1852)) !important;
    min-height: 0vw;
  }
}

@media (min-width: 120em) {
  .brags-item-title {
    font-size: 4em !important;
  }
}

.brags-item-text {
  font-family: "tradegothiclt", sans-serif;
  color: #fff !important;
}

@media (min-width: 17.5em) {
  .brags-item-text {
    font-size: calc(1.1rem + ((1vw - 0.1875em) * 0.2963)) !important;
    min-height: 0vw;
  }
}

@media (min-width: 120em) {
  .brags-item-text {
    font-size: 1.4em !important;
  }
}

/* Horizonatal Card */

.overlap-card {
  margin-bottom: 20px;
  padding: 1rem 0 1rem 0;
}

.overlap-card-body {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 50px;
  min-height: 25rem;
  width: 100%;
}

.overlap-card img {
  display: block;
  width: 300px;
  height: 300px;
}

.card-left {
  display: flex;
  align-items: center;
}

.container-left {
  padding-left: 5rem;
}

.card-right {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.container-right {
  padding-right: 5rem;
}

.img-left {
  float: left;
  margin-right: -6rem;
  z-index: 1;
}

.img-right {
  float: right;
  margin-left: -6rem;
  z-index: 1;
}

.custom-grid {
  padding: 0px !important;
}

@media only screen and (max-width: 800px) {
  .overlap-card img {
    width: 300px;
    height: 300px;
    margin: auto;
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
  }

  .overlap-card-body {
    padding-top: 8rem;
  }

  .cust-row {
    padding-bottom: 3rem;
  }

  .container-left {
    padding-left: 0rem;
  }

  .container-right {
    padding-right: 0rem;
  }

  .card-left,
  .card-right {
    display: inline;
  }

  .img-left {
    float: none !important;
  }

  .img-right {
    float: none !important;
  }
}

@media only screen and (max-width: 380px) {
  .overlap-card img {
    width: 250px;
    height: 250px;
    margin: auto;
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (max-width: 335px) {
  .overlap-card img {
    width: 200px;
    height: 200px;
    margin: auto;
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
  }
}

/* Vertical Card */

.vertical-overlap-card {
  margin-bottom: 20px;
  padding: 1rem 0 1rem 0;
}

.vertical-overlap-card img {
  width: 280px;
  height: 280px;
  margin: auto;
  margin-bottom: -6rem;
  position: relative;
  z-index: 1;
  display: block;
}

.vertical-overlap-card-body {
  padding-top: 6rem;
  background-color: #fff;
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 25rem;
  height: calc(100% - 280px + 6rem);
}

@media only screen and (max-width: 380px) {
  .vertical-overlap-card-body {
    background-color: #fff;
    display: flex;
    min-height: 25rem;
    height: calc(100% - 250px + 6rem);
  }
}

@media only screen and (max-width: 335px) {
  .vertical-overlap-card-body {
    background-color: #fff;
    display: flex;
    min-height: 25rem;
    height: calc(100% - 200px + 6rem);
  }
}

@media only screen and (max-width: 280px) {
  .vertical-overlap-card-body {
    background-color: #fff;
    display: flex;
    min-height: 25rem;
    height: calc(100% - 200px + 6rem);
  }
}

@media only screen and (max-width: 300px) {
  .vertical-cont {
    padding: 0rem !important;
  }
}

@media only screen and (max-width: 740px) {
  .vertical-overlap-card img {
    width: 260px;
    height: 260px;
    margin: auto;
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (max-width: 380px) {
  .vertical-overlap-card img {
    width: 250px;
    height: 250px;
    margin: auto;
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (max-width: 335px) {
  .vertical-overlap-card img {
    width: 200px;
    height: 200px;
    margin: auto;
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
  }
}