.grids{padding:2rem 0;background-color:#fff}.grid-container.one-block,.grid-container.two-block,.grid-container.three-block{margin:2rem auto;width:min(100%,1600px);display:grid;grid-template-columns:1fr;row-gap:2rem}@media screen and (min-width: 900px){.grid-container.one-block{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;text-align:left}.grid-container.two-block{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:left}.grid-container.three-block{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:left}}.grid-container .grid-item{padding:1rem 2rem;min-height:27.5rem;background-color:#333}@media screen and (min-width: 900px){.grid-container .grid-item{padding:4rem 2rem 2rem}}.grid-container .grid-item .grid-content{position:relative;z-index:100;top:50%;transform:translateY(-50%)}@media screen and (min-width: 900px){.grid-container .grid-item .grid-content{top:0%;transform:translateY(0)}.grid-container.one-block .grid-item .grid-content h3,.grid-container.one-block .grid-item .grid-content p{width:min(100%,50rem)}}.grid-container .grid-item h3,.grid-container .grid-item p{margin:0;padding:0;color:#fff}.grid-container .grid-item h3{margin-bottom:1rem;font-size:2.2rem;font-weight:700;line-height:120%}.grid-container .grid-item p{font-size:1.25rem;line-height:160%}.grid-container button{margin-top:2rem;padding:.75rem 3rem;width:min(100%,20rem);font-size:1.25rem;letter-spacing:0em;border:none;background-color:#ff6c0c}.grid-container .button-container{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 900px){.grid-container.one-block .button-container{margin-top:2rem;flex-direction:row;gap:2rem}}.grid-container.one-block .button-container button{margin-top:1rem;width:min(100%,20rem)}.grid-container button:hover{background-color:#a40}@media screen and (min-width: 900px){.grid-container button{width:min(100%,15rem)}}.grid-container .grid-item{position:relative}.grid-container .grid-item .clr-fill{width:100%;height:100%;position:absolute;z-index:90;top:0;left:0;background-color:#000;opacity:.75}.grid-container .grid-item .grid-img-container{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%}.grid-container .grid-item .grid-img-container .grid-img-desktop{display:none}@media screen and (min-width: 900px){.grid-container .grid-item .grid-img-container .grid-img-desktop{display:block}.grid-container .grid-item .grid-img-container .grid-img-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-grid-cards.css.map */
