.swatchBannerComponent{margin-bottom:85px}
@media(min-width:320px) and (max-width:767px){.swatchBannerComponent{margin-bottom:41px}
}
.swatchBannerComponent h2{font-weight:700;text-align:center;margin-top:57px;margin-bottom:42px}
@media(min-width:320px) and (max-width:991px){.swatchBannerComponent h2{font-size:22px;margin:24px 0}
}
.swatchBannerComponent ::-webkit-scrollbar{width:1px;height:1px;padding-top:0}
.swatchBannerComponent ::-webkit-scrollbar-track{border:0 solid #000;border-radius:0}
.swatchBannerComponent ::-webkit-scrollbar-thumb{border-radius:1px;height:0;width:0;border:0 solid #000}
.swatchBannerComponent ::-webkit-scrollbar-track-piece{height:0;width:0}
.swatchBannerComponent.max90{margin:0 auto}
@media(min-width:992px){.swatchBannerComponent.max90{width:90%}
}
.backgroundWrap{position:relative;border:0 solid grey;border-top-right-radius:17px}
@media(min-width:320px) and (max-width:767px){.backgroundWrap{width:40px;height:40px;margin:0 10px 0 0;border-top-right-radius:8px}
}
@media(min-width:768px) and (max-width:991px){.backgroundWrap{width:60px;height:60px}
}
.backgroundWrap img{z-index:1}
@media(min-width:320px) and (max-width:767px){.backgroundWrap img{width:100%;height:auto}
}
@media(min-width:768px) and (max-width:991px){.backgroundWrap img{width:100%;height:100%}
}
.swatchImgWrapper{width:1365px;height:534px}
@media(min-width:1201px) and (max-width:1440px){.swatchImgWrapper{width:1152px;height:450px}
}
@media(min-width:320px) and (max-width:991px){.swatchImgWrapper{width:100%;height:100%}
}
.swatchImgWrapper img{width:100%;height:100%}
.swatchImgWrapper img.animate{animation-name:example;-webkit-animation-name:example;animation-duration:1s;-webkit-animation-duration:1s;transition:opacity 1s ease-in-out}
@-webkit-keyframes example{0{opacity:0;transition:opacity 1s ease-in-out;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0)}
to{opacity:1;transition:opacity 1s ease-in-out;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=1)}
}
@keyframes example{0{opacity:0;transition:opacity 1s ease-in-out;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0)}
to{opacity:1;transition:opacity 1s ease-in-out;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=1)}
}
.swatchComponentWrap{display:flex;justify-content:space-between}
.swatchComponentWrap.row{margin:0}
@media(min-width:320px) and (max-width:991px){.swatchComponentWrap.row{margin:0 0 0 15px}
}
@media(min-width:768px) and (max-width:991px){.swatchComponentWrap{justify-content:space-around}
.swatchComponentWrap.row{flex-wrap:nowrap}
}
@media(min-width:320px) and (max-width:991px){.swatchComponentWrap{justify-content:space-between}
.swatchComponentWrap.row{flex-wrap:nowrap;max-width:999px;overflow:auto}
}
.swatchComponentWrap .textWithArrow{padding-top:24px;padding:block;display:block;padding-bottom:26px}
@media(min-width:320px) and (max-width:991px){.swatchComponentWrap .textWithArrow{display:flex;gap:15px;padding-top:16px;padding-bottom:16px}
}
.swatchComponentWrap .textWithArrow a{width:100%;display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.swatchComponentWrap .textWithArrow span{font-weight:600;font-size:14px;font-style:normal;font-stretch:normal;line-height:1.54;letter-spacing:1px;color:#222}
@media(min-width:320px) and (max-width:991px){.swatchComponentWrap .textWithArrow span{font-size:12px}
}
@media(min-width:320px) and (max-width:991px){.swatchComponentWrap .imageBackgroundWithoutText{flex-basis:30%;justify-content:space-evenly;width:100%;padding-right:35px}
}
@media(min-width:768px) and (max-width:991px){.swatchComponentWrap .imageBackgroundWithoutText{width:auto}
}
.swatchComponentWrap .imageBackgroundWithoutText .rightArrow{float:right;margin-top:2px}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper{display:flex;justify-content:space-between}
@media(min-width:768px) and (max-width:991px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper{justify-content:normal}
}
@media(min-width:320px) and (max-width:767px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper{justify-content:space-evenly}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp:nth-child(2) .productImgWrap{margin-right:0}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp:last-child{display:none}
}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2{height:auto}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .imagWithTextWrap,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .imagWithTextWrap{margin-right:20px;max-width:100px;cursor:pointer}
@media(min-width:320px) and (max-width:767px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .imagWithTextWrap,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .imagWithTextWrap{max-width:60px;margin:0}
}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .imagWithTextWrap .selectedArrow,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .imagWithTextWrap .selectedArrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2:last-child .imagWithTextWrap,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp:last-child .imagWithTextWrap{margin-right:0}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productImgWrap,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productImgWrap{height:81px;width:77px;position:relative}
@media(min-width:768px) and (max-width:991px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productImgWrap,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productImgWrap{height:60px;width:60px;margin-right:10px}
}
@media(min-width:320px) and (max-width:767px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productImgWrap,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productImgWrap{width:40px;height:40px;margin:0 20px 0 0;border-top-right-radius:8px}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productImgWrap img,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productImgWrap img{border-top-right-radius:8px}
}
.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productDec h3,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productDec h3{font-size:12px}
@media(min-width:320px) and (max-width:767px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productDec h3,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productDec h3{font-size:10px}
}
@media(min-width:320px) and (max-width:767px){.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp-variant2 .productDec p,.swatchComponentWrap .imageBackgroundWithoutText .threeImageWrapper .imageWithTextComp .productDec p{font-size:8px}
}
.swatchComponentWrap .imagWithTextWrap .productImgWrap{box-shadow:none}
.imageWithTextComp .productDec h3,.imageWithTextComp .productDec p{width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:320px) and (max-width:991px){.imageWithTextComp .productDec h3,.imageWithTextComp .productDec p{width:45px}
}
.imageWithTextComp .productDec h3{margin:0;margin-top:4px}
.imageWithTextComp .productDec>p{margin:0}
.imageWithTextComp .imagWithTextWrap{position:relative}
.imageWithTextComp .imagWithTextWrap .productImgWrap{overflow:hidden;border-top-right-radius:15px;height:240px}
@media(min-width:320px) and (max-width:575px){.imageWithTextComp .imagWithTextWrap .productImgWrap{height:135px;border-top-right-radius:12px}
}
@media(min-width:991px) and (max-width:1200px){.imageWithTextComp .imagWithTextWrap .productImgWrap{height:180px;width:180px}
}
@media(min-width:320px) and (max-width:991px){.imageWithTextComp .imagWithTextWrap .productImgWrap{height:140px;max-width:140px}
}
@media(min-width:576px) and (max-width:767px){.imageWithTextComp .imagWithTextWrap .productImgWrap{height:180px;max-width:180px;border-top-right-radius:12px}
}
.imageWithTextComp .imagWithTextWrap .productImgWrap img{width:100%;height:100%}
.imageWithTextComp .imagWithTextWrap .producttag{position:absolute;top:-8px;left:-10px;background:#431a80;width:auto;font-size:10px;line-height:9px;padding:4px;border-radius:4px;border:1px solid #431a80;color:#fff;text-align:center}
.imageWithTextComp .productDec{margin-top:14px}