.baner-desc {
    font-size: 1rem;
    text-shadow: 0 1px 4px rgba(255, 255, 255, 0.3);
}
.shadow-title{
    text-shadow: 0 2px 6px rgba(255, 255, 255, 0.35);
        /* м’яка біла тінь */
}
/* NEW */
.dma-front-page-new-baner figure{
  height: calc(100vh - var(--dma-navbar-sec-height));
  min-height: 500px;
}
.dma-front-page-new-baner figure img{
  animation: zoom-img 120s ease-in-out infinite alternate;
  will-change: transform;
  width: 120%;
  max-width: 120%;
  left: -10%;
}
/* Легке затемнення нижньої частини для кращої читабельності */
.dma-front-page-new-baner-cover {

  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.4) 0%,
      /* м’яке затемнення знизу */
      rgba(0, 0, 0, 0.30) 50%,
      /* плавний перехід */
      rgba(0, 0, 0, 0) 80%
      /* прозора верхня частина */
    );
}
.dma-front-page-new-baner-cover>div{
  width: 60%;
}
/* ----------------------------------------- */ 


.grid-border-1>div>div:not(:last-child)>.dma-gutenberg-grid-item-content::after,
.grid-border-2>div>div:not(:last-child)>.dma-gutenberg-grid-item-content::after{
  background-color:rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  width: 1px;
  display: block;
  height: 100%;
  top: 0;
  right: 0;
}
.grid-border-2::after{
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  width: 100%;
  display: block;
  height: 1px;
  top: 0;
  left: 0;
}
 
@keyframes zoom-img {
  0% {
    transform: translateZ(0) scale(1) translate(0%, 0%);
  }
  35% {
    transform: translateZ(0) scale(1.4) translate(10%, 10%);
  }
  65% {
    transform: translateZ(0) scale(1.3) translate(-10%, 0%);
  }

  100% {
    transform: translateZ(0) scale(1) translate(0%, 0%);
  }
}
@media (max-width: 1599px) {
}
@media (max-width: 1199px) {
  .dma-front-page-new-baner-cover>div {
    width: 80%;
  }
  
  .grid-border-2>div>div>.dma-gutenberg-grid-item-content::before {
    background-color: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    width: 100%;
    display: block;
    height: 1px;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
@media (max-width: 959px) {
  .dma-front-page-new-baner-cover>div {
    width: calc(100vw - 40px);
  }
  
  .baner-desc {
    font-size: 24px;
  }
}
@media (max-width: 639px) {
  .baner-desc {
    font-size: 20px;
  }
}
@media (max-width: 374px) {
   
}