.hero{display:flex;justify-content:space-between}.h-left{padding:1.5rem 2rem 2rem;flex:3;flex-direction:column}.best-ad{margin-top:4rem;margin-bottom:4rem;background-color:#363d42;border-radius:4rem;width:fit-content;padding:20px 13px;text-transform:uppercase;position:relative;display:flex;align-items:center}.best-ad span{z-index:2}.best-ad>div{position:absolute;background-color:var(--orange);width:5rem;z-index:1;height:80%;left:8px;border-radius:3rem}.hero-text{display:flex;flex-direction:column;gap:1.5rem;text-transform:uppercase;font-size:2.7rem;font-weight:700;text-overflow:inherit}.hero-text div:nth-child(3){font-size:1rem;font-weight:200;text-transform:none;letter-spacing:1px}.figures{display:flex;gap:1.5rem;flex-direction:row;padding:20px}.figures>div{display:flex;flex-direction:column}.figures>div>span:nth-of-type(1){font-size:2rem}.figures>div>span:nth-of-type(2){color:var(--gray);font-size:1rem;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)}.h-right{background-color:var(--orange);flex:1;position:relative}.h-right>.btn{position:absolute;right:3rem;top:2rem}.heart-rate{display:flex;flex-direction:column;gap:1rem;background-color:var(--darkGrey);width:fit-content;align-items:start;border-radius:5px;position:absolute;right:5rem;top:7rem;padding:1rem}.heart-rate>:nth-child(2){color:var(--gray)}.heart-rate>img{width:2rem}.heart-rate>:nth-child(3){color:#fff;font-size:1.5rem}.hero-img{position:absolute;top:8rem;filter:drop-shadow(4px 4px 20px rgb(29,28,28));width:23rem;right:8rem}.hero-img-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:fit-content;position:absolute;top:33rem;right:28rem}.calories>img{width:3rem}.calories>div{display:flex;flex-direction:column;justify-content:space-between}.calories>:nth-child(1){color:var(--gray)}.calories>:nth-child(2){font-size:1.5rem}.h-blur{width:22rem;height:30rem;left:0}.btnO{border:1px solid}@media screen and (max-width: 768px){.hero{display:flex;flex-direction:column}.best-ad{margin:15px 10px;font-size:small;align-self:center;transform:scale(.8)}.hero-text{font-size:xx-large;align-items:center;justify-content:center}.hero-text div:nth-child(3){font-size:small;font-weight:200;text-transform:none;letter-spacing:1px;text-align:center}.hero-buttons{justify-content:center}.figures>div>span:nth-of-type(1){font-size:large}.figures>div>span:nth-of-type(1){font-size:small}.h-right{position:relative;background:none}.heart-rate{left:1rem;top:16rem}.calories{position:relative;top:5rem;left:2rem}.calories>img{width:2rem}.calories>:nth-child(2){font-size:1rem}.hero-img{position:relative;width:15rem;left:7rem;top:4rem;align-self:center}.hero-img-back{width:15rem;left:2rem;top:0rem}}.header{display:flex;justify-content:space-between}.logo{width:10rem;height:3rem}.header-menu{display:flex;list-style:none;gap:2rem}.header-menu li:hover{color:var(--orange);cursor:pointer}.bar{background:var(--appColor);border-radius:50%;padding:10px}@media screen and (max-width: 768px){.header>:nth-child(2){position:fixed;right:2rem;z-index:99}.header-menu{background:var(--appColor);padding:2rem;flex-direction:column}}: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{mix-blend-mode:overlay;background-color:var(--appColor);display:flex;flex-direction:column;gap:6rem;overflow:hidden;scroll-behavior:smooth}::-webkit-scrollbar{display:none}*{margin:0;padding:0;color:#fff}.stroke-text{color:transparent;font-family:Arial,Helvetica,sans-serif;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;font-size:2.7rem;justify-content:center;margin:0 2px}.btn{background-color:#fff;padding:.5rem 1rem;font-weight:700;border:3px solid transparent;transition:.3s all;color:#000}.btn:hover{cursor:pointer}.blur{background-color:#fd632bb0;position:absolute;border-radius:50%;filter:blur(150px);z-index:-9}@media screen and (max-width: 768px){.stroke-text{font-size:xx-large;margin-right:20px}}.program-header{display:flex;gap:10px;font-weight:700;margin-top:2rem;font-size:2.7rem;justify-content:center;text-align:center;text-transform:uppercase;font-style:italic}.program-categoires{display:flex;gap:1rem}.categories{display:flex;flex-direction:column;background-color:gray;padding:2rem;gap:1rem;justify-content:space-between}.categories:hover{background-color:var(--orange);cursor:pointer}.categories>:nth-child(1){height:2rem;width:2rem;fill:#fff}.categories>:nth-child(2){font-size:1rem;font-weight:700}.categories>:nth-child(3){font-size:.9rem;line-height:25px}.join-now{display:flex;align-items:center;gap:2rem}.join-now>img{font-size:1rem}@media screen and (max-width: 768px){.program-header{flex-direction:column;gap:1rem;font-size:x-large;align-items:center;margin:2rem 0}.program-categoires{flex-direction:column;margin:10px 15px}}.reasons{padding:0 2rem;gap:2rem;display:flex}.left{flex:1 1 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;grid-auto-rows:1fr}.left>img{object-fit:cover}.left>:nth-child(1){width:12rem;grid-row:1/3;height:28rem}.left>:nth-child(2){width:auto;grid-column:2/4;height:16rem}.left>:nth-child(3){width:14rem;grid-row:2;grid-column:2/3}.left>:nth-child(4){grid-column:3/4;height:11.2rem;width:10rem}.right{flex:1 1 0;text-transform:uppercase;gap:1rem;display:flex;flex-direction:column}.right>span{font-weight:700;color:var(--orange)}.right>div{font-size:2.7rem;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;align-self:center}.left{grid-auto-rows:auto}.left>:nth-child(1){width:7rem;height:17rem}.left>:nth-child(2){width:12rem;height:10rem}.left>:nth-child(3){width:6.2rem}.left>:nth-child(4){width:5rem;height:6rem}}.header1{gap:2rem;display:flex;justify-content:center;align-items:center}.header1>:nth-child(1){font-size:2.3rem}.header1>:nth-child(2){font-size:2.5rem}.header1>:nth-child(3){font-size:2.3rem}.container{margin-top:-4rem;padding:0 2rem;display:flex;flex-direction:column;gap:4rem;position:relative}.plans-card{display:flex;align-items:center;justify-content:center;gap:3rem}.plan{display:flex;flex-direction:column;background-color:var(--caloryCard);gap:2rem;padding:1.5rem;width:15rem}.plans-card>:nth-child(2){background-color:var(--orange);transform:scale(1.1)}.plans-card>:nth-child(2)>svg{fill:#fff}.plans-card>:nth-child(2)>button{color:var(--orange)}.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:2.7rem;font-weight:700}.plan>:nth-child(5){font-size:.8rem}.features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:1rem}.feature>img{width:1rem}.plan-blur-1{width:32rem;height:23rem;top:6rem;left:0rem}.plan-blur-2{width:32rem;height:23rem;top:10rem;right:0rem}@media screen and (max-width: 768px){.plans-card{flex-direction:column;gap:1rem}.plans-card>:nth-child(2){transform:none}.header1{flex-direction:column;align-self:center}.header1>:nth-child(1){font-size:1.8rem}.header1>:nth-child(2){font-size:1.6rem}.header1>:nth-child(3){font-size:1.8rem}}.main{display:flex;gap:1rem;padding:0 2rem}.m-left{display:flex;flex-direction:column;flex:1 1;gap:2rem;text-transform:uppercase}.m-left>:nth-child(1){color:var(--orange);font-weight:700}.m-left>:nth-child(2),.m-left>:nth-child(3){font-size:2.7rem;font-weight:700}.m-left>:nth-child(1){text-transform:none;text-align:justify;letter-spacing:2px;line-height:40px}.m-left>:nth-child(4){letter-spacing:px;line-height:3rem}.m-right{flex:1 1;position:relative}.m-right>img{position:absolute;width:17rem;height:20rem;object-fit:cover;right:8rem;top:2rem}.m-right>:nth-child(1){position:absolute;width:17rem;height:20rem;border:2px solid orange;background-color:transparent;right:9rem;top:.9rem}.m-right>:nth-child(2){position:absolute;width:17rem;height:19rem;top:4rem;background:var(--planCard);right:7rem}.arrows{display:flex;gap:1rem;position:absolute;bottom:1rem;left:3rem;margin-right:1rem}.arrows>img{width:1.5rem;cursor:pointer}@media screen and (max-width: 768px){.main{flex-direction:column}.m-left>:nth-child(3),.m-left>:nth-child(2),.m-left>:nth-child(1){font-size:x-large}.m-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.m-right>div{position:relative;display:none}.m-right>img{position:relative;top:0;right:0}.m-right>:last-child{display:block;bottom:0;left:0;gap:10px;display:flex;margin-top:10px}}.join{display:flex;gap:10rem;padding:0 2rem}.left-j{font-size:2.9rem;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}.right-j{display:flex;align-items:flex-end}.email-container{display:flex;gap:3rem;background-color:gray;padding:1rem 2rem}.email-container>input{background-color:transparent;border:none;outline:none;color:var(--lightgray)}::placeholder{color:var(--lightgray)}.btn-j{background-color:var(--orange);color:#fff}@media screen and (max-width: 768px){.join{flex-direction:column;gap:1rem;margin:20px 10px}.left-j{display:flex;font-size:x-large;flex-direction:column;margin:20px 10px}.left-j>hr{margin:-35px 0}}.right-j{padding:2rem;align-self:center}.footer-container{position:relative}.footer-container>hr{border:1px solid var(--lightgray)}.footer{display:flex;flex-direction:column;gap:4rem;align-items:center;justify-content:center;height:20rem}.social{display:flex;gap:4rem}.social>img{width:2rem;height:2rem;cursor:pointer}.social>img:hover{color:#00f}.blur-f-1{position:absolute;bottom:0;left:0;width:100%;height:12rem;filter:blur(200px);background-color:red;z-index:-1}