@media screen and (width<=767px){.dr-block[data-block-type=card-design-grid] .card-grid{padding:0 1.5rem}}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper{gap:var(--gap);flex-wrap:wrap;justify-content:center;display:flex}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item{cursor:pointer;width:calc(33% - var(--gap))}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container .card img{width:100%}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container{position:relative}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container:before{content:"";border:4px solid #4895f4;border-radius:4px;width:112%;height:116%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=481px){.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container:before{border-radius:12px;width:110%;height:114%}}@media screen and (width>=768px){.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container:before{width:108%;height:112%}}@media screen and (width>=992px){.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container:before{width:106%;height:110%}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item{width:calc(20% - var(--gap))}}.dr-block[data-block-type=card-design-grid]{--container-100-max-width:1200px}.dr-block[data-block-type=card-design-grid] .card-grid{--gap:16px}@media screen and (width>=992px){.dr-block[data-block-type=card-design-grid] .card-grid{--gap:40px}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item{width:calc(25% - var(--gap))}}