.social-image-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px}.social-image-gallery-item{position:relative;cursor:pointer;overflow:hidden;background:#000}.social-image-gallery-item .social-image-gallery-img{width:100%;height:265px;object-fit:cover;display:block;transition:0.5s}.social-image-gallery-item:hover .social-image-gallery-img{transform:scale(1.1);opacity:.7}.social-image-gallery-item .icon{position:absolute;width:35px;height:35px;bottom:0;top:0;left:0;right:0;border-radius:50%;display:none}.social-image-gallery-item .icon img{width:100%;height:100%;fill:#fff}.social-image-gallery-item:hover .icon{display:block;animation:slide-up 0.3s ease-out}@keyframes slide-up{from{bottom:-20px}to{bottom:0}}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:20px;border-radius:5px;width:80%;max-width:1000px;display:flex;flex-direction:column;justify-content:center;position:relative;height:85%;margin-top:80px}.popup-carousel{display:flex;overflow:hidden;position:relative}.popup-columns{display:flex;gap:20px;min-width:100%;transition:transform 0.5s ease;flex-direction:row}.popup-image{width:60%}.popup-image img{width:100%;height:600px;object-fit:cover;display:block;border-radius:5px}.popup-text{width:40%;padding:20px;overflow-y:scroll;margin-top:15px}.popup-text h2{margin-top:0}.popup-text p{margin:10px 0}.popup-text button{display:block;width:100%;padding:10px 20px;background-color:#000;color:#eee;border:none;border-radius:5px;cursor:pointer}.popup-text button:hover{background-color:#555}.slide-direction{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);color:#000;cursor:pointer;z-index:100;font-size:30px}.prev{left:-25px}.next{right:-25px}.close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}@media (max-width:980px){.social-image-gallery{grid-template-columns:repeat(3,1fr)}.social-image-gallery-item .social-image-gallery-img{height:200px}.icon{bottom:75px}.popup-columns{flex-direction:column;overflow-y:scroll}.popup-image{width:100%}.popup-text{overflow-y:visible;width:100%}}@media (max-width:480px){.social-image-gallery-item .social-image-gallery-img{height:140px}.icon{bottom:55px}.popup-image img{height:300px}}