<template>
    <div class="our-founders">
      <h2 class="our-founders-t">Our Founders Are Global</h2>
      <p class="our-founders-d">LightLimX now has offices located in Tokyo,Dubai,Singapore,North America, Asia , allowing us to reach out resources globally.</p>
      <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "OurFounders"
    }
</script>

<style scoped lang="less">
.our-founders{
  padding-top: 2rem;
  padding-bottom: 1.92rem;
  &-banners{
    width: 100%;
    padding: 0 ;
  }
  &-t,&-d{
    text-align: center;
    font-family: Manrope;
  }
  &-t{
    font-size: .48rem;
    font-weight: bold;
    line-height: .84rem;
    color: #FFFFFF;
  }
  &-d{
    max-width: 9rem;
    width: 100%;
    margin:  0 auto 1.08rem;
    font-size: .24rem;
    font-weight: 400;
    line-height: .48rem;
    color: #FFFFFF;
  }
}
  @media screen and (max-width: 768px) {
     .our-founders{
       padding-bottom: .44rem;
       padding-top: .7rem;
       &-banners{
         padding: 0 .3rem;
       }
       &-t{
         font-size: .4rem;
         line-height: .84rem;
       }
       &-d{
         max-width: 5.6rem;
         font-size: .24rem;
         line-height: .34rem;
         margin-bottom: .49rem;
       }
     }
  }
</style>
