.section-gallery-section{
    background-color: var(--color2);
    padding: 64px 80px;
}

.gallery-picture img{
   height: 100%;
   width: 100%;
   display: block;
    border-radius: 16px;
    margin: auto;
    object-fit: cover;
}

.name-gallery{
    padding-top: 20px;
    position: relative;
}
.name-gallery:before{
    transition: 0.28s all linear;
    content: "";
    background-color: var(--color1);
    width: 1px;
    height: 42px;
    position: absolute;
    left: 50%;
    transform: translateX(50%);
    top: -1.9rem;
}
.name-gallery span{
    transition: 0.28s all linear;
    font-size: 20px;
    line-height: 30px;
}

.gallery-item{
    transition: 0.28s all linear;
}
.gallery-item:hover .name-gallery span{
  color: var(--color1) !important;
}
.gallery-item:hover .name-gallery:before{
    background-color: white;
}



.heading-div-gallery {
    margin-bottom: 34px;
    gap: 12px;
}
.titr-gallery {
    font-size: 34px;
    line-height: 40px;
}
.sub-gallery{
    font-size: 16px;
    line-height: 32px;
}



@media screen and (min-width: 992px){
    .sw-gallery-section{
        position: absolute;
        transform: translate(-50%, -45%);
        top: 45%;
        left: 50%;
        width: calc(100% + 48px);
        justify-content: space-between !important;
        z-index: 9;
        pointer-events: none;
    }

}





@media screen and (max-width: 991.98px){
    .sw-gallery-section{
        margin-top: 24px;
    }

    .sw-gallery-section .sw-btn{
        border: 1px solid #FFFFFF4D !important;
    }

    .section-gallery-section{
        padding: 40px 2px;
    }

    .gallery-picture img{
        border-radius: 12px;
    }
}