#section-style-0020 {
    position: relative;
}

#section-style-0020 *,
#section-style-0020 *:before,
#section-style-0020 *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#section-style-0020 .decor {
  position: relative;
  width: 57px;
  height: 9px;
  background-repeat: no-repeat;
  margin: 0 auto
}

#section-style-0020 h2,
#section-style-0020 h5 {
  font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0.02em;
  color: #273f5b;
  font-weight: 700;
  margin: .5em 0;
  line-height: 1.3em;
}

#section-style-0020 h2 {
  font-size: 38px;
}

#section-style-0020 h5 {
  font-size: 24px;
}

#section-style-0020 .container:before,
#section-style-0020 .container:after,
#section-style-0020 .row:before,
#section-style-0020 .row:after {
  display: table;
  content: " ";
  width: 100%;
}

#section-style-0020 .row {
  --bs-gutter-x: 0;
}

#section-style-0020 .more-arrow {
  font-size: 14px;
  font-weight: 700;
  color: #6987ab;
  text-transform: uppercase;
}

#section-style-0020 .more-arrow>* {
  display: inline-block;
  vertical-align: middle;
}

#section-style-0020 .more-arrow:hover {
  color: #0083ff;
}

#section-style-0020 .more-arrow.white {
  color: #fff;
  fill: #fff;
}

#section-style-0020 .more-arrow.white:hover {
  color: #fff;
}

#section-style-0020 .bg-product-blue {
  background-color: #007bef;
}

#section-style-0020 .bg-product-blue:before {
  box-shadow: 10px 0 25px rgba(0, 131, 255, 0.6);
}

#section-style-0020 .bg-product-violet {
  background-color: #af23e0;
}

#section-style-0020 .bg-product-violet:before {
  box-shadow: 10px 0 25px rgba(187, 38, 240, 0.6);
}

#section-style-0020 .bg-product-red {
  background-color: #d80873;
}

#section-style-0020 .bg-product-red:before {
  box-shadow: 10px 0 25px rgba(231, 9, 123, 0.6);
}

#section-style-0020 .bg-product-marrow {
  background-color: #373b5d;
}

#section-style-0020 .bg-product-marrow:before {
  box-shadow: 10px 0 25px rgba(55, 59, 93, 0.6);
}

#section-style-0020 .crumina-heading {
  position: relative;
  z-index: 5;
  margin-bottom: 30px;
}

#section-style-0020 .crumina-heading>*:last-child {
  margin-bottom: 0;
}

#section-style-0020 .crumina-heading>*:first-child {
  margin-top: 0;
}

#section-style-0020 .heading-title {
  margin-bottom: 30px;
  line-height: 1.3em;
}

#section-style-0020 .heading-text {
  margin-top: 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75;
  font-family: 'Muli', sans-serif;
}

#section-style-0020 .bg-blue-lighteen {
  background-color: #ecf5fe;
}

#section-style-0020 .background-contain {
  background-size: contain;
  background-repeat: no-repeat;
}

#section-style-0020 .crumina-module-slider {
  position: relative;
}

#section-style-0020 .crumina-module-img-bottom {
  display: flex;
  align-items: flex-end;
}

#section-style-0020 .box-area {
  height: 240px;
  min-height: 240px;
  max-height: 240px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

#section-style-0020 .box-area-text {
  padding-top: 100px;
  text-align: center;
}

#section-style-0020 .box-area-text {
  padding-top: 100px;
  text-align: center;
}

#section-style-0020 img.box-area-img:hover {
  opacity: 0.6;
  transition: opacity 2s ease-in-out, background 1s ease-in;
}

#section-style-0020 img.box-area-img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 240px;
  opacity: 0.1;
  transition: opacity 2s ease-in-out;
  border-radius: 10px;
}

#section-style-0020 .title {
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
}

#section-style-0020 h2.heading-title,
#section-style-0020 .heading-text {
  text-align: center;
}

@media (max-width: 1199px) {
  #section-style-0020 .crumina-module-img-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 1024px) {
  #section-style-0020 .crumina-module-img-bottom {
    display: block;
  }
}

@media (max-width: 800px) {
  #section-style-0020 .heading-text {
    font-size: 20px;
  }

  #section-style-0020 h2 {
    font-size: 1.9em;
  }

  #section-style-0020 h5 {
    font-size: 1.6em;
  }
}

@media (max-width: 587px) {
  #section-style-0020 h2 {
    font-size: 1.5em;
  }

  #section-style-0020 h5 {
    font-size: 1.2em;
  }

  #section-style-0020 .heading-text {
    font-size: 16px;
  }
}

/*
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/