:root{--lightgray: #d9d9d9;--gray: #9c9c9c;--orange: #f48915;--darkGrey: #464d53;--caloryCard: #656565;--planCard: linear-gradient(210.41deg, #fa5042 1.14%, #ffa739 100.75%);--appColor: #3c3f45}.App{background-color:var(--appColor);display:flex;flex-direction:column;gap:6rem;overflow:hidden}::-webkit-scrollbar{display:none}.stroke-text{color:transparent;font-family:Arial,Helvetica,sans-serif;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white}.btn{background-color:#fff;padding:.5rem;font-weight:700;border:4px solid transparent;transition:.3s all;display:flex;align-items:center;justify-content:center}.btn:hover{cursor:pointer}.blur{background:rgba(253,120,43,.69);position:absolute;border-radius:50%;filter:blur(150px);z-index:-9;left:5%;top:1%}.footer-container{position:relative;z-index:1}.footer-container>hr{border:1px solid var(black)}.footer{padding:1rem 2rem;display:flex;flex-direction:column;gap:4rem;align-items:center;justify-content:center;height:20rem}.social-links{display:flex;gap:4rem}.social-links>img{width:2rem;height:2rem;cursor:pointer}.logo-f>img{width:10rem}.footer-f-1{bottom:0;width:26%;height:12rem;filter:blur(200px);background:red;z-index:-9;transform:translateY(80px)}.footer-f-2{left:60%;width:26rem;height:12rem;filter:blur(200px);background:rgb(255,115,0);z-index:-9;transform:translateY(80px)}.header{display:flex;justify-content:space-between}.Logo{width:10rem;height:3rem}.header-menu{list-style:none;display:flex;gap:2rem;color:#fff}.header-menu>li:hover{color:var(--orange);cursor:pointer}@media screen and (max-width: 768px){.header>:nth-child(2){position:fixed;right:5rem;z-index:99}.header-menu{flex-direction:column;background-color:var(--gray);padding:2rem}}.Hero{display:flex;justify-content:space-between;z-index:9}.left-h{padding:1.5rem 2rem 2rem;flex:3;display:flex;gap:2rem;flex-direction:column}.right-h{flex:1;position:relative;background-color:var(--orange)}.the-best-ad{margin-top:4rem;background-color:#363d42;border-radius:4rem;width:fit-content;padding:20px 13px;text-transform:uppercase;color:#fff;position:relative;display:flex;align-items:center;justify-content:flex-start}.the-best-ad>span{z-index:2}.the-best-ad>div{position:absolute;background-color:var(--orange);width:5.4rem;height:80%;left:8px;border-radius:3rem;z-index:1}.hero-text{display:flex;flex-direction:column;gap:1.5rem;text-transform:uppercase;font-size:4.5rem;font-weight:700;color:#fff;text-overflow:inherit}.hero-text>div:nth-of-type(3){font-size:1rem;font-weight:200;text-transform:none;letter-spacing:1px;width:80%}.figures{display:flex;gap:2rem}.figures>div{display:flex;flex-direction:column}.figures>div>span:nth-of-type(1){color:#fff;font-size:2rem}.figures>div>span:nth-of-type(2){color:var(--gray);text-transform:uppercase}.hero-buttons{display:flex;gap:1rem;font-weight:400}.hero-buttons>:nth-child(1){color:#fff;background-color:var(--orange);width:8rem}.hero-buttons>:nth-child(2){color:#fff;background-color:transparent;width:8rem;border:2px solid var(--orange)}.right-h>.btn{position:absolute;right:3rem;top:3rem;color:#000}.heart-rate{display:flex;flex-direction:column;gap:1rem;background-color:var(--darkGrey);width:fit-content;padding:1rem;align-items:start;border-radius:5px;position:absolute;right:4rem;top:7rem}.heart-rate>img{width:2rem}.heart-rate>:nth-child(2){color:var(--gray)}.heart-rate>:nth-child(3){color:#fff;font-size:1.5rem}.hero-image{position:absolute;top:10rem;right:8rem;z-index:2;width:23rem}.hero-image-back{position:absolute;top:4rem;right:20rem;z-index:1;width:15rem}.calories{display:flex;gap:2rem;background-color:var(--caloryCard);border-radius:5px;padding:1rem;width:14rem;position:absolute;top:36.5rem;right:38rem}.calories>img{width:3rem}.calories>div{display:flex;flex-direction:column;justify-content:space-between}.calories>div>:nth-child(1){color:var(--gray)}.calories>div>:nth-child(2){color:#fff;font-size:1.5rem}.hero-blur{width:22rem;height:30rem;top:-1rem;left:6rem}@media screen and (max-width: 412px){.Hero{flex-direction:column}.hero-blur{width:14rem}.the-best-ad{margin-top:0;font-size:small;margin-left:42px;transform:scale(.8)}.hero-text{font-size:xx-large;justify-content:center;align-items:left;margin-left:70px}.hero-text>div:nth-of-type(3){font-size:small;font-weight:200;letter-spacing:1px;text-align:center;width:12rem}.hero-buttons{justify-content:left;width:20rem;transform:translate(35px)}.figures{margin-left:24px}.figures>div>span:nth-child(1){font-size:large;text-align:center;transform:translate(-30px)}.figures>div>span:nth-child(2){font-size:small;width:90px}.right-h{position:relative;background:none}.heart-rate{left:3rem;top:4rem;z-index:2}.calories{position:relative;top:5rem;left:1rem;transform:scale(.8)}.calories>img{width:2rem}.calories>div>:nth-child(2){color:#fff;font-size:1rem}.hero-image{position:relative;width:15rem;left:12rem;top:4rem;align-self:center}.hero-image-back{width:15rem;left:8rem;top:0rem;z-index:1}}.Programs{display:flex;flex-direction:column;gap:2rem;padding:0 2rem}.programs-header{display:flex;gap:5rem;font-weight:700;font-size:3rem;justify-content:center;color:#fff;text-transform:uppercase;font-style:italic}.programs-categories{display:flex;gap:1rem}.category{display:flex;flex-direction:column;background-color:gray;padding:2rem;gap:1rem;color:#fff;justify-content:space-between}.category>:nth-child(1){width:2rem;height:2rem;fill:#fff}.category>:nth-child(2){font-size:1rem;font-weight:700}.category>:nth-child(3){font-size:.9rem;line-height:25px}.join-now{display:flex;align-items:center;gap:2rem}.join-now>img{width:1rem}.category:hover{background:var(--planCard);cursor:pointer}@media screen and (max-width: 768px){.programs-header{flex-direction:column;gap:1rem;transform:translate(-235px);font-size:x-large;align-items:center;margin-top:2rem}.programs-categories{flex-direction:column;width:22rem;transform:translate(px)}}.Join{display:flex;padding:0 2rem;gap:10rem}.left-j{color:#fff;font-size:3rem;font-weight:700;text-transform:uppercase;position:relative}.left-j>hr{position:absolute;width:10.5rem;border:2px solid var(--orange);border-radius:20%;margin:-10px 0}.left-j>div{display:flex;gap:1rem}.right-j{display:flex;justify-content:center;align-items:center}.email-container{display:flex;gap:3rem;background-color:gray;padding:1rem 2rem}.email-container>input{background-color:transparent;border:none;outline:none;color:var(--lightgrayz)}::placeholder{color:var(--lightgray)}.btn-j{background-color:var(-orange);color:#000}@media screen and (max-width: 768px){.Join{flex-direction:column;gap:1rem}.left-j{font-size:x-large;flex-direction:column;width:200px}.right-j{padding:2rem}}.plans-container{margin-top:-4rem;padding:0 2rem;display:flex;flex-direction:column;gap:4rem;position:relative;z-index:1}.plans-blur-1{width:32rem;height:23rem;top:10rem;left:60rem;z-index:-9}.plans-blur-2{width:32rem;height:23rem;top:10rem;right:0rem;z-index:-9}.plans{display:flex;align-items:center;justify-content:center;gap:3rem}.plan{display:flex;flex-direction:column;background:var(--caloryCard);color:#fff;gap:2rem;padding:1.5rem;width:15rem}.plan:nth-child(2){background:var(--planCard);transform:scale(1.1)}.plan>svg{fill:var(--orange);width:2rem;height:2rem}.plan>:nth-child(2){font-size:1rem;font-weight:700}.plan>:nth-child(3){font-size:3rem;font-weight:700}.plan>:nth-child(5){font-size:.8rem}.plan>:nth-child(6){font-size:.8rem;color:#000}.features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:1rem}.feature>img{width:1rem}.plans>:nth-child(2)>svg{fill:#fff}.plans>:nth-child(2)>button{color:orange}@media screen and (max-width: 768px){.plans{flex-direction:column}.plans>:nth-child(2){transform:none}.plans{transform:translate(-225px)}}.Reasons{padding:0 2rem;display:flex;gap:2rem}.left-r{flex:1 1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;grid-auto-rows:1fr}.left-r>img{object-fit:cover}.left-r>:nth-child(1){width:14rem;grid-row:1/3;height:28.3rem}.left-r>:nth-child(2){width:auto;height:16rem;grid-column:2/4}.left-r>:nth-child(3){width:14rem;grid-column:2/3;grid-row:2}.left-r>:nth-child(4){width:10rem;grid-row:2;grid-column:3/4;height:11.2rem}.right-r{flex:1 1;text-transform:uppercase;gap:1rem;display:flex;flex-direction:column}.right-r>span{font-weight:700;color:var(--orange)}.right-r>div{color:wihte;font-size:3rem;font-weight:700}.details-r{display:flex;flex-direction:column;gap:1rem}.details-r>div{display:flex;font-size:1rem;gap:1rem}.details-r>div>img{width:2rem;height:2rem}.partners{display:flex;gap:1rem}.partners>img{width:2.5rem}@media screen and (max-width: 768px){.Reasons{flex-direction:column}.left-r{grid-auto-rows:auto;overflow:hidden;transform:translate(-20px)}.left-r>:nth-child(1){width:6rem;height:16rem;transform:translate(22px)}.left-r>:nth-child(2){width:14.6rem;height:10rem;transform:translate(-140px)}.left-r>:nth-child(3){width:8rem;height:80px;transform:translate(-140px)}.left-r>:nth-child(4){width:5.8rem;height:80px;transform:translate(-275px)}.right-r>:nth-child(2){font-size:39px}.details-r>div span:nth-child(2){font-size:15px;transform:translateY(7px)}.details-r>div>img{width:30px;height:30px}}.testimoial{display:flex;gap:1rem;padding:0 2rem}.left-t{display:flex;flex:1 1;gap:2rem;flex-direction:column;text-transform:uppercase;color:#fff}.left-t>:nth-child(1){color:var(--orange);font-weight:700}.left-t>:nth-child(2),.left-t>:nth-child(3){font-weight:700;font-size:3rem}.left-t>:nth-child(4){text-transform:none;text-align:justify;letter-spacing:2px;line-height:40px}.right-t{flex:1 1;position:relative}.right-t>img{position:absolute;width:17rem;height:20rem;object-fit:cover;right:16rem;top:1rem}.right-t>:nth-child(1){position:absolute;width:17rem;height:21rem;border:2px solid orange;background-color:transparent;right:18rem;top:-1rem}.right-t>:nth-child(2){position:absolute;width:17rem;height:19rem;right:15rem;top:3rem;background:var(--planCard)}.arrows{display:flex;gap:1rem;position:absolute;bottom:1rem;left:2rem}.arrows>img{width:1.5rem;cursor:pointer}@media screen and (max-width: 768px){.testimoial{flex-direction:column}.left-t>:nth-child(4){font-size:20px;width:350px;text-align:center}.left-t>:nth-child(5){width:200px;transform:translate(20px)}.left-t>:nth-child(2){transform:translate(17px)}.left-t>:nth-child(2),.left-t>:nth-child(3){font-size:xx-large;margin-left:60px}.right-t{display:flex;flex-direction:column;align-items:center;gap:2rem}.right-t>div{position:relative;display:none}.right-t>img{top:0;margin-left:50px;position:relative}.right-t>:last-child{display:block;bottom:0;transform:translate(-265px)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}