.pr-gallery { background: linear-gradient(90deg, #010101 0%, #393D48 100%); padding: 80px 0; } 
.pr-gallery .image-gallery { display: flex; flex-flow: wrap; gap: 20px; } 
.pr-gallery .image-gallery > * { width: calc((100% - 20px) / 2); } 
.pr-gallery .image-gallery > *:first-child { width: 100%; } 
.pr-gallery .image-gallery .gallery-item { border-radius: 10px; overflow: hidden; } 
.pr-gallery .image-gallery .gallery-item * { display: flex; transition: all 0.5s; } 
.pr-gallery .image-gallery .gallery-item:hover * { transform: scale(1.02); } 
.pr-gallery .image-gallery .gallery-item img { aspect-ratio: 1/1; object-fit: cover; object-position: center; }
.pr-gallery .image-gallery > *:first-child img { aspect-ratio: 2;}
.pr-gallery .container > button {text-transform: uppercase;color: #fff;font-weight: 600;font-size: 17px;letter-spacing: 2px;margin: 0 0 15px;display: flex;align-items: center;gap: 10px;    transition: all 0.5s;}
.pr-gallery .container > button svg {width: 25px;height: 25px;}
.pr-gallery .container > button:hover {color: #6b00f9;}
.pr-gallery .container > button:hover path {fill: #6b00f9;}
.pr-gallery .container > button path {transition: all 0.5s;}
/* Responsive css */

@media (max-width:1199px){

.pr-gallery{padding:70px 0;}

}

@media (max-width:991px){

.pr-gallery{padding:60px 0;}

}
@media (max-width:767px){

.pr-gallery{padding:50px 0;}

}
@media (max-width:575px){

.pr-gallery{padding:40px 0;}
.pr-gallery .image-gallery > * { width: 100%; }

}