.apparel-knowledge{width:100%}
.apparel-knowledge__grid{display:grid;grid-template-columns:1fr;gap:0}
.apparel-knowledge__panel{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:300px}
.apparel-knowledge__panel--image{background-color:#fff;padding:0}
.apparel-knowledge__panel--text{background-color:#e6f2f7;text-align:center;padding:3rem 2rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.apparel-knowledge__panel--text[style*="min-height: auto"]{min-height:auto!important;height:auto}
.apparel-knowledge__panel--text[style*="height:"]{overflow:auto}
.apparel-knowledge__panel--text-center{align-items:center;justify-content:center;text-align:center}
.apparel-knowledge__panel--text-top{align-items:flex-start;justify-content:center;text-align:center}
.apparel-knowledge__panel--text-bottom{align-items:flex-end;justify-content:center;text-align:center}
.apparel-knowledge__panel--text-left{align-items:center;justify-content:flex-start;text-align:left}
.apparel-knowledge__panel--text-right{align-items:center;justify-content:flex-end;text-align:right}
.apparel-knowledge__panel--show-guideline{position:relative}
.apparel-knowledge__panel--show-guideline::after{content:'';position:absolute;left:0;right:0;top:var(--max-height);height:2px;background:repeating-linear-gradient(to right,#ff0000 0,#ff0000 10px,transparent 10px,transparent 20px);z-index:10;pointer-events:none}
.apparel-knowledge__panel--pink{background-color:#f5e6f0}
.apparel-knowledge__panel--grey{background-color:#e8e8e8}
.apparel-knowledge__image-wrapper{width:100%;height:100%}
.apparel-knowledge__image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}
.apparel-knowledge__image-placeholder{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}
.apparel-knowledge__content{max-width:600px;width:100%}
.apparel-knowledge__heading{font-size:2rem;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:1.5rem;letter-spacing:0.5px}
.apparel-knowledge__text{font-size:1rem;line-height:1.6;color:#000}
.apparel-knowledge__text p{margin:0}
.apparel-knowledge__panel--icon{display:flex;flex-direction:column;align-items:center;justify-content:center}
.apparel-knowledge__icon-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.apparel-knowledge__icon{width:60px;height:60px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}
.apparel-knowledge__icon svg{width:100%;height:100%}
.apparel-knowledge__icon svg path{fill:#000;stroke:none}
.apparel-knowledge__icon-img{width:100%;height:100%;object-fit:contain;display:block}
.apparel-knowledge__icon-text{font-size:1rem;color:#000;margin:0;font-weight:500}
.apparel-knowledge__icon-block-wrapper{display:flex;flex-direction:column;width:100%}
.apparel-knowledge__icon-additional-text{color:#000;margin-top:1.5rem;padding:0 2rem;line-height:1.6;width:100%;box-sizing:border-box}
.apparel-knowledge__icon-additional-text p{margin:0}
@media screen and (min-width:750px){
  .apparel-knowledge__icon-additional-text{padding:0 3rem}
}
@media screen and (min-width:750px){
  .apparel-knowledge__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}
  .apparel-knowledge__panel{min-height:400px}
  .apparel-knowledge__panel--text{padding:4rem 3rem}
  .apparel-knowledge__heading{font-size:2.5rem}
  .apparel-knowledge__text{font-size:1.1rem}
  .apparel-knowledge__icon{width:80px;height:80px}
  .apparel-knowledge__icon-text{font-size:1.1rem}
}
