.offerbannercarousel .carousel{margin-bottom:50px} .offerbannercarousel .carousel-inner{border:2px solid #00000033;border-radius:10px;overflow:hidden} .offerbannercarousel .carousel-variable-height{overflow:visible} .offerbannercarousel .carousel-inner .carousel-item .card-body p{font-weight:200} html:not([dir=rtl]) .offerbannercarousel .carousel-control-prev{left:-55px} html:not([dir=rtl]) .offerbannercarousel .carousel-control-next{right:-55px} html[dir=rtl] .offerbannercarousel .carousel-control-prev{right:-55px} html[dir=rtl] .offerbannercarousel .carousel-control-next{left:-55px} html:not([dir=rtl]) .offerbannercarousel .carousel-full-bleed .carousel-control-prev,html[dir=rtl] .offerbannercarousel .carousel-full-bleed .carousel-control-next{left:15px} html:not([dir=rtl]) .offerbannercarousel .carousel-full-bleed .carousel-control-next,html[dir=rtl] .offerbannercarousel .carousel-full-bleed .carousel-control-prev{right:15px} .offerbannercarousel .carousel-control-next::after,.offerbannercarousel .carousel-control-prev::after{font-size:1.75rem} .offerbannercarousel .carousel-control-prev:hover,.offerbannercarousel .carousel-control-prev:focus,.offerbannercarousel .carousel-control-next:hover,.offerbannercarousel .carousel-control-next:focus{outline:.1875rem dotted currentColor;box-shadow:0 4px 8px rgba(0,0,0,0.2) !important;background:rgba(255,255,255,.1) !important} .offerbannercarousel .carousel-control-prev,.offerbannercarousel .carousel-control-next{border-radius:50%;background:#ccc !important;color:#333 !important;height:42px;width:42px} .offerbannercarousel .carousel-control-prev:not(:disabled):hover::after,.offerbannercarousel .carousel-control-next:not(:disabled):hover::after{transform:translate(0) !important} .offerbannercarousel #offer-status-msg{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0} .offer-banner .carousel-item{border:.1875rem dotted transparent} .offer-banner .carousel-item:focus-visible{border:.1875rem dotted #000} @media screen and (min-width:1084px){.offerbannercarousel .carousel-lg-side-controls .carousel-inner{width:100%;margin:auto} .offerbannercarousel .carousel-lg-side-controls .carousel-inner .carousel-item .card-picture{text-align:left !important} .offerbannercarousel .carousel-control-prev,.offerbannercarousel .carousel-control-next{transform:translateY(-50%);top:50%} } @media screen and (min-width:540px) and (max-width:859px){html[dir=ltr] .offerbannercarousel .carousel-lg-side-controls .carousel-inner .carousel-item .card-footer{text-align:left !important} html[dir=rtl] .offerbannercarousel .carousel-lg-side-controls .carousel-inner .carousel-item .card-footer{text-align:right !important} } @media screen and (max-width:539px){.offerbannercarousel .carousel-lg-side-controls .carousel-inner .carousel-item .card-body{text-align:center !important} .offerbannercarousel .carousel-lg-side-controls .carousel-inner .carousel-item .card-body p{margin:16px 0} .offerbannercarousel .carousel-inner .carousel-item .card-body p:first-child{font-size:24px} .offerbannercarousel .carousel-inner .carousel-item .card-footer a{margin-top:10px} } @media screen and (min-width:1084px) and (max-width:1120px){html:not([dir=rtl]) .offerbannercarousel .carousel-control-prev{left:-45px} html:not([dir=rtl]) .offerbannercarousel .carousel-control-next{right:-45px} html[dir=rtl] .offerbannercarousel .carousel-control-prev{right:-45px} html[dir=rtl] .offerbannercarousel .carousel-control-next{left:-45px} }