/** funfact-section **/

.funfact-section{
  position: relative;
}

.funfact-section{
  position: relative;
  display: block;
  background:var(--secondary-color);
  padding: 50px 20px;
  overflow: hidden;
  border-radius:0px;
}

.funfact-section .inner-container .shape{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.funfact-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 50px;
  width: 100%;
  height: 111px;
}

.funfact-section .pattern-layer svg path{
  stroke-dasharray: 4717.19042968758765;
  stroke-width:20px;
  stroke-dashoffset : 4717.19042968758765;
  animation: animate 10s linear infinite;

}

.funfact-section .pattern-layer .pattern-2{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 584px;
  height: 544px;
  background-repeat: no-repeat;
}

.funfact-block-two .inner-box{
  position: relative;
  display: block;
  padding-left:90px;
}

.funfact-block-two .inner-box .icon-box{
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0px;
  font-size: 60px;
  color: #fff;
}

.funfact-block-two .inner-box .count-outer{
  position: relative;
      display: flex;
    gap: 10px;
    align-items: center;
 font-size: 45px;
    line-height: 50px;
  font-family: var(--title-font);
  font-weight: 700;
  color: #fff;
}

.funfact-block-two .inner-box .count-outer span.star{
        font-size: 30px;
    color: #ffbb00;
}

.funfact-block-two .inner-box p{
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}



/** RTL-CSS **/

.rtl .funfact-block-two .inner-box{
  padding-left: 0px;
  padding-right: 90px;
}

.rtl .funfact-block-two .inner-box .icon-box{
  left: inherit;
  right: 0px;
}


/** RESPONSIVE-CSS **/

@media only screen and (max-width: 1599px){
  



@media only screen and (max-width: 1200px){



}

@media only screen and (max-width: 991px){

  .funfact-block-two .inner-box{
    margin-bottom: 10px;
  }

}

@media only screen and (max-width: 767px){


}

@media only screen and (max-width: 599px){

  

}

@media only screen and (max-width: 499px){

  .funfact-section .inner-container{
   /* padding-left: 30px;
    padding-right: 30px;*/
  }

}