.surface-revamped-360 #revampstatus-msg{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0} .surface-revamped-360 .revamped-360-carousel{position:relative} .surface-revamped-360 .revamped-360-carousel .next-btn,.surface-revamped-360 .revamped-360-carousel .previous-btn{position:absolute;top:50%;width:50px;height:50px;transform:translateY(-50%);right:40px;z-index:1;border-radius:50%;background:#fafafa;color:#404040} @media screen and (max-width:1083px){.surface-revamped-360 .revamped-360-carousel .next-btn,.surface-revamped-360 .revamped-360-carousel .previous-btn{top:61% !important} .surface-revamped-360 .revamped-360-carousel{display:flex;flex-direction:column-reverse} } .surface-revamped-360 .revamped-360-carousel .previous-btn{left:40px} .surface-revamped-360 .revamped-360-carousel .next-btn::after,.surface-revamped-360 .revamped-360-carousel .previous-btn::after{font-size:25px} .surface-revamped-360 .revamped-360-carousel .previous-btn:hover,.surface-revamped-360 .revamped-360-carousel .next-btn:hover{outline:.1875rem dotted currentColor;box-shadow:0 4px 8px rgba(0,0,0,0.2);background:#fff} .surface-revamped-360 .carousel-control-prev:not(:disabled):hover::after,.surface-revamped-360 .carousel-control-next:not(:disabled):hover::after{transform:translate(0,0) !important} .surface-revamped-360 .revampbtn.btn:focus{outline:.1875rem dotted currentColor !important;outline-offset:0rem} .surface-revamped-360 .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revampbtn{color:#404040;border:0;background:0;font-size:24px;display:block;padding:1px 6px !important} .surface-revamped-360 .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revampbtn.active{color:#0065bb;text-decoration:underline;font-weight:600;outline:2px solid transparent} @media screen and (max-width:1083px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .btn{display:none} } .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revamped360__sprite{height:318px;width:580px;background-position:0 0;background-size:100%;position:relative} @media screen and (max-width:1919px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revamped360__sprite{height:230px;width:420px} } @media screen and (max-width:1400px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revamped360__sprite{height:187px;width:330px} } @media screen and (max-width:1083px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revamped360__sprite{height:230px;width:420px} } @media screen and (max-width:767px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revamped360__sprite{height:187px;width:342px} } .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .imagehotspot{width:38px;height:38px;background:#0067b8;color:#fff;align-items:center;border:2px solid #fff;border-radius:50%;font-size:15px;position:absolute;bottom:0;right:25%} .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data{width:75%;position:relative;left:2%} .surface-revamped-360 .carousel-control-next:focus,.surface-revamped-360 .carousel-control-prev:focus{outline-offset:-0.2rem !important} @media screen and (max-width:1083px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data{width:75%;position:initial;padding-left:46px} } @media screen and (max-width:767px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data{width:100%} } .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body{display:none;opacity:0} @media(prefers-reduced-motion:reduce){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body{opacity:1} } .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body.active{display:block;animation:item-fade 2s ease-in-out forwards} @media(prefers-reduced-motion:reduce){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body.active{animation:none} } .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body .base{padding:0 0 50px 0 !important;font-weight:200} @media screen and (max-width:1083px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body .base{padding:28px 0 70px 0 !important;line-height:34px !important} } @media screen and (max-width:767px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data .card-body .base{padding:23px 0 36px 0 !important;line-height:20px !important} } @media screen and (max-width:1083px){.surface-revamped-360 .revamped-360-carousel .revamped-360-images{position:relative} } .surface-revamped-360 .revamped-360-carousel .revamped-360-images .revamped-360-img.d-none.active{display:block !important} .surface-revamped-360 .revamped-360-carousel.platinum{background-color:#e5e5e5} [lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .previous-btn{right:72px;left:initial} @media screen and (max-width:1400px){[lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .previous-btn{right:20px} } @media screen and (max-width:767px){[lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .previous-btn{right:18px} } [lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section{direction:ltr} [lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data{width:50%;direction:rtl;position:relative;left:100px} @media screen and (max-width:1083px){[lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data{width:75%;position:initial} } @media screen and (max-width:767px){[lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data{width:100%} } [lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .hotspot-btns{padding:0 50px 0 0} [lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data{direction:rtl} @media screen and (max-width:1083px){[lang ^="ar-"] .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data{padding:0 46px 0 0} } html[dir="rtl"] .surface-revamped-360 .revamped-360-carousel .next-btn{left:40px !important;right:auto !important} @keyframes item-fade{0{opacity:0} 100%{opacity:1} } @media screen and (min-width:1084px){.surface-revamped-360 .card-foreground{background-color:transparent !important} } @media screen and (max-width:539px){.surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-data{padding-left:0} .surface-revamped-360 .revamped-360-carousel .revamped-360-section .revamped-360-image-data .revamped-360-image-section .revamped360__sprite{width:310px !important} } @media screen and (max-width:360px){.surface-revamped-360 .revamped-360-carousel div{margin-top:100px} } .surface-revamped-360 .revamped-360-carousel .revamped-360-section .d-flex>div{display:flex;flex-direction:column-reverse}