.hero--container,.one---and--only--container{display:flex;align-items:center;justify-content:flex-end;position:fixed;width:50%;top:0;right:0;height:100lvh;opacity:0;z-index:2}.hero-background{position:absolute;left:50%;transform:translateX(-50%);width:75%;opacity:6%}.hero--container .hero--content,.one---and--only--container .one---and--only--content{width:100%;max-width:500px;z-index:10;margin-right:30%}.hero--container .hero--content h1,.one---and--only--container .one---and--only--content h1{position:relative;font-weight:500;font-size:45px;line-height:87%;letter-spacing:-.04em;color:#000;margin-bottom:21px}.hero--container .hero--content p,.one---and--only--container .one---and--only--content p{font-weight:500;font-size:16px;line-height:157%;margin-bottom:20px}.hero--scroller--container{bottom:30px;align-items:center;width:170px;align-content:center;flex-direction:column;position:absolute;text-align:center;overflow:hidden;z-index:2}.hero--scroller--container .hero--scroller{opacity:0;cursor:pointer}.hero--scroller--container .hero--scroller .hero--scroller--text{font-size:13px;color:#4b0000;letter-spacing:normal;margin-bottom:8px;transition:all .8s ease-in-out}.hero--scroller--container .hero--scroller .bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.hero--scroller--container .hero--scroller .bounce path{transition:all .8s ease-in-out}.hero--scroller--container .hero--scroller:hover .hero--scroller--text{color:#bb4c33}.hero--scroller--container .hero--scroller:hover .bounce path{stroke:#bb4c33}html[lang=ar] .hero--container .hero--content,html[lang=ar] .one---and--only--container .one---and--only--content{margin-right:auto;margin-left:30%}