.section-home {
  width: 100%;
  margin: 20px auto;
  padding-left: 5%;
  padding-right: 5%;

}
.right-section{
  margin: 20px auto;
  padding-right: 2%;

}

.container-banner{
  display: flex;
}
.banner-img-container {
  position: relative;
  display: inline-block;
  width: calc(50% - 10px);

}

.banner-img {
  width: 100%;
  height: 96px;
  border-radius: 8px; /* optional: for rounded corners */
}

.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; /* adjust color as needed */
  font-size: 1.5em; /* adjust font size as needed */
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border-radius: 8px; /* optional: rounded corners for the text background */
}
.home-section{

  .sidebar-left{
    width: 20%;
    float: left;

    @media (max-width: 480px) {
      width: 100% !important;
      float: none !important;
    }
    .card-profile{

      width: 100%;
      height: 360px;
      background: #FFFFFF;
      border: 0.5px solid #009444;
      border-radius: 6px;
      padding: 15px 15px 15px 15px;
      position: relative;
      .card-item{
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
        h3{
          color: rgba(0, 148, 68, 1);
            font-size: 20px !important;
        }
        p{
          font-size: 14px !important;
        }
        h4{
          font-size: 16px !important;
        }
        img{
          object-fit: contain;
          object-position: center;
          background: beige;
          border-radius: 50%;
        }
      }
    }
  }
    .main-content{
        width: 55%;
        float: left;
        margin: 0 auto;
      @media (max-width: 480px) {
        width: 100%;
        float: none;
      }

      .carausel-sponsor{
        .slick-list{
          .slick-track{
            float: left;
          }
        }
      }
    }
    .sidebar-right{
        width: 20%;
        float: right;
      @media (max-width: 480px) {
        width: 100%;
        float: none;
      }
    }

  @media (max-width: 480px) {
    display: block !important;
  }
}