.DB-gallery-3-columns{background:rgb(var(--color-light-grey));color:rgb(var(--colro-red));overflow:hidden;padding:0 0 100px}.DB-gallery-3-columns .gallery{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.DB-gallery-3-columns .gallery .image-container{position:relative;width:calc((100% - 100px) / 3)}.DB-gallery-3-columns .gallery:not(.swiper-initialized) .image-container:not(:last-child){margin-right:50px}.DB-gallery-3-columns .gallery .image{position:relative;overflow:hidden;width:100%;height:0;padding-top:100%;border-radius:15px}.DB-gallery-3-columns .gallery .image img,.DB-gallery-3-columns .gallery .image svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.DB-gallery-3-columns .gallery .legend{z-index:1;position:absolute;top:calc(100% + 20px);left:150px;font-family:RockSalt;font-size:12px;line-height:16px;max-width:150px;text-transform:uppercase;color:rgb(var(--color-red));-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg)}.DB-gallery-3-columns .legend:before{content:"";width:80px;height:80px;background-image:url(./arrow-quote-bottom.svg);background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;left:-90px;top:-60px}.DB-gallery-3-columns .image-container:nth-child(1) .legend,.DB-gallery-3-columns .image-container:nth-child(3) .legend{left:0}.DB-gallery-3-columns .image-container:nth-child(1) .legend:before,.DB-gallery-3-columns .image-container:nth-child(3) .legend:before{background-image:url(./arrow-quote-bottom-2.svg);left:auto;right:-90px}.DB-gallery-3-columns .image-container:nth-child(3) .legend{left:50px}.DB-gallery-3-columns .image-container:nth-child(3) .legend:before{transform:rotate(-25deg)}.DB-gallery-3-columns .swiper-bottom{left:0;right:0;bottom:-150px}.DB-gallery-3-columns .swiper-bottom .swiper-pagination{bottom:auto}.DB-gallery-3-columns .swiper-bottom .swiper-pagination-bullet,.DB-gallery-3-columns .swiper-bottom .swiper-button{border:1px solid rgb(var(--color-black))}@media screen and (max-width:1200px){.DB-gallery-3-columns{padding-bottom:200px}}@media screen and (max-width:768px){.DB-gallery-3-columns .page-width{padding-left:80px;padding-right:80px}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/DB-gallery-3-columns.css.map */