.bg-section-second{
    background-color: rgb(229,241,253);
}

.bg-ems-desc {
    --bs-bg-opacity: 0.4;
    background-color: rgb(255,255,255) !important;
  }
  
.bg-ems-mobile {
    padding-top: 40px;
    background: linear-gradient(90deg, rgba(25,134,239,1) 0%, rgba(24,155,241,0.80) 50%, rgba(24,170,243,0.8) 100%)  !important; 
  }

  
.bg-ems-features {
    --bs-bg-opacity: 0.4;
    background-color: rgb(229,241,253) !important;
  }

  
  .btnRoundBlue{
    /* color: rgb(249,240,229); */
    background-color: rgb(229,241,253);
    border-radius: 50%;
    border-color: white;
    border: none;
    /* color: white; */
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 4px;
    cursor: pointer;    
  }
  
  .btnInvertColor{
    /* color: rgb(249,240,229); */
    background-color: black;
    border-radius: 50%;
    border-color: white;
    border: none;
    /* color: white; */
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 4px;
    cursor: pointer; 
    /* filter: invert(100%);  */
  }

  /* yau */
.main-title {
  font-size: 60px;
}

.desc-label {
  font-size: 20px;
}

.section-desc {
  font-size: 18px;
}

.icon-label {
  font-size: 24px;
  line-height: 1.1;
  width: calc(100% - 150px);
  margin-left: 50px;
}


@media screen and (min-width: 300px) {
  .navbar-brand div {
    background-image: url("../assets/Logo/57C/Version2/Asset11@3x.png");
    /* background-size: 200px; */
    background-position: left center;
  }
  .banner-title {
    font-size: 42px !important;
  }

  .banner-desc {
    font-size: 20px;
    opacity: .9;
    font-weight: 400;
    margin: 15px 0;
    padding-left: 12px;
  }

  .dots-container {
    padding: 0 12px;
  }

  .mySlidesEms:first-child {
    background-image: url('../assets/Home/billboard-ems.png');
    background-repeat: no-repeat;
    background-position: -560px 80px
  }


  .partner-img {
    height: 220px;
  }

  .partner-img > img {
    width: 60%;
  }

  .black-btn {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .navbar-brand div {
    background-image: url("../assets/Logo/57C/Version2/Asset12@3x.png");
    background-size: contain;
    background-position: auto;
  }
  .banner-title {
    font-size: 65px !important;
  }

  .banner-desc {
    font-size: 23px;
    opacity: .9;
    font-weight: 400;
    margin: 15px 0;
    padding-left: 12px;
  }

  .dots-container {
    padding: unset;
  }

  .mySlidesEms:first-child {
    background-image: url('../assets/Home/billboard-ems.png');
    background-repeat: no-repeat;
    background-position: unset;
  }


  .partner-img {
    height: 500px;
  }

  .partner-img > img {

  }

  .black-btn {
    margin-bottom: 0;
  }
}