.ap-ar-lang .range-of-products-container .range-of-products-div .first-div .cta a span.arrow,.ap-ar-lang .range-of-products-container .range-of-products-div .second-div .cta a span.arrow{rotate:180deg}
@media(min-width:992px){.ap-ar-lang .range-of-products-container .range-of-products-div .first-div{z-index:100000}
}
@media(min-width:992px){.ap-ar-lang .range-of-products-container .range-of-products-div .second-div{z-index:10}
}
.section-head{font-size:24px;line-height:110%;font-weight:800;color:#000;margin:0 0 30px 0;text-align:center}
@media(min-width:992px){.section-head{font-size:32px;line-height:41.6px;margin:0 0 40px 0}
}
@media(min-width:992px){.range-of-products-container{height:690px;position:relative}
}
.range-of-products-container .range-of-products-div{max-width:1400px;margin:auto;width:100%}
@media(min-width:992px){.range-of-products-container .range-of-products-div{position:absolute;transform:translateX(-50%);display:flex;height:100%;left:50%}
}
.range-of-products-container .range-of-products-div .first-div,.range-of-products-container .range-of-products-div .second-div{padding:0;margin:0;border-radius:10px;position:relative}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div,.range-of-products-container .range-of-products-div .second-div{position:absolute;overflow:hidden;transition:width .5s ease;height:100%}
}
.range-of-products-container .range-of-products-div .first-div img,.range-of-products-container .range-of-products-div .second-div img{width:100%;height:100%;display:block}
.range-of-products-container .range-of-products-div .first-div img.packshot-img,.range-of-products-container .range-of-products-div .second-div img.packshot-img{position:absolute;max-width:500px;height:auto}
.range-of-products-container .range-of-products-div .first-div .cta,.range-of-products-container .range-of-products-div .second-div .cta{position:absolute;bottom:30px}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .cta,.range-of-products-container .range-of-products-div .second-div .cta{left:unset !important;right:20px !important;bottom:20px !important}
}
.range-of-products-container .range-of-products-div .first-div .cta a,.range-of-products-container .range-of-products-div .second-div .cta a{border-color:#000 !important;font-weight:700}
@media(min-width:320px) and (max-width:991px){.range-of-products-container .range-of-products-div .first-div .cta a,.range-of-products-container .range-of-products-div .second-div .cta a{font-size:14px;line-height:21px;background:#232426 !important}
}
.range-of-products-container .range-of-products-div .first-div .cta a span.arrow,.range-of-products-container .range-of-products-div .second-div .cta a span.arrow{margin-left:5px}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div .cta a span.arrow,.range-of-products-container .range-of-products-div .second-div .cta a span.arrow{margin-left:0}
}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div .cta a:hover,.range-of-products-container .range-of-products-div .second-div .cta a:hover{background:#fff;border-color:#fff !important;color:#232426}
}
.range-of-products-container .range-of-products-div .first-div .cta a:hover .arrow::after,.range-of-products-container .range-of-products-div .second-div .cta a:hover .arrow::after{filter:unset !important;background:url(../../../../clientlibs/clientlib-apuae/resources/images/arrow-hover.svg);background-repeat:no-repeat}
@media(min-width:992px){.range-of-products-container .range-of-products-div .first-div{left:0;width:55%;z-index:10}
}
.range-of-products-container .range-of-products-div .first-div img.packshot-img{top:10%;right:20%}
.range-of-products-container .range-of-products-div .first-div:hover{width:60% !important}
.range-of-products-container .range-of-products-div .first-div .cta{left:30px}
.range-of-products-container .range-of-products-div .first-div:hover~.second-div{width:50%}
@media(min-width:992px){.range-of-products-container .range-of-products-div .second-div{z-index:100;width:55%;right:0;z-index:100000}
}
.range-of-products-container .range-of-products-div .second-div img.packshot-img{top:10%;left:20%}
.range-of-products-container .range-of-products-div .second-div:hover{width:60%}
.range-of-products-container .range-of-products-div .second-div .cta{right:30px}