.section-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 50px;
      max-width: 1200px;
      margin: auto;
      text-align: center; /* Default text alignment for smaller screens */
  }

@media (max-width: 767px) {
.section-container {
      padding: 10px;
      }
}


  .content-section,
  .image-section,
  .video-container {
      padding: 15px;
      flex: 1 1 100%; /* Default full width */
  }

  .content-section {
      max-width: 700px; /* Limit content width for better readability */
      margin: 0 auto; /* Center align on small screens */
  }

  .content-section h2,
  .content-section h3 {
      word-break: normal; /* Ensure proper word wrapping */
      line-height: 1.4; /* Better spacing between lines */
      font-size: 1.5rem; /* Adjust heading size for smaller screens */
  }

  .content-section p {
      font-size: 1rem;
      line-height: 1.6;
  }

  .image-section img,
  .video-container video {
      max-width: 100%;
      height: auto;
  }


	
  @media (max-width: 767px) {
      .image-section img {
          width: 80%; /* Make the image larger on mobile devices */
          max-width: 80%; /* Ensure the image doesn't exceed its container */
      }
  }

@media (min-width: 768px) {
      .image-section img {
          width: 90%; /* Make the image larger on mobile devices */ 
          height: 90%;   
          
      }
  }

  @media (min-width: 768px) {
      .content-section,
      .image-section,
      .video-container {
          flex: 1 1 48%; /* Side by side on larger devices */
          text-align: left; /* Left-align text on larger screens */
      }

      .content-section {
          max-width: none; /* Remove width constraint for larger screens */
      }

      .content-section h2,
      .content-section h3 {
          font-size: 2rem; /* Larger heading size for desktops */
      }

      .content-section p {
          font-size: 1.2rem;
      }
  }

.custom-section p, .custom-section h5 {
        color: #4c4c4c; /* Set text color to #4c4c4c */
    }

@media (max-width: 967px) {
        .hide-on-mobile {
            display: none; /* Hide the image on small screens */
        }
    }

.hpIehS {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    background-color: rgb(244, 244, 244);
    color: rgb(44, 46, 56);
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    overflow: hidden;
}

.FOqKv {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-self: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    width: 2560px;
    padding-left: var(--vw7p725);
    padding-right: var(--vw7p725);
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.ZyANy {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    overflow: hidden;
}

.kKSqRx {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
}

.jWEgjz {
    border-radius: 15px;
    box-shadow: none;
}
<style>
.PcSKF {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0px;
    background-color: rgb(244, 244, 244);
    color: rgb(44, 46, 56);
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    padding: 0rem;
}

.Vrlnh {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-flow: wrap;
    justify-content: space-evenly;
}

.byawaW {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    align-items: center;
    min-width: 0px;
    flex-direction: column;
    min-height: 8rem;
    width: 25%;
    justify-content: flex-start;
    padding-left: 0px;
    padding-right: 0px;
}

.PcSKF {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0px;
    background-color: rgb(244, 244, 244);
    color: rgb(44, 46, 56);
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    padding: 0rem;
}

.hcAWmp {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
}

.gslNJA {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    height: 100%;
    width: 20rem;
    justify-content: center;
}

.cVGGPu {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding-top: 0.75rem;
}

.kiMXwW {
    letter-spacing: normal;
    line-height: 1.2;
    white-space: pre-line;
}
<style>
.bomRDj {
    font-size: 1.5rem;
    line-height: normal;
    text-align: center;
    color: rgb(60, 60, 60);
    font-weight: 600;
}

.afRXc {
    flex: 0 0 auto;
    align-self: stretch;
    height: 0.85rem;
}

.cjfUwh {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    justify-content: center;
}

.joQYrF {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    width: 75%;
}

.kuNLKn {
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: normal;
    white-space: pre-line;
}
<style>
.eIQSGf {
    font-size: 1.08333rem;
    line-height: normal;
    text-align: center;
    color: rgb(60, 60, 60);
    font-weight: normal;
}

.byawaW {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    align-items: center;
    min-width: 0px;
    flex-direction: column;
    min-height: 8rem;
    width: 25%;
    justify-content: flex-start;
    padding-left: 0px;
    padding-right: 0px;
}

.hcAWmp {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
}

.gslNJA {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    height: 100%;
    width: 20rem;
    justify-content: center;

.cVGGPu {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding-top: 0.75rem;
}

.kiMXwW {
    letter-spacing: normal;
    line-height: 1.2;
    white-space: pre-line;
}
<style>
.bomRDj {
    font-size: 1.5rem;
    line-height: normal;
    text-align: center;
    color: rgb(60, 60, 60);
    font-weight: 600;
}

.afRXc {
    flex: 0 0 auto;
    align-self: stretch;
    height: 0.85rem;
}

.cjfUwh {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    justify-content: center;
}

.joQYrF {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0px;
    min-height: 0px;
    flex-direction: column;
    width: 75%;
}

.kuNLKn {
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: normal;
    white-space: pre-line;
}
<style>
.eIQSGf {
    font-size: 1.08333rem;
    line-height: normal;
    text-align: center;
    color: rgb(60, 60, 60);
    font-weight: normal;
}

.byawaW {
    display: flex
;
    box-sizing: border-box;
    max-width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    align-items: center;
    min-width: 0px;
    flex-direction: column;
    min-height: 8rem;
    width: 25%;
    justify-content: flex-start;
    padding-left: 0px;
    padding-right: 0px;
}

.jWEgjz {
    border-radius: 15px;
    box-shadow: none;
}

.kiMXwW {
    letter-spacing: normal;
    line-height: 1.2;
    white-space: pre-line;
}
<style>
.bomRDj {
    font-size: 1.5rem;
    line-height: normal;
    text-align: center;
    color: rgb(60, 60, 60);
    font-weight: 600;
}

/* Sidebar styling */
    #sidebar {
      min-width: 240px;
      max-width: 260px;
      background: #f8f9fa;
      border-right: 1px solid #dee2e6;
    }
    /* Make the nav links stack vertically and fill sidebar width */
    #sidebar .navbar-nav {
      flex-direction: column;
    }
    #sidebar .nav-link {
      color: #333;
    }
    #sidebar .nav-link:hover,
    #sidebar .nav-link.active {
      background-color: #e9ecef;
      color: #000;
    }

    /* Main content area */
    #main-content {
      flex: 1;
      background: #fff;
      padding: 20px;
    }

    /* Example: company header info styling */
    .company-header {
      background-color: #f8f9fa;
      border: 1px solid #dee2e6;
      margin-bottom: 20px;
      padding: 15px;
    }
    .company-header .btn-group > * {
      margin-right: 10px;
    }

    /* Sub-tabs (like "Company Information", "Trading Address", etc.) */
    .sub-tabs .nav-link.active {
      border-bottom: 2px solid #dc3545; /* Red underline for active subtab */
      color: #dc3545;
    }