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

/* line 3, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block {
  margin-bottom: 80px;
}
/* line 5, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row {
  background: url(../../images/step-bg.webp) no-repeat top center #fff;
  background-size: cover;
  padding: 80px 0;
}
/* line 10, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .items-wrapper .flex {
  border-top: 1px solid #F0F8FE4D;
  align-items: center;
}
/* line 13, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .items-wrapper .flex:last-child {
  border-bottom: 1px solid #F0F8FE4D;
}
/* line 14, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .items-wrapper .flex h3 {
  font-size: 40px;
}
/* line 15, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .items-wrapper .flex a {
  text-decoration: none;
}
/* line 16, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .items-wrapper .flex .img-wrapper {
  text-align: right;
  padding: 12px;
}
/* line 22, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .row-name {
  font-size: 40px;
}
/* line 24, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block.style-row .row-name.counter {
  font-size: 120px;
}

/* line 31, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block h2 {
  font-size: 13px;
  color: #030D1F;
  text-transform: uppercase;
  margin-bottom: 30px;
}

/* line 32, src/styles/blocks/slider-cols-block.scss */
.slider-cols-block h2 span {
  color: #EE3135;
}

/* line 34, src/styles/blocks/slider-cols-block.scss */
.slider-cols {
  width: 100%;
}

/* line 35, src/styles/blocks/slider-cols-block.scss */
.slider-cols .item {
  margin: 0;
}

/* line 36, src/styles/blocks/slider-cols-block.scss */
.slider-cols .item-inner {
  height: 490px;
  display: block;
  width: 100%;
  position: relative;
  margin: 30px 0 50px 0;
  max-width: 360px;
}

/* line 37, src/styles/blocks/slider-cols-block.scss */
.slider-cols .item-inner > a > .row {
  height: 245px;
}

/* line 38, src/styles/blocks/slider-cols-block.scss */
.slider-cols .item-inner strong {
  font-size: 10px;
  display: none;
}

/* line 39, src/styles/blocks/slider-cols-block.scss */
.slider-cols a {
  text-decoration: none;
  height: 490px;
  width: 100%;
  color: #05132C;
  display: block;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 5px 15px 0px #888;
  -webkit-box-shadow: 0px 5px 15px 0px #888;
}

/* line 40, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover {
  text-decoration: none;
}

/* line 41, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover strong {
  display: block;
}

/* line 42, src/styles/blocks/slider-cols-block.scss */
.slider-cols h3 {
  font-size: 28px;
  font-weight: normal;
  line-height: 28px;
  min-height: 56px;
}

/* line 43, src/styles/blocks/slider-cols-block.scss */
.slider-cols p {
  font-size: 16px;
  margin-bottom: 20px;
}

/* line 44, src/styles/blocks/slider-cols-block.scss */
.slider-cols div.row {
  display: block;
}

/* line 45, src/styles/blocks/slider-cols-block.scss */
.slider-cols span.row {
  display: block;
}

/* line 46, src/styles/blocks/slider-cols-block.scss */
.slider-cols span.col-md-6 {
  display: block;
}

/* line 47, src/styles/blocks/slider-cols-block.scss */
.slider-cols .slick-list {
  overflow: hidden;
  padding: 0 10% 0 0 !important;
}

/* line 50, src/styles/blocks/slider-cols-block.scss */
.slider-cols .image-right {
  display: none;
}

/* line 52, src/styles/blocks/slider-cols-block.scss */
.slider-cols a .slide-icon-hover {
  display: none;
}

/* line 54, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover {
  color: #FFFFFF;
}

/* line 55, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover h3 {
  color: #FFFFFF;
}

/* line 56, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover p {
  color: #FFFFFF;
}

/* line 57, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover .slide-icon {
  display: none;
}

/* line 58, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover .slide-icon-hover {
  display: block;
}

/* line 59, src/styles/blocks/slider-cols-block.scss */
.slider-cols a:hover .image-right {
  display: block;
}

/* line 61, src/styles/blocks/slider-cols-block.scss */
.slider-cols .item-inner a {
  background: #FFFFFF;
}

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

@media all and (max-width: 767px) {
  /* line 70, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .items-wrapper .flex {
    padding-top: 16px;
  }
  /* line 72, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .items-wrapper .flex h3 {
    font-size: 20px;
  }
  /* line 76, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .items-wrapper .flex .item-inner h3 {
    font-size: 26px;
  }
  /* line 80, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .items-wrapper .flex > .col-md-3 {
    width: 100%;
  }
  /* line 83, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .items-wrapper .flex .img-wrapper {
    padding: 24px 0;
    width: 100%;
  }
  /* line 86, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .items-wrapper .flex .img-wrapper img {
    width: 100%;
    height: auto;
  }
  /* line 90, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .row-name {
    font-size: 26px;
  }
  /* line 92, src/styles/blocks/slider-cols-block.scss */
  .slider-cols-block.style-row .row-name.counter {
    font-size: 100px;
  }

  /* line 99, src/styles/blocks/slider-cols-block.scss */
  .slider-cols h3 {
    font-size: 20px;
  }

  /* line 100, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .item-inner {
    margin: 0 auto 50px auto;
  }

  /* line 101, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .image-right {
    margin: -67px 0 0 0;
    position: absolute;
    right: -15px;
  }

  /* line 102, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .item-inner > a > .row {
    height: auto;
    min-height: 245px;
  }

  /* line 103, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .item-inner {
    height: auto;
    min-height: 490px;
  }

  /* line 104, src/styles/blocks/slider-cols-block.scss */
  .slider-cols a {
    height: auto;
    min-height: 583px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  /* line 108, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .image-right {
    margin: -30px 0 0 -30px;
  }
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  /* line 112, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .image-right {
    margin: -30px 0 0 -52px;
  }

  /* line 113, src/styles/blocks/slider-cols-block.scss */
  .slider-cols h3 {
    font-size: 24px;
    line-height: 48px;
    line-height: 24px;
  }

  /* line 114, src/styles/blocks/slider-cols-block.scss */
  .slider-cols p {
    font-size: 14px;
  }
}
@media all and (min-width: 1200px) {
  /* line 117, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .image-right {
    margin: -30px 0 0 -38px;
    max-width: 140px;
  }

  /* line 118, src/styles/blocks/slider-cols-block.scss */
  .slider-cols .item-inner > a > .row {
    height: 192px;
  }
}
/* line 125, src/styles/blocks/slider-cols-block.scss */
.is-root-container .slider-cols {
  clear: both;
}