.gallery-tab-section .media-gallery {
  display: flex;
  position: relative;
}
.gallery-tab-section .media-gallery .media-image {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity:0;
  visibility: hidden;
  transition: all .5s ease-in-out;
  transform: scale(1);
}
.gallery-tab-section .media-gallery .media-image.media.highlight {
  opacity: 1;
  visibility: visible;
  transform: scale(1);}
.gallery-tab-section .media-gallery .media-image > img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.gallery-tab-section .media-gallery .gallery-content {
  position: relative;
  width: 100%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section {
  display: flex;
  justify-content: space-evenly;
  height: 100%;
  align-items: center;flex-direction:column;
    background: rgb(var(--color-overlay), .3);
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  text-align: center;
 padding:2rem 8rem;
}

.gallery-tab-section .media-gallery .gallery-content .content-section .content-item .block-btn{padding:4rem 1rem;transition:all 0.3s linear}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item:hover .block-btn{padding:4rem 6rem;  background: var(--gradient-background);border-radius: 100px;}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item .block-btn{border-radius: 100px;}

.gallery-tab-section .media-gallery .gallery-content .content-section .content-item:not(:last-child){
  border-bottom: 1px solid rgba(var(--color-foreground),.2); border-image:none;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-1-column .content-item {
  width: 100%;
  max-width: 100%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-2-column .content-item {
  width: 50%;
  max-width: 50%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-3-column .content-item {
  width: 33.33%;
  max-width: 33.33%;
}
.gallery-tab-section .media-gallery .gallery-content .content-section.block-4-column .content-item {
  width: 100%;
  max-width: 100%;    background: rgb(var(--color-background), 0);
}

.gallery-tab-section .media-gallery .gallery-content .content-section.block-4-column .content-item:hover{background: rgb(var(--color-background), 0);}

.gallery-tab-section .media-gallery .gallery-content .content-section .content-item.highlight > h2.gallery__heading{
   transition: all .3s linear;opacity:1;
}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item{height:100%;transition: all .3s linear;}
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item.highlight{ background:rgb(var(--color-overlay),0.58); }
/* .gallery-tab-section .media-gallery .gallery-content .content-section.block-4-column .content-item>*:not(:last-child){margin-bottom:0rem;} */
@media screen and (max-width:990px){
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item {padding:3rem 1rem}
}
@media screen and (max-width:900px){
  .gallery-tab-section .media-gallery .gallery-content .content-section .content-item{height:100%;transition: all .3s linear;}
  .gallery-tab-section .media-gallery .gallery-content .content-section.block-4-column .content-item {
    width: 100%;
    max-width: 100%;
}
  .gallery-tab-section .media-gallery .gallery-content .content-section .content-item {padding:5rem 2rem;}

}
@media screen and (min-width: 750px) {
  .gallery--small:not(.banner--adapt) {
    min-height: 42rem;
  }

  .gallery--medium:not(.banner--adapt) {
    min-height: 56rem;
  }

  .gallery--large:not(.banner--adapt) {
    min-height: 72rem;
  }
}
@media(max-width:1199px){
    .gallery-tab-section .media-gallery .gallery-content .content-section .content-item:not(:last-child) {border-bottom: 1px solid rgba(var(--color-foreground),.5);}
}

/*custom-css  */
.gallery-tab-section .media-gallery .gallery-content .content-section .content-item:nth-child(odd) .block-btn{flex-direction:row-reverse}
.gallery-tab-section .media-gallery .media-image>img{filter: opacity(0.2);}