body{padding-top:90px}
.pattern-multibox{margin-top:40px;margin-bottom:40px}
.multibox-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:24px;row-gap:30px}
.pattern-component{border-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.11);background-color:#fff;padding:10px 0 40px 0;position:relative;display:flex;flex-direction:column}
.card-img{margin:0 auto;height:280px;max-height:280px}
.head{margin-top:20px;font-family:"Poppins-SemiBold";font-size:20px;font-weight:600;line-height:24px;text-align:center;color:#2f2f2f;text-transform:uppercase;padding:0 16px}
.multibox-small-imgs{display:flex;justify-content:center;padding:0 16px;margin-top:auto;padding-top:30px}
.card-icon{width:36px;height:36px;position:relative}
.images-parent{display:flex;flex-wrap:wrap;column-gap:15px;row-gap:15px;justify-content:center}
.pattern-prod-link{display:inline-block;padding:10px 20px;width:max-content;background:#f5822d;border-radius:50px;color:#fff;text-decoration:none;margin:10px auto 0}
.pattern-component .multibox-small-imgs .tool-body{flex:0 0 100%;max-width:100%;display:flex;align-items:center;justify-content:start;gap:10px}
.pattern-component .multibox-small-imgs .tooltip{display:unset;box-shadow:unset;position:unset;border:unset}
.pattern-component .multibox-small-imgs .tooltip:after{content:unset}
.pattern-component .card-link{text-decoration:none}
@media only screen and (min-width:320px) and (max-width:767.69px){body{padding-top:56px}
.pattern-multibox{margin-top:20px;margin-bottom:20px}
.multibox-wrapper{grid-template-columns:1fr;column-gap:unset;row-gap:20px}
.head{font-size:18px}
.card-img{margin:0 auto;height:234px}
.multibox-small-imgs{padding-top:20px}
.card-icon{width:40px;height:40px}
.images-parent{column-gap:16px;row-gap:16px}
}
@media only screen and (min-width:768px) and (max-width:1024px){.card-img{margin:0 auto;height:230px}
.head{font-size:20px;margin-top:24px}
.card-icon{width:30px;height:30px}
.images-parent{column-gap:16px;row-gap:16px}
.multibox-wrapper{grid-template-columns:1fr 1fr}
}