.ldp-branding .four-banner .wrap-banner {
  display: flex;
  gap: 10px;
  margin: 10px; }
  @media (max-width: 991px) {
    .ldp-branding .four-banner .wrap-banner {
      gap: 5px;
      margin: 5px;
      flex-wrap: wrap;
      justify-content: space-between; }
      .ldp-branding .four-banner .wrap-banner .item-banner {
        width: calc(50% - 3px); } }

.ldp-branding .two-banner .wrap-banner {
  display: flex;
  gap: 10px;
  max-width: 1000px;
  margin: 10px auto; }
  @media (max-width: 991px) {
    .ldp-branding .two-banner .wrap-banner .item-banner {
      width: 100%; } }
  .ldp-branding .two-banner .wrap-banner .item-banner {
    cursor: pointer; }

.ldp-branding .main-tab {
  margin: 0 0 45px 0; }

.ldp-branding .tab-container .tabs {
  display: flex;
  gap: 15px;
  margin: 50px 0 20px 0;
  justify-content: space-between; }
  @media (max-width: 991px) {
    .ldp-branding .tab-container .tabs {
      overflow: auto;
      gap: 10px;
      -ms-overflow-style: none;
      margin: 20px 0; }
      .ldp-branding .tab-container .tabs::-webkit-scrollbar {
        display: none; } }
  .ldp-branding .tab-container .tabs .tab {
    padding: 10px 5px;
    background-color: #fff;
    border: 1px solid #ffa13c;
    border-radius: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
    flex: 0 0 auto;
    flex: 1; }
    @media (max-width: 991px) {
      .ldp-branding .tab-container .tabs .tab {
        flex: 0 0 100px; }
        .ldp-branding .tab-container .tabs .tab:last-child {
          flex: 0 0 200px; } }
    .ldp-branding .tab-container .tabs .tab:hover {
      background-color: #ffebd5; }
    .ldp-branding .tab-container .tabs .tab.active {
      background-color: #ffa13c;
      color: white; }

.ldp-branding .tab-container .tab-contents .tab-content {
  display: block; }
  .ldp-branding .tab-container .tab-contents .tab-content .render-product {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px; }
    @media (max-width: 991px) {
      .ldp-branding .tab-container .tab-contents .tab-content .render-product {
        grid-template-columns: repeat(2, 1fr); } }