/** funfact-section **/

.funfact-section{
  position: relative;
  overflow: hidden;
}

.funfact-section .bg-layer:before{
  position: absolute;
  content: '';
  background: #153D9A;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}

.funfact-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.funfact-block-one .inner-box{
  position: relative;
  display: block;
  z-index: 2;
}

.funfact-block-one .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 70px;
  margin-bottom: 15px;
}

.funfact-block-one .inner-box .count-outer{
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 50px;
  font-family: var(--title-font);
  color: #fff;
  font-weight: 600;
  max-height: 44px;
  margin-bottom: 10px;
}

.funfact-block-one .inner-box p{
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}


/** funfact-style-two **/

.funfact-style-two{
  position: relative;
  padding: 107px 0px 113px 0px;
  overflow: hidden;
  background-color: #D9D9D9;
}

.funfact-style-two .bg-layer{
  opacity: 0.5;
}

.funfact-style-two:before{
  position: absolute;
  content: '';
  background: linear-gradient(-90deg, #37AA67 0.76%, #08349E 99.64%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  mix-blend-mode: multiply;
  z-index: 1;
}

.funfact-style-two .funfact-block-one .inner-box{
  padding-left: 90px;
}

.funfact-style-two .funfact-block-one .inner-box .icon-box{
  position: absolute;
  left: 0px;
  top: 6px;
  color: #fff !important;
}

.funfact-style-two .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 589px;
  height: 308px;
  background-repeat: no-repeat;
  z-index: 1;
}

.funfact-style-two .pattern-layer .pattern-2{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 642px;
  height: 308px;
  background-repeat: no-repeat;
  z-index: 1;
}