section.section.opensignal {
  margin-top:100px;
  background-image: url("https://unifi.com.my/sites/default/files/page/assets/revamp/landing/oepnsignal-group-topbottomcurve_2560px.png");
  background-repeat: no-repeat;
  background-size: 100% 520px;
  min-height: 520px;
  @media (max-width: 767px) {
    margin-top:20px;
    margin-bottom:50px;
    background-image: url("https://unifi.com.my/sites/default/files/page/assets/revamp/landing/oepnsignal-group-topbottomcurve_768px.png");
    background-size: 100% 830px;
    min-height: 830px
  }
  @media (min-width: 767px) {
    &.mobile-devices {
      margin-bottom:70px;
    }
  }
  @media (max-width: 767px) {
    &.mobile {
      margin-bottom:-70px;
    }
  }
}

#opensignal-parent {
  padding-top:70px;
  @media (max-width: 767px) {
    padding-top:80px;
    padding-left:0px;
    padding-right:0px;
  }
  .title-main {
    color:white;
    text-align:center;
    font-size:36px;
    @media (max-width: 767px) {
      padding-left:10px;
      padding-right:10px;
    }
  }
  .title-sub {
    padding-top:3px;
    color:white;
    text-align:center;
    font-size:18px;
    @media (max-width: 767px) {
      padding-left:10px;
      padding-right:10px;
    }
  }
  .title-bottom {
    color:white;
    text-align:center;
    font-size:14px;
    @media (max-width: 767px) {
      padding-left:10px;
      padding-right:10px;
    }
  }
  .awards-img {
    display: flex;
    justify-content: center;
    margin-top:18px;
    margin-bottom:30px;
  }
  .opensignal-container {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    justify-content: center;
    margin-top:30px;
    .box {
      text-align: center;
      box-sizing: border-box;
      @media (min-width: 768px) {
          /* flex: 0 0 25%; */
      }
      @media (max-width: 767px) {
          /* flex: 0 0 50%; */
      }
    }
  }
}