#gallery-container {
 background-color: #D0EBFA;
 padding: 16px;
 margin: 0 7%;
 }

 .gallery-title {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 4px;
 text-align: center;
 }

 .gallery-description {
 font-size: 16px;
 margin-bottom: 20px;
 text-align: center;
 }

 #gallery-wrapper {
 background-color: #D0EBFA;
 box-sizing: border-box;
 height: auto;
 overflow: hidden;
 position: relative;
 }

 #gallery-scroll {
 box-sizing: border-box;
 height: auto;
 overflow-x: scroll;
 overflow-y: hidden;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
 }

 #gallery-scroll::-webkit-scrollbar {
 display: none;
 }

 #gallery-scroll {
 scrollbar-width: none;
 -ms-overflow-style: none;
 }

 #gallery {
 display: flex;
 box-sizing: border-box;
 width: max-content;
 height: auto;
 padding: 0px 8px;
 }

 .item {
 box-sizing: border-box;
 display: inline-block;
 text-align: left;
 padding: 8px;
 font-weight: bold;
 margin-right: 10px;
 text-decoration: none;
 }

 .item img {
 display: block;
 max-width: 280px;
 max-height: 235px;
 width: auto;
 height: auto;
 border-radius: 18px;
 }

 .caption {
 margin-top: 5px;
 font-size: 14px;
 color: #333;
 }

 .nav-button {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background-color: transparent;
 border: none;
 border-radius: 50%;
 width: 36px;
 height: 36px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 1;
 background-size: cover;
 background-repeat: no-repeat;
 }

 #prev-button {
 left: 8px;
 background-image: url('../images/icons8-arrow-96-2.png');
 }

 #next-button {
 right: 8px;
 background-image: url('../images/icons8-arrow-96.png');
 }
 .mega-creator-container {
 text-align: center;
 margin: 0 15% 0
 }

 .mega-creator-title {
 font-weight: 700;
 color: #111
 }

 .mega-creator-description {
 font-size: 16px;
 color: #666;
 margin-top: 20px;
 line-height: 1.6
 }

 .gallery-isolated {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
 justify-content: center;
 max-width: 900px;
 margin: 0 auto
 }

 #gallery-container-isolated {
 background-color: #fff;
 padding: 16px;
 margin: 0 7% 0
 }

 .gallery-title-isolated {
 font-weight: 700;
 margin-bottom: 8px;
 text-align: center
 }

 .gallery-description-isolated {
 margin-bottom: 16px;
 text-align: left
 }

 #gallery-wrapper-isolated {
 background-color: #fff;
 box-sizing: border-box;
 height: auto;
 overflow: hidden;
 position: relative
 }

 #gallery-scroll-isolated {
 box-sizing: border-box;
 height: auto;
 overflow-x: scroll;
 overflow-y: hidden;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch
 }

 #gallery-scroll-isolated::-webkit-scrollbar {
 display: none
 }

 #gallery-scroll-isolated {
 scrollbar-width: none;
 -ms-overflow-style: none
 }

 #gallery-isolated {
 background-color: #fff;
 display: flex;
 box-sizing: border-box;
 width: max-content;
 height: auto;
 padding: 0 8px
 }

 .item-isolated {
 box-sizing: border-box;
 display: inline-block;
 text-align: left;
 padding: 8px;
 font-weight: 700;
 margin-right: 10px;
 text-decoration: none
 }

 .item-isolated img {
 display: block;
 max-width: 180px;
 max-height: 135px;
 width: auto;
 height: auto;
 border-radius: 12px
 }

 .caption-isolated {
 margin-top: 5px;
 font-size: 14px;
 color: #333
 }

 .nav-button-isolated {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background-color: transparent;
 border: none;
 border-radius: 50%;
 width: 36px;
 height: 36px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 1;
 background-size: cover;
 background-repeat: no-repeat
 }
