.Gdivmain{color:#000;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.gdiv{flex-wrap:nowrap;justify-content:space-between;height:auto;display:flex;position:relative}.social-media{background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-shrink:0;width:400px;height:800px;padding:16px;overflow-y:auto;box-shadow:0 2px 4px #a91a1a1a}.imagediv1{box-sizing:border-box;gap:10px;width:100%;height:100%;padding-left:20px}.imagediv1>div{cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.imagediv1 img{width:100%;height:auto;transition:transform .3s}.imagediv1 img:hover{transform:scale(1.05)}.imagediv1 .overlay{opacity:0;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.imagediv1 .overlay button{color:#000;cursor:pointer;background:0 0;border:none;font-size:16px}.imagediv1 .group:hover .overlay{opacity:1}.popup{z-index:1000;background-color:#fff;max-width:90%;max-height:90%;padding:10px;position:fixed;top:60%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000001a}.popup img{width:100%;height:auto}.overlay-background{z-index:999;background-color:#00000080;position:fixed;inset:0}.close-button{cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:10px}.navigation-buttons{justify-content:space-between;width:100%;display:flex}.prev-button,.next-button{cursor:pointer;background:0 0;border:none;font-size:24px}@media (max-width:768px){.gdiv{padding:5px}.social-media{background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-shrink:0;width:100%;height:800px;margin:10px;padding:16px;overflow-y:auto;box-shadow:0 2px 4px #a91a1a1a}.imagediv1{box-sizing:border-box;gap:10px;width:100%;height:100%;padding-left:0}.popup{z-index:1000;background-color:#fff;max-width:100%;max-height:100%;padding:2px;position:fixed;top:30%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000001a}}.hidden-on-mobile{display:block}@media (max-width:640px){.hidden-on-mobile{display:none}}.image-item{cursor:pointer;border-radius:.5rem;width:100%;height:100%;position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}