@media (max-width: 1440px) {
  .banner {
    background-image: url(https://assest.sgp1.cdn.digitaloceanspaces.com/pce/home/CoverHome72.webp);

    p {
      width: 50% !important;
    }
  }

  .home-tab-label .tab {
    cursor: pointer;
    margin: 5px 5px;
    padding: 10px 30px;
    max-width: 100%;
    display: inline-block;
    transform: translateX(0px);

    h3 {
      color: #272b75;

    }

    p {
      margin-right: 150px;
    }
  }
}

@media (max-width: 1024px) {
  .banner {
    background-image: url(https://assest.sgp1.cdn.digitaloceanspaces.com/pce/home/CoverHome72.webp);

    h1 {
      font-size: 30px;
      line-height: 30px;
    }

    p {
      font-size: 20px !important;
      width: 50% !important;
    }
  }

  .business-group-warpper {
    display: block;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;


    .card {
      width: 100% !important;
      padding: 0 30px;
      margin: 0 0 20px;
      min-height: 450px;
    }

    .card::before {
      opacity: 1;
      height: 95%;
    }

    .icon {
      margin-top: 30px;
    }

    .description {
      padding-top: 1rem;
      opacity: 1;
      z-index: 2;

    }

    h4 {
      font-size: 18px;
      text-align: center;
      line-height: 30px;

    }

    p {
      color: #464879 !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px;
    }
  }


  .home-tab-business-warpper {
    display: block !important;

    .home-tab-label .tab {
      cursor: pointer;
      margin: 5px 5px;
      padding: 10px 30px;
      max-width: 100%;
      display: inline-block;
      transform: translateX(0px);

      h3 {
        color: #272b75;

      }

      p {
        margin-right: 0px !important;
      }
    }
  }
}

@media (max-width: 768px) {
  .banner {
    background-image: url(https://assest.sgp1.cdn.digitaloceanspaces.com/pce/home/ipad.webp);

    h1 {
      font-size: 40px;
      line-height: 50px;
      text-align: center;
    }

    p {
      width: 100% !important;
      text-align: center;
      margin-top: 30px;
    }
  }

  .business-group-warpper {
    display: block;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;


    .card {
      width: 100% !important;
      padding: 0 10px;
      margin: 0 0 20px;
      min-height: 450px;
    }

    .card::before {
      opacity: 1;
      height: 95%;
    }

    .icon {
      margin-top: 10px;
    }

    .description {
      padding-top: 1rem;
      opacity: 1;
      z-index: 2;

    }

    h4 {
      font-size: 18px;
      text-align: center;
      line-height: 30px;

    }

    p {
      color: #464879 !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px;
    }
  }

  .home-tab-business-warpper {
    display: block !important;

    .home-tab-label .tab {
      cursor: pointer;
      margin: 5px 5px;
      padding: 10px 30px;
      max-width: 100%;
      display: inline-block;
      transform: translateX(0px);

      h3 {
        color: #272b75;

      }

      p {
        margin-right: 0px !important;
      }
    }
  }


  .switch-title {
    font-size: 14px;
  }

  .card-award {
    margin-block: 15px;

    img {
      max-width: 70% !important;
    }

  }

  .modal-dialog {
    min-width: auto !important;
  }



}

@media (max-width: 425px) {
  .banner {
    background-image: url(../assets/img/home/Mobile1.webp);

    h1 {
      font-size: 30px;
      line-height: 30px;
      text-align: center;
    }

    p {
      width: 100% !important;
      text-align: center;
      margin-top: 20px;
    }
  }

  .business-group-warpper {
    display: block;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;


    .card {
      width: 100% !important;
      padding: 0 10px;
      margin: 0 0 20px;
      min-height: 550px;
    }

    .card::before {
      opacity: 1;
      height: 115%;
    }

    .icon {
      margin-top: 10px;
    }

    .description {
      padding-top: 1rem;
      opacity: 1;
      z-index: 2;

    }

    h4 {
      font-size: 18px;
      text-align: center;
      line-height: 30px;

    }

    p {
      color: #464879 !important;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px;
    }
  }

  .AllBU {
    padding-top: 0px;



    img.LogoPCE {
      width: 40%;
    }
  }

  .home-tab-business-warpper {
    display: block !important;

    .home-tab-label .tab {
      cursor: pointer;
      margin: 5px 5px;
      padding: 10px 30px;
      max-width: 100%;
      display: inline-block;
      transform: translateX(0px);

      h3 {
        color: #272b75;

      }

      p {
        margin-right: 0px !important;
      }
    }
  }

  .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title {
    color: #888;
    font-weight: 16px;
    font-size: 0px;
  }

  .switch-title {
    font-size: 11px;
  }

  .swiper-slide {
    h5 {
      font-size: 20px;
    }
  }

  .delivery__media-theme-btn-wrapper .popup-video {
    padding-top: 0px !important;
  }

  .delivery__media-theme-btn-wrapper:after {
    bottom: -244px;
  }

  .card-award {
    margin-block: 15px;

    img {
      max-width: 70% !important;
    }

  }

  .modal-dialog {
    min-width: auto !important;
  }

  .chairman-statement {
  
    p {
      font-size: 18px;
      line-height: 30px;
  
    }
  
    .tex-b-mark {
      font-size: 80px;
    }
  
    .position {
      p:nth-child(1) {
        font-size: 23px;
        font-weight: 600;
        text-align: center;
      }
  
      p:nth-child(2) {
        font-size: 20px;
        margin-top: 5px;
        color: #293196;
        text-align: center;
        
  
      }
    }
  
  
  
    .shareholders {
  
      h4 {
        color: #293196;
        padding: 10px;
      }
  
      p {
        font-size: 20px;
        color: #293196;
  
      }
    }
  }

}