/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Container sizes
   ========================================================================== */
/* ==========================================================================
   Media Query Breakpoints
   ========================================================================== */
/* ==========================================================================
   Utility
   ========================================================================== */
/* line 104, ../src/styles/_config.scss */
:root {
  --max-width: 1440px;
}

/* line 3, src/styles/blocks/image-grid.scss */
.image-grid {
  margin-bottom: 30px;
}

/* line 4, src/styles/blocks/image-grid.scss */
.image-grid h2 {
  font-size: 13px;
  color: #030D1F;
  text-transform: uppercase;
}

/* line 5, src/styles/blocks/image-grid.scss */
.image-grid h2 span {
  color: #EE3135;
}

/* line 7, src/styles/blocks/image-grid.scss */
.image-grid-int {
  width: 100%;
  margin-bottom: 30px;
}
/* line 9, src/styles/blocks/image-grid.scss */
.image-grid-int .item {
  margin: 0;
  padding: 0 15px;
}
/* line 13, src/styles/blocks/image-grid.scss */
.image-grid-int .item-inner {
  height: 285px;
  display: block;
  width: 100%;
  position: relative;
  margin: 30px 0 50px 0;
  max-width: 360px;
}
/* line 14, src/styles/blocks/image-grid.scss */
.image-grid-int a {
  text-decoration: none;
  width: 100%;
  color: #05132C;
  display: block;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 5px 15px 0px #888;
  -webkit-box-shadow: 0px 5px 15px 0px #888;
}
/* line 19, src/styles/blocks/image-grid.scss */
.image-grid-int a .icon {
  display: table;
  position: absolute;
  bottom: 0;
  right: 15px;
}
/* line 20, src/styles/blocks/image-grid.scss */
.image-grid-int a .icon-hover {
  display: none;
  position: absolute;
  bottom: 0;
  right: 15px;
}
/* line 22, src/styles/blocks/image-grid.scss */
.image-grid-int a .icon-hover strong {
  font-size: 10px;
  display: none;
}
/* line 24, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover {
  text-decoration: none;
}
/* line 26, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover .icon {
  display: none;
}
/* line 27, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover .icon-hover {
  display: table;
}
/* line 28, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover strong {
  display: block;
}

/* line 34, src/styles/blocks/image-grid.scss */
.image-grid-int h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  min-height: 56px;
}

/* line 35, src/styles/blocks/image-grid.scss */
.image-grid-int p {
  font-size: 16px;
  margin-bottom: 20px;
}

/* line 36, src/styles/blocks/image-grid.scss */
.image-grid-int div.row {
  display: block;
}

/* line 37, src/styles/blocks/image-grid.scss */
.image-grid-int span.row {
  display: block;
}

/* line 38, src/styles/blocks/image-grid.scss */
.image-grid-int span.col-md-6 {
  display: block;
}

/* line 39, src/styles/blocks/image-grid.scss */
.image-grid-int .slick-list {
  overflow: hidden;
  padding: 0 10% 0 0 !important;
}

/* line 40, src/styles/blocks/image-grid.scss */
.image-grid-int .slide-image {
  margin: 0 0 5px 0;
  display: block;
  min-height: 185px;
}

/* line 42, src/styles/blocks/image-grid.scss */
.image-grid-int .image-right {
  display: none;
}

/* line 44, src/styles/blocks/image-grid.scss */
.image-grid-int a .slide-icon-hover {
  display: none;
}

/* line 46, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover {
  color: #FFFFFF;
}

/* line 47, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover h3 {
  color: #FFFFFF;
}

/* line 48, src/styles/blocks/image-grid.scss */
.image-grid-int a:hover p {
  color: #FFFFFF;
}

/* line 51, src/styles/blocks/image-grid.scss */
.image-grid-int .item-inner a {
  background: #FFFFFF;
  height: 295px;
}

/* line 52, src/styles/blocks/image-grid.scss */
.image-grid-int .item-inner a:hover {
  background: linear-gradient(25deg, #194797 30.25%, rgba(25, 71, 151, 0) 146.73%);
}

/* line 54, src/styles/blocks/image-grid.scss */
.image-grid-int .slick-track {
  padding-bottom: 30px;
}

/* line 56, src/styles/blocks/image-grid.scss */
.image-grid a.btn-secondary2 {
  height: 38px;
  line-height: 38px;
  text-align: center;
  float: left;
  background: transparent;
  border-radius: 20px;
  padding: 0 30px;
  font-size: 16px;
  text-decoration: none;
  display: table;
  border: 1px solid #EE3135;
  color: #030D1F;
  margin-right: 30px;
}

/* line 57, src/styles/blocks/image-grid.scss */
.image-grid a.btn-secondary2:hover {
  color: #FFFFFF;
  background: linear-gradient(266deg, #EE3135 30.04%, #030D1F 92.34%);
  text-decoration: none;
  border-color: #030D1F;
}

@media all and (max-width: 767px) {
  /* line 61, src/styles/blocks/image-grid.scss */
  .image-grid-int .slide-image {
    width: 100%;
    max-height: 170px;
    overflow: hidden;
  }

  /* line 62, src/styles/blocks/image-grid.scss */
  .image-grid-int .item .item-inner {
    margin: 30px auto 50px auto;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  /* line 66, src/styles/blocks/image-grid.scss */
  .image-grid-int .slide-image {
    width: 100%;
    max-height: 170px;
    overflow: hidden;
  }

  /* line 67, src/styles/blocks/image-grid.scss */
  .image-grid .item {
    width: 50%;
  }
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  /* line 71, src/styles/blocks/image-grid.scss */
  .image-grid-int .image-right {
    margin: -30px 0 0 -52px;
  }

  /* line 72, src/styles/blocks/image-grid.scss */
  .image-grid-int h3 {
    font-size: 20px;
    line-height: 20px;
    line-height: 24px;
  }

  /* line 73, src/styles/blocks/image-grid.scss */
  .image-grid-int p {
    font-size: 14px;
  }
}
@media all and (min-width: 1200px) {
  /* line 77, src/styles/blocks/image-grid.scss */
  .image-grid-int .image-right {
    margin: -30px 0 0 -23px;
  }
}
/* line 84, src/styles/blocks/image-grid.scss */
.is-root-container .image-grid-int {
  clear: both;
}