/*!/wp-content/themes/webkeyz/dist/assets/css/blocks/animated-hero-section-rtl.css*/@keyframes ripple{from{opacity:1;transform:scale3d(.75,.75,1)}to{opacity:0;transform:scale3d(1.5,1.5,1)}}@keyframes slideIn{0%{bottom:-50%;opacity:0}50%{bottom:-50%;opacity:0}to{opacity:1;bottom:5%}}@keyframes slideOut{0%{bottom:5%;opacity:1}50%{bottom:-50%;opacity:.5}100%{bottom:-50%;opacity:0}}:root{--front-page-hero-section-H1-font-size:170px;--front-page-hero-section-paragraph-font-size:2.125rem}section.hero{height:491px;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}section.hero .vail{background-color:#fff}section.hero .mob-shape-1{position:absolute;height:100%;top:0;left:0}section.hero .mob-shape-2{position:absolute;height:100%;top:0}section.hero .mob-shape-3{position:absolute;height:100%;top:-13.9%;right:0}section.hero .section-content{position:relative;z-index:2;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out forwards}section.hero .section-content *{color:#000}section.hero .section-content h1{line-height:55px;font-size:41px;font-weight:800}section.hero .section-content h2{line-height:55px;font-size:32px;font-weight:800;margin-bottom:4px}section.hero .section-content h5{margin-bottom:30px}section.hero .section-content p{font-size:16px;line-height:24px;letter-spacing:.26px;font-weight:300}section.hero .section-content .shape-left-1{top:100px;right:50px}section.hero .icon-play{position:absolute;transform:translate(50%,50%);right:50%;bottom:0;margin-bottom:50px;cursor:pointer}section.hero .icon-play [class^=path]{font-size:45px}@media screen and (min-width:576px){section.hero{height:70vh}}@media screen and (min-width:768px){section.hero{height:90vh}section.hero .section-content h1,section.hero .section-content h2{line-height:70px;font-size:60px}section.hero .section-content h2{font-size:50px}section.hero .section-content p{font-size:22px;line-height:40px;letter-spacing:normal}section.hero .icon-play{margin-bottom:8vh}}@media screen and (min-width:992px){section.hero{height:100vh}section.hero .section-content h1,section.hero .section-content h2{font-size:calc(var(--front-page-hero-section-H1-font-size) / 1.8);line-height:normal}section.hero .section-content h2{font-size:3.28125rem;margin-block-end:20px}section.hero .section-content h5{font-size:3.125rem}section.hero .section-content p{font-size:calc(var(--front-page-hero-section-paragraph-font-size) / 1.6);line-height:35px;letter-spacing:normal}section.hero .shape-w-1,section.hero .shape-w-2,section.hero .shape-w-3{position:absolute;top:-25%;width:340.15px;height:160vh;background:linear-gradient(90.09deg,#f1f5f7 -20.41%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 80%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:rotate(326deg);opacity:1}section.hero .shape-w-1 .img-container,section.hero .shape-w-2 .img-container,section.hero .shape-w-3 .img-container{position:relative;height:100%}section.hero .shape-w-1{left:31%}section.hero .shape-w-1 img{position:absolute;top:30vh;left:-37px;transform:translate(0,0) rotate(34deg);animation:slide1 3.9s ease infinite}section.hero .shape-w-2{left:68%;z-index:1}section.hero .shape-w-2 img{position:absolute;bottom:24%;left:-136px;transform:translate(0,0) rotate(34deg);animation:slide2 4.5s infinite}section.hero .shape-w-3{left:108%}section.hero .shape-w-3 img.orange{position:absolute;top:6%;left:-37px;transform:translate(0,0) rotate(34deg);animation:slide3Orange 4.3s ease infinite}section.hero .shape-w-3 img.purple{position:absolute;top:21%;left:-145px;transform:translate(0,0) rotate(34deg);animation:slide3Purple 3.7s infinite}section.hero .animate-orange-left{position:absolute;bottom:5%;left:-7%;z-index:1;animation:slideNoDeg 3.5s ease infinite}section.hero .section-content p{margin-block-end:30px}section.hero .icon-play{margin-bottom:140px}section.hero .icon-play [class^=path]{font-size:55px}section.hero .icon-play{transition:all 0.4s ease}section.hero .icon-play:hover{filter:drop-shadow(0 0 12px #fa483c) drop-shadow(0 0 17px #fa483c);animation:play 3s ease infinite;transition:all 0.6s ease}}@media screen and (min-width:1400px){section.hero .shape-w-1{width:320.15px;left:26%}section.hero .shape-w-1 img{top:14%}section.hero .shape-w-2{width:320.15px;left:65%}section.hero .shape-w-2 img{bottom:22%}section.hero .shape-w-3{width:320.15px;left:100%}section.hero .shape-w-3 img.orange{top:10%}section.hero .shape-w-3 img.purple{top:31%}section.hero .animate-orange-left{left:-1%}}@media screen and (min-width:1600px){section.hero .section-content h1,section.hero .section-content h2{font-size:var(--front-page-hero-section-H1-font-size);line-height:normal}section.hero .section-content h2{font-size:5.25rem}section.hero .section-content h5{font-size:5rem}section.hero .section-content p{font-size:var(--front-page-hero-section-paragraph-font-size);line-height:35px;letter-spacing:normal}section.hero .shape-w-1 img{top:12%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slide1{0%,100%{transform:translate(0,0) rotate(34deg)}50%{transform:translate(0,16px) rotate(34deg)}}@keyframes slide2{0%,100%{transform:translate(0,0) rotate(34deg)}50%{transform:translate(0,14px) rotate(34deg)}}@keyframes slide3Orange{0%,100%{transform:translate(0,0) rotate(34deg)}50%{transform:translate(0,14px) rotate(34deg)}}@keyframes slide3Purple{0%,100%{transform:translate(0,-5px) rotate(34deg)}50%{transform:translate(0,16px) rotate(34deg)}}@keyframes slideNoDeg{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,-13px)}}@keyframes play{0%,100%{transform:translate(50%,50%) scale(1)}50%{transform:translate(50%,50%) scale(1.15)}}.modal{display:none;align-items:center;justify-content:center;position:fixed;z-index:20;right:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(255,255,255,.9);visibility:hidden;opacity:0;transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out}.modal .close{color:#fff!important;position:absolute;top:20px;left:20px;font-size:22px;font-weight:700;z-index:10;padding:5px 10px;border-radius:50%;background-color:#ee493d}.modal .close:hover,.modal .close:focus{color:#f2f2f2;text-decoration:none;cursor:pointer}.modal .modal-content{margin:50% auto;padding:20px;height:100%;max-height:57vw;width:100%;transition:transform 0.3s ease-in-out;transform:translateY(-50px)}.modal .modal-content video{display:none}.modal.open{visibility:visible;opacity:1;overflow:hidden;display:flex}.modal.open .modal-content{transform:translateY(0)}.modal.open .modal-content video{display:block}@media screen and (min-width:1200px){.modal .modal-content{margin:10vw auto;max-height:34vw;width:60%}}