.b-gv-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.4);
-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); z-index: 9999; transition: all 0.3s ease;}
.b-gv-close{position: absolute; top: 20px; left: 20px; width: 36px; height: 36px; background-color: var(--bg-white); border-radius: 50%; box-shadow: 0 4px 15px rgba(7,70,70,0.08); border: 2px solid var(--color-brown); cursor: pointer; background-image: url('../img/fa-close.svg'); background-repeat: no-repeat; background-position: center; background-size: 70%;}
.btn-gv{position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 50px; height: 50px; background-color: var(--bg-white); border-radius: 50%; box-shadow: 0 4px 15px rgba(7,70,70,0.08); border: 2px solid var(--color-brown); background-repeat: no-repeat; background-position: center; background-size: 70%;}
#gv-prev{left: 20px; background-image: url('../img/fa-arrow-left.svg');}
#gv-next{right: 20px; background-image: url('../img/fa-arrow-right.svg');}
.b-gv-images-count{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); font-size: 1rem; color: var(--color-brown); z-index: 1;}
#gv-images{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: calc(100% - 80px); text-align: center;}
#gv-images img{position: absolute; left: 50%; transform: translateX(-50%); display: block; width: auto; height: 100%;}
/*********************/
.b-fa-gallery{position: absolute; bottom: 10px; right: 10px; background-color: rgba(225,225,225,0.9); padding: 6px 12px; border-radius: 20px; display: flex; justify-content: center; align-items: center;}
.fa-gallery{display: inline-block; width: 36px; height: 36px; background-image: url('../img/fa-images.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 6px;}
#total-images{font-size: 1rem; color: var(--color-brown); font-weight: bold;}
@media (max-width: 768px) {
    #gv-images{height: calc(100% - 0px);}
    #gv-images img{width: 100%; height: auto;}
}
@media (max-width: 480px) {
    #gv-images{height: calc(100% - 0px);}
    #gv-images img{width: 100%; height: auto;}
}
@media (max-width: 1024px) and (min-width: 769px) {
    #gv-images{height: calc(100% - 0px);}
    #gv-images img{width: 100%; height: auto;}
}