/** about-section **/
.about-section{position: relative;}
.about-section .sec-title h2{font-size: 48px;line-height: 56px;}
.about-section .content-box{position: relative;display: block;}
.about-section .content-box .text-box span{position: relative;display: block;font-size: 21px;line-height: 20px;font-weight: 500;margin-bottom: 14px;}
.about-section .content-box .text-box h2{position: relative;display: block;font-size: 40px;line-height: 50px;margin-bottom: 15px;}
.about-section .content-box .text-box p{ margin-bottom: 0px; text-align: justify; }
.about-section .content-box .text-box .list-style-one li{font-weight: 500;color: var(--title-color);}
.about-section .content-box .text-box .list-style-one li:before{background: #111;}
.about-section .content-box .funfact-block{position: relative;display: block;background: #fff;border-radius: 10px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);margin-bottom: 10px;padding: 6px 0px;}
.about-section .content-box .funfact-block .count-outer{position: relative;display: block;font-size: 40px;line-height: 1;font-family: var(--title-font);font-weight: 700;margin-bottom: 3px;}
.about-section .content-box .funfact-block p{line-height: 26px; margin: 0;color: var(--title-color);}

/** funfact strip section **/
.funfact-section{
  position: relative;
  padding: 40px 0;
  margin: 10px 0 40px;
}

.funfact-section .funfact-inner{
  position: relative;
  background: #111;
  border-radius: 14px;
  padding: 36px 20px;
}

.funfact-section .funfact-block{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 16px;
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 10px 16px;
}

.funfact-section .funfact-icon{
  width: 64px;
  height: 64px;
  margin: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.funfact-section .funfact-icon img{
  max-width: 34px;
  max-height: 34px;
  filter: brightness(0) invert(1);
}

.funfact-section .funfact-content{
  min-width: 0;
}

.funfact-section .funfact-block .count-outer{
    position: relative;
    display: block;
    font-size: 42px;
    line-height: 1;
    font-family: var(--title-font);
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
}
.funfact-section .funfact-block .count-outer .symble{
    font-size: 28px;
    margin-left: 6px;
    color: var(--theme-color);
}

.funfact-section .funfact-block p{
  line-height: 24px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.funfact-section .funfact-inner.centred{
  text-align: left;
}

@media only screen and (max-width: 767px){
  .funfact-section .funfact-inner{
    padding: 28px 16px;
  }

  .funfact-section .funfact-block{
    margin-bottom: 18px;
  }

  .funfact-section .single-column:last-child .funfact-block{
    margin-bottom: 0;
  }
}
.about-section .content-box .btn-box .theme-btn{padding-top: 13px;padding-bottom: 13px;}
.about-section .content-box .btn-box .theme-btn img{margin-left: 10px;}
.about-section .inner-box{position: relative;width: 100%;padding-top: 460px;border-radius: 10px;overflow: hidden;}
.about-section .inner-box .bg-layer{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.about-section .inner-box .content-info{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;background: rgba(0, 0, 0, 0.50);padding: 24px 50px;}
.about-section .inner-box .content-info:before{position: absolute;content: '';width: 1px;height: 60px;background: rgba(255, 255, 255, 0.30);left: 50%;top: 34px;}
.about-section .inner-box .content-info .single-item{position: relative;display: block;padding: 10px 0px 10px 100px; min-height: 80px;}
.about-section .inner-box .content-info .single-item h2{position:absolute;display:inline-block;left:0px;top:0px;width:80px;height:80px;line-height:80px;background: #fff;text-align:center;border-radius:50%;font-size:32px;}
.about-section .inner-box .content-info .single-item h3{ display: block; font-size: 24px; line-height: 30px; color: #fff; }

@media only screen and (max-width: 991px){.about-section .content-box{margin-right: 0px; margin-bottom: 30px; }  }
@media only screen and (max-width: 767px){
  .about-section .inner-box .content-info{display: block; padding-left: 30px; padding-right: 30px;} 
  .about-section .inner-box .content-info:before{display: none;} 
  .about-section .inner-box .content-info .single-item{margin-bottom:30px;} 
  .about-section .inner-box .content-info .single-item:last-child{margin-bottom: 0px;} 
  .about-section .inner-box{ padding-top: 250px;}}
@media only screen and (max-width: 599px){.about-section {padding-bottom: 20px;}}