.gallery-container{margin:0 auto;position:relative}.image-container{width:100%;height:400px;border:1px solid #e9e9e9;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer}.main-image{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;display:block;cursor:pointer}.thumbnail-carousel{display:flex;justify-content:space-between;overflow:hidden;margin-top:10px}.thumbnail-container{overflow-x:auto;white-space:nowrap;position:relative}.thumbnail-container::-webkit-scrollbar{width:8px;height:8px}.thumbnail-container::-webkit-scrollbar-track{background:#fff0}.thumbnail-container::-webkit-scrollbar-thumb{background:#0099e5;border-radius:4px}.thumbnail-container::-webkit-scrollbar-thumb:hover{background:#036ea2}.thumbnail{max-width:100px!important;max-height:60px!important;flex-shrink:0;cursor:pointer}.thumbnail-container{overflow-x:hidden;white-space:nowrap;position:relative}.a-button{background-color:#fff;color:#0099e5;font-size:25px;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;width:45px!important;margin:10px 2px;height:35px;border:0;padding:0}.a-button:hover{box-shadow:none!important;transform:translateY(-2px)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);display:none;justify-content:center;align-items:center;z-index:9999}.overlay.active{display:flex}.image-viewer{position:relative;max-width:calc(100% - 80px);max-height:calc(100% - 80px);display:flex;justify-content:center;align-items:center;width:100%;height:100%}.arrow-overlay{position:fixed;top:0;bottom:0;width:40px;display:flex;justify-content:center;align-items:center;opacity:.5;cursor:pointer;transition:background-color 0.3s ease;z-index:9999}.left-overlay{left:0}.right-overlay{right:0}.left-overlay i,.right-overlay i{color:#fff;font-size:24px}.left-overlay:hover,.right-overlay:hover{background-color:rgb(255 255 255 / .2)}