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

/* line 5, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list {
  background: url(../../images/step-bg.webp) no-repeat top center #fff;
  background-size: cover;
  position: relative;
}
/* line 10, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list:before {
  content: '';
  background: linear-gradient(to bottom, #001A70, rgba(0, 26, 112, 0) 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 267px;
}
/* line 18, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list *:not(.btn) {
  color: #fff;
}
/* line 21, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list [class*="col-md-"] {
  padding: 0 1px;
}
/* line 25, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list .flex.item {
  border-top: 1px solid #F0F8FE4D;
  padding: 24px 0;
}
/* line 28, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list .flex.item h3 {
  font-size: clamp(26px, 2.5vw, 40px);
}
/* line 31, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.list .flex.item .html-content {
  padding: 0 40px;
}
/* line 37, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab {
  margin-bottom: 30px;
  padding: 30px 0;
}
/* line 40, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab h2 {
  font-size: 13px;
  color: #030D1F;
  text-transform: uppercase;
  margin-bottom: 30px;
}
/* line 41, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab h2 span {
  color: #EE3135;
}
/* line 43, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-box {
  position: relative;
  margin-bottom: 30px;
  padding: 0;
}
/* line 44, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-box .btn {
  background: #FFFFFF;
  color: #030D1F;
  float: left;
  display: table;
  margin: 0 15px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 0 15px;
  text-decoration: none;
  margin-bottom: 30px;
}
/* line 45, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-box .btn.active {
  background: #030D1F;
  color: #FFFFFF;
}
/* line 47, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-input-outer {
  margin-bottom: 30px;
  border: 1px solid #030D1F;
  height: 50px;
  border-radius: 25px;
  background: #FFFFFF;
  padding: 0 0 0 30px;
}
/* line 48, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-input-outer input[type=text] {
  float: left;
  height: 48px;
  line-height: 48px;
  background: #FFFFFF;
  color: #030D1F;
  border: 0;
  width: 80%;
}
/* line 49, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-input-outer .btn-default {
  border: 0;
  padding: 10px 30px;
  margin: 4px 4px 0 0;
  float: right;
}
/* line 52, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 h3 {
  font-size: 46px;
  line-height: 46px;
  color: #030D1F;
  margin-bottom: 30px;
}
/* line 53, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 span.subtitle {
  font-size: 24px;
  line-height: 24px;
  color: #030D1F;
  margin-bottom: 30px;
  display: block;
}
/* line 54, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 p {
  font-size: 16px;
  line-height: 20px;
  color: #030D1F;
  margin-bottom: 30px;
}
/* line 55, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 h4 {
  font-size: 13px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 30px;
}
/* line 56, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 h4 span {
  color: #EE3135;
}
/* line 57, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 h5 {
  font-size: 13px;
  color: #030D1F;
  text-transform: uppercase;
  margin-bottom: 30px;
}
/* line 58, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 h5 span {
  color: #EE3135;
}
/* line 59, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 .download-box {
  background: linear-gradient(90deg, #194797 13%, #030d1f 55%);
  border-radius: 10px;
  padding: 50px 70px;
}
/* line 60, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 .download-box a.btn-secondary {
  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: #FFFFFF;
  margin-left: 30px;
}
/* line 61, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 .download-box a.btn-secondary:hover {
  color: #FFFFFF;
  background: linear-gradient(266deg, #EE3135 30.04%, #030D1F 92.34%);
  text-decoration: none;
  border-color: #030D1F;
}
/* line 62, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 .clear {
  clear: both;
}
/* line 63, src/styles/blocks/search-video-library2.scss */
.block.search-video-library2.tab .search-results2 .img-responsive {
  margin-bottom: 30px;
  border-radius: 20px;
}

@media all and (max-width: 767px) {
  /* line 75, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.list .flex.item {
    padding: 24px 0;
  }
  /* line 77, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.list .flex.item h3 {
    font-size: 26px;
    width: 100%;
  }
  /* line 81, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.list .flex.item .html-content {
    padding: 0 0 24px 0;
  }
  /* line 88, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 .tab-content .row {
    display: flex;
    flex-direction: column;
  }
  /* line 89, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 .tab-content .row .col-md-7 {
    order: 2;
    -webkit-order: 2;
  }
  /* line 90, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 .tab-content .row .col-md-5 {
    order: 1;
    -webkit-order: 1;
  }
  /* line 91, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-video-library2 .search-box {
    max-width: 400px;
    margin: 0 auto;
  }
  /* line 92, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-video-library2 .search-box {
    display: block;
  }
  /* line 93, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 h3 {
    font-size: 22px;
    line-height: 26px;
  }
  /* line 94, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 span.subtitle {
    font-size: 18px;
    line-height: 22px;
  }
  /* line 95, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 p {
    font-size: 14px;
    line-height: 16px;
  }
  /* line 96, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-box .custom-select {
    max-width: 300px;
    margin: 0 auto 30px auto;
    display: table;
  }
  /* line 97, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-video-library2 .search-input-outer input[type="text"] {
    width: 55%;
  }
  /* line 98, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 {
    max-width: 400px;
    margin: 0 auto;
  }
  /* line 99, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-video-library2 .search-box .btn {
    white-space: nowrap;
    margin: 0 auto 30px auto;
    display: table;
    float: none;
  }
  /* line 100, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 .download-box {
    margin-bottom: 30px;
  }
  /* line 101, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 .download-box a.btn-default {
    margin: 0 auto 30px auto;
    float: none;
  }
  /* line 102, src/styles/blocks/search-video-library2.scss */
  .block.search-video-library2.tab .search-results2 .download-box a.btn-secondary {
    margin: 0 auto 30px auto;
    float: none;
    margin-left: auto;
  }
}