.bounce-button{transition:all 10s linear}.animate-scrolling-text{animation:scroll 10s linear infinite}.animate-rtl-scrolling-text{animation:rtlscroll 10s linear infinite}.bounce-button{animation-name:bounceStartAnimation,bounceEndAnimation;animation-duration:4s,4s;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite;animation-fill-mode:both,both;animation-delay:5s,5s}.playerbtn{transition:transform .3s ease-in-out}.femaleImage img{-webkit-clip-path:circle(125% at 18% 0);clip-path:circle(125% at 18% 0)}:dir(ltr){.compBenefitsMaleImage img{-webkit-clip-path:circle(100% at 40% .9%);clip-path:circle(100% at 40% .9%)}}:dir(rtl){.femaleImage img{-webkit-clip-path:circle(125% at 70% 0);clip-path:circle(125% at 70% 0)}.compBenefitsFemaleImage img,.compBenefitsMaleImage img{-webkit-clip-path:circle(96% at 43% 1%);clip-path:circle(96% at 43% 1%)}}.compBenefitsImage{animation:rotate10degAnimation 5s linear infinite}.horseShoeImage{animation:rotate20degAnimation 5s linear infinite}.playerImage{animation:rotateImageAnimation 7s linear infinite;animation-iteration-count:1}.playerImageContainer:hover .playerImage{animation:playerImageReverserotateImageAnimation 3.5s linear infinite}.weCanSubscribeFemaleImage{-webkit-mask-image:linear-gradient(180deg,#000 93%,transparent);mask-image:linear-gradient(180deg,#000 93%,transparent)}.reverseRotateImage{animation:reverserotateImageAnimation 8s linear infinite}.rotateImage{animation:rotateImageAnimation 8s linear infinite}.CompaniesListText{opacity:1;transform:translateY(10px)}.SwiperOrganizatioListIcon{opacity:0;transform:translateX(10px)}.SwiperOrganizatioListConatiner:hover .CompaniesListText{transform:translateY(-10px);transition:all .2s ease-in-out;opacity:0}:dir(ltr){.CardArrow{opacity:0;transform:translate(20px,-20px)}}:dir(rtl){.CardArrow{opacity:0;transform:translate(-30px,-25px)}}.cardWithArrow:hover .CardArrow{opacity:1;transition:all .2s ease-in-out;transform:translateY(-2px)}.howOnePassLastCard .vector-down,.howOnePassLastCard .vector-up{transition:all 1s ease}.howOnePassLastCard:hover .vector-up{transition:all 1s ease;transform:translateY(-40px)}.howOnePassLastCard:hover .vector-down{transform:translateY(40px)}.btnContainer{max-height:0;overflow:hidden;opacity:0;transition:max-height 1s ease,opacity 1s ease}.gymDumbellValueContainer:hover .btnContainer,.gymValueContainer:hover .btnContainer{max-height:200px;opacity:1;transition:max-height 1s ease,opacity 1s ease,transform .3s ease-in-out}.LastPartgymValueBottomRightImageContainer img,.gymValueTopRightImageContainer img{transition:all 1s ease}.gymDumbellValueContainer .dumbell-rotate,.gymDumbellValueContainer .mid-dumbell-rotate{transform:scale(1);transition:all 1s ease}.mainGymValueContainer:hover .LastPartgymValueBottomRightImageContainer img,.mainGymValueContainer:hover .gymValueTopRightImageContainer img{transform:scale(1.3) translateX(-10px);transition:all 1s ease}.gymValueMainSectionContainer:hover .dumbell-rotate{animation:rotateDumbbell 2s linear 1 alternate;transition:all 1s ease}.gymValueMainSectionContainer:hover .mid-dumbell-rotate{transition:all 1s ease;animation-delay:.5s}.gymDumbellValueContainer:hover .dumbell-rotate,.gymDumbellValueContainer:hover .mid-dumbell-rotate{transform:scale(.7);transition:all 1s ease}.LastPartgymValueBottomLeftImageContainer{transition:all 2s ease}.lastPartGymValueContainer:hover .LastPartgymValueBottomLeftImageContainer{transform:translate(30px,-30px) scale(1.3)}.LastPartgymValueBottomLeftImageContainer img{transition:all 2s ease;animation:rotateEmojiUpDown 3s infinite alternate-reverse}:dir(ltr){.SwiperOrganizatioListConatiner:hover .SwiperOrganizatioListIcon{transform:translate(13px,-10px);transition:all .2s ease-in-out;opacity:1}}:dir(rtl){.SwiperOrganizatioListConatiner:hover .SwiperOrganizatioListIcon{transform:translate(-10px,-10px);transition:all .2s ease-in-out;opacity:1}}.reverseRotateSticker{animation:reverserotateImageAnimation 8s linear infinite}.rotateStarSticker{animation:rotate10degAnimation 10s linear infinite}.rotate10degSticker{animation:rotate10degAnimation 6s linear infinite}.rotate20degSticker{animation:rotate20degAnimation 6s linear infinite}.rotate75degSticker{animation:rotate75degAnimation 6s linear infinite}.rotate20deg100Sticker{animation:rotate20deg100Animation 6s linear infinite}.rotate-15degSticker{animation:rotate-15degAnimation 6s linear infinite}.EmployeeMaleImageAnimate{animation:zoomInOut 4s ease infinite alternate}@keyframes moveApartTogetherMale{0%{transform:translateX(0)}50%{transform:translateX(-8px)}to{transform:translateX(0)}}@keyframes moveApartTogetherFemale{0%{transform:translateX(0)}50%{transform:translateX(8px)}to{transform:translateX(0)}}.compBenefitsMaleAnimate{animation:moveApartTogetherMale 6.5s ease infinite alternate}.compBenefitsFemaleAnimate{animation:moveApartTogetherFemale 6.5s ease infinite alternate}.EmployeeFemaleImageAnimate{animation:zoomInOut 4s ease infinite alternate;animation-delay:1s}.howToReferFemaleImage,.howToReferMaleImage{transition:all 2s ease;animation:scaleimage 5s ease infinite alternate}.buildingImage{transition:all 2s ease;animation:translateX 5s ease infinite alternate}.buildingArImage{transition:all 2s ease;animation:translateRtlX 5s ease infinite alternate}.organizations-navbar-brand:hover .organization-brand,.partners-navbar-brand:hover .organization-brand{transition:all 1s ease;transform:translate(-100px,-100px) rotate(-45deg)}.back-button{transform:translateX(-33px);opacity:0}.partners-navbar-brand:hover .back-button{opacity:1;transition:all 1s ease;transform:translate(-222px) rotate(0deg);html:lang(ar) &{transform:translate(200px) rotate(0deg)}}.organizations-navbar-brand:hover .back-button{opacity:1;transition:all 1s ease;transform:translate(-264px) rotate(0deg);html:lang(ar) &{transform:translate(230px) rotate(0deg)}}.gym-owners-image{-webkit-clip-path:circle(116% at 45% 0);clip-path:circle(116% at 45% 0);transition:all 2s ease;animation:translateX1 5s ease infinite alternate;html:lang(ar) &{-webkit-clip-path:circle(115.6% at 56% 0);clip-path:circle(115.6% at 56% 0)}}.translateImagebottom{transition:all 7s ease;animation:translate30bottom 7s ease infinite alternate;animation-delay:2s}.translateImageup{transition:all 7s ease;animation:translate30up 7s ease infinite alternate;animation-delay:2s}.translateCareerTextRight{transition:all 5s ease;animation:translateX100right 5s ease infinite alternate;html:lang(ar) &{animation:translateX100left 5s ease infinite alternate}}.translateCareerTextLeft{transition:all 5s ease;animation:translateX100left 5s ease infinite alternate;html:lang(ar) &{animation:translateX100right 5s ease infinite alternate}}.translateCareerMaleImage{transition:all 5s ease;animation:translateY100Up 5s ease infinite alternate;animation-delay:2s}.translateCareerFemaleImage{transition:all 5s ease;animation:translateY100Up 5s ease infinite alternate}.top-blog-button-arrow{transition:all .7s ease;position:absolute;right:-20px;transform:translateX(55px)}.top-blog-button:hover .top-blog-button-arrow{transition:all .7s ease;position:static;transform:translateX(0)}.splash-logo{animation:splashLogoAnimate 3s ease forwards}@media screen and (min-width:376px){.animateImage,.mainImageContainer{transition:transform .3s ease-in-out}.mainImageContainer:hover .maleImageAnimate{transform:translate(10px)}.mainImageContainer:hover .femaleImageAnimate{transform:translate(-10px)}}@media screen and (max-width:376px){.maleImageAnimate{animation:maleImageAnimation 2s ease-in-out forwards}.femaleImageAnimate{animation:femaleImageAnimation 2s ease-in-out forwards}}@media (min-width:768px) and (max-width:1024px){.femaleImage img{-webkit-clip-path:circle(130% at 16% 0);clip-path:circle(130% at 16% 0)}.maleImageAnimate{transition:all 6s ease;animation:midMaleImageAnimation 6s ease-in-out infinite forwards}.femaleImageAnimate{transition:all 6s ease;animation:midFemaleImageAnimation 6s ease-in-out infinite forwards}:dir(ltr){.compBenefitsMaleImage img{-webkit-clip-path:circle(100% at 66% 1%);clip-path:circle(100% at 66% 1%)}}:dir(rtl){.compBenefitsMaleImage img{-webkit-clip-path:circle(100% at 35% 1%);clip-path:circle(100% at 35% 1%)}}.howToReferFemaleImage,.howToReferMaleImage{animation:scaleimagemdscreen 5s ease infinite alternate!important}.partners-navbar-brand:hover .back-button{opacity:1;transition:all 1s ease;transform:translate(-264px) rotate(0deg);html:lang(ar) &{transform:translate(198px) rotate(0deg)!important}}.organizations-navbar-brand:hover .back-button{opacity:1;transition:all 1s ease;transform:translate(-264px) rotate(0deg);html:lang(ar) &{transform:translate(210px) rotate(0deg)!important}}.translateImagebottom{transition:all 7s ease;animation:translate30bottommid 7s ease infinite alternate!important;animation-delay:2s}.translateImageup{transition:all 7s ease;animation:translate30upmid 7s ease infinite alternate!important;animation-delay:2s}}@media (min-width:320px) and (max-width:767px){.partners-navbar-brand:hover .back-button{opacity:1;transition:all 1s ease;transform:translate(-120px) rotate(0deg);html:lang(ar) &{transform:translate(130px) rotate(0deg)!important}}.organizations-navbar-brand:hover .back-button{opacity:1;transition:all 1s ease;transform:translate(-264px) rotate(0deg);html:lang(ar) &{transform:translate(227px) rotate(0deg)!important}}}@media screen and (min-width:376px){.mainHeaderContainer:hover .wheelImage{animation:reverserotateImageAnimation 20s infinite alternate}.mainHeaderContainer:hover .dumbellImage,.mainHeaderContainer:hover .smallWheelImage{animation:reverserotateImageAnimation 30s alternate}}@media screen and (max-width:426px){.wheelImage{animation:reverserotateImageAnimation 20s infinite alternate}.dumbellImage,.smallWheelImage{animation:reverserotateImageAnimation 30s alternate}}@media (min-width:320px) and (max-width:767px){.howToReferFemaleImage,.howToReferMaleImage{animation:scaleimagesmscreen 5s ease infinite alternate!important}}@keyframes splashLogoAnimate{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}65%{transform:rotate(180deg)}70%{transform:rotate(90deg)}75%{transform:rotate(45deg)}80%{transform:rotate(-20deg)}85%{transform:rotate(20deg)}90%{transform:rotate(-20deg)}95%{transform:rotate(20deg)}to{transform:rotate(0deg)}}@keyframes rotateEmojiUpDownHover{0%{transform:translateY(10px) scale(1.2) rotate3d(15,0,0,20deg)}to{transform:translateY(0) scale(1.2) rotate3d(15,0,0,-20deg)}}@keyframes rotateEmojiUpDown{0%{transform:translateY(0) rotate3d(15,0,0,20deg)}to{transform:translateY(-5px) rotate3d(15,0,0,-20deg)}}@keyframes rotateDumbbell{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}65%{transform:rotate(180deg)}70%{transform:rotate(90deg)}75%{transform:rotate(45deg)}80%{transform:rotate(-20deg)}85%{transform:rotate(20deg)}90%{transform:rotate(-20deg)}95%{transform:rotate(20deg)}to{transform:rotate(0deg)}}@keyframes moveVector{0%{transform:translate(-15px,-15px)}to{transform:translate(10px,10px)}}@keyframes zoomInOut{0%{transform:scale(1) translateY(0)}to{transform:scale(1.03) translateY(-8px)}}@keyframes translateX1{0%{transform:translateX(0)}to{transform:translateX(-8px)}}@keyframes translateX{0%{transform:translateX(0)}to{transform:translateX(-22%)}}@keyframes translateRtlX{0%{transform:translateX(0)}to{transform:translateX(22%)}}@keyframes rotate20degAnimation{0%,to{transform:rotate(0deg)}50%{transform:rotate(20deg)}}@keyframes rotate75degAnimation{0%,to{transform:rotate(-75deg)}50%{transform:rotate(75deg)}}@keyframes rotate20deg100Animation{0%,to{transform:rotate(0deg)}50%{transform:rotate(-65deg)}}@keyframes rotate10degAnimation{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}@keyframes rotate-15degAnimation{0%,to{transform:rotate(0deg)}50%{transform:rotate(-15deg)}}@keyframes rotateImageAnimation{0%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}@keyframes playerImageReverserotateImageAnimation{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes reverserotateImageAnimation{0%{transform:rotate(3turn)}to{transform:rotate(0deg)}}@keyframes maleImageAnimation{0%{transform:translate(0)}to{transform:translate(10px)}}@keyframes midMaleImageAnimation{0%,to{transform:translateY(-3px)}50%{transform:translate(20px)}}@keyframes femaleImageAnimation{0%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes midFemaleImageAnimation{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}@keyframes scaleimage{0%{transform:scale(1)}to{transform:scale(1.1) translateY(-19px)}}@keyframes scaleimagesmscreen{0%{transform:scale(1)}}.linesLeftAnimation{animation:floatUpDownLeft 3s ease-in-out infinite}.linesRightAnimation{animation:floatUpDownRight 4s ease-in-out infinite;animation-delay:.5s}.holographicBgAnimation{animation:shimmer 8s ease-in-out infinite}.mockupAnimation{animation:phoneSway 5s ease-in-out infinite}@keyframes floatUpDownLeft{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(5px)}}@keyframes floatUpDownRight{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(-5px)}}@keyframes shimmer{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.95}}@keyframes phoneSway{0%,to{transform:translateX(90px)rotate(-3deg)}50%{transform:translateX(115px) rotate(-7deg)}}@keyframes scaleimagemdscreen{0%{transform:scale(1)}to{transform:scale(1.1) translateY(-20px)}}@keyframes translate30bottom{0%{transform:translateY(-30px)}to{transform:translateY(30%)}}@keyframes translate30up{0%{transform:translateY(0)}to{transform:translateY(-30%)}}@keyframes translate30bottommid{0%{transform:translateY(-10px)}to{transform:translateY(10%)}}@keyframes translate30upmid{0%{transform:translateY(0)}to{transform:translateY(-10%)}}@keyframes translateX100right{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(100%) rotate(-15deg)}}@keyframes translateX100left{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(-100%) rotate(30deg)}}@keyframes translateY100Up{0%{transform:translateY(-10%) rotate(0deg)}to{transform:translateY(30%) rotate(-15deg)}}@keyframes scroll{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes rtlscroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes bounceStartAnimation{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes bounceEndAnimation{0%{transform:translateY(-100%)}to{transform:translateY(0)}}