:root{--orange: rgb(237, 134, 0);--gray: #4e4c4cf9}body{padding:0;margin:0}.main{display:flex;justify-content:space-between}.left-homepage{flex:3;padding:1.5rem 2rem 2rem;display:flex;gap:2rem;flex-direction:column}.nav{display:flex;justify-content:space-between}.list{display:flex;color:#fff;gap:2rem;list-style:none}.list>li:hover{cursor:pointer;color:orange}.ad-container{background-color:#363d42;margin-top:4rem;border-radius:4rem;width:fit-content;padding:1.25rem .8rem;text-transform:uppercase;color:#fff;position:relative;display:flex;align-items:center;justify-content:flex-start}.ad-container .moving-ad-box{position:absolute;background-color:var(--orange);width:5.4rem;height:80%;border-radius:3rem;z-index:1}.ad-text{z-index:9}.motto{display:flex;flex-direction:column;gap:1.5rem;text-transform:uppercase;font-size:4.5rem;font-weight:700;color:#fff;text-overflow:inherit;z-index:1}.motto .motto-text-below{font-size:1rem;font-weight:200;text-transform:none;letter-spacing:1px;width:80%}.services{display:flex;gap:2rem}.services>div{display:flex;flex-direction:column}.services>div>span:nth-child(1){color:#fff;font-size:2rem}.services>div>span:nth-child(2){color:#c1c1c1;text-transform:uppercase}.buttons{display:flex;gap:1rem;font-weight:400}.buttons>:nth-child(1){color:#fff;background-color:orange;width:8rem}.buttons>:nth-child(2){color:#fff;background-color:transparent;width:8rem;border:2px solid orange}.right-homepage{background:var(--orange);flex:1}.right-homepage>button{position:absolute;right:3rem;top:2rem;color:#000}.heart-rate{display:flex;flex-direction:column;gap:1rem;background-color:#4a4747;width:fit-content;padding:1rem;align-items:start;border-radius:5px;position:absolute;right:4rem;top:7rem}.heart-rate>span:nth-child(1){width:2rem}.heart-rate>span:nth-child(2){color:gray}.heart-rate>span:nth-child(3){color:#fff;font-size:1.5rem}.hero-img{position:absolute;top:10rem;right:8rem;width:23rem;z-index:1}.hero-img-back{position:absolute;top:4rem;right:20rem;width:15rem}.calories{display:flex;gap:2rem;border-radius:5px;background-color:#b4abab;padding:1rem;width:fit-content;position:absolute;top:32rem;right:28rem}.calories>img{width:3rem}.calories>div{display:flex;flex-direction:column;justify-content:space-between}.calories>div>:nth-child(1){color:gray}.calories>div>:nth-child(2){color:#fff;font-size:1.5rem}.homepage-blur{width:22rem;height:30rem;left:0;z-index:0}@media screen and (max-width: 1024px){.motto{font-size:4rem}.hero-img{width:20rem;right:9rem;top:5rem}.heart-rate{right:3rem;top:5rem}.hero-img-back{width:14rem;right:21rem}.calories{right:1rem;top:31rem}.calories>div>:nth-child(1){color:#474141}}@media screen and (max-width: 768px){.main{flex-direction:column}.menu{background:#363d42;border-radius:5px;padding:.5rem;position:fixed;right:2rem;z-index:999}.list{padding:1rem;flex-direction:column;position:fixed;right:2rem;background-color:#363d42;z-index:99}.ad-container{margin-top:0;align-self:center}.motto div{text-align:center}.main .motto-text-below{width:100%}.services,.buttons{justify-content:center}.right-homepage{background:none;position:relative;display:flex;align-items:center}.hero-img{position:relative;left:7rem}.heart-rate{position:relative;left:2rem;top:-8rem}.heart-rate>span:nth-child(2){color:gray;width:max-content}.heart-rate>span:nth-child(3){color:#fff;font-size:1rem;width:max-content}.hero-img-back{position:relative;width:18rem;right:18rem}.calories{position:relative;top:19rem;right:35rem}.calories>img{height:3rem}.calories>div{width:max-content}.calories>div>:nth-child(1){color:#474141}.homepage-blur{width:14rem}}@media screen and (max-width: 540px){.ad-container{width:100%}.heart-rate{left:1rem}.hero-img{left:0;width:17rem}.hero-img-back{right:21rem}.calories{top:21rem;right:32rem}}@media screen and (max-width: 380px){.ad-text{font-size:.8rem}.motto{font-size:3rem}.left-homepage{padding-bottom:4rem}.right-homepage>button{top:0}.hero-img{width:13rem}.hero-img-back{right:17rem}.calories{top:18rem;right:27rem}}@media screen and (max-width: 320px){.ad-text{font-size:.8rem}.motto{font-size:2rem}.services{font-size:.3rem}.services>div>span:nth-child(2){font-size:.9rem}}.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}.btn:hover{cursor:pointer}.blur{background:#d17c14;position:absolute;border-radius:50%;filter:blur(130px)}::-webkit-scrollbar{display:none}.programs{display:flex;flex-direction:column;gap:2rem;padding:2rem 2rem 0}.heading{display:flex;justify-content:center;gap:5vw;font-weight:700;font-size:4vw;color:#fff;text-transform:uppercase;font-style:italic}.programs-categories{display:flex;gap:1rem}.category{display:flex;width:auto;flex-direction:column;justify-content:space-between;gap:1rem;padding:2rem;color:#fff;background-color:#8b8989}.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:1rem;line-height:25px}.join-program{display:flex;align-items:center;gap:2rem}.join-program>img{width:1rem}.category:hover{cursor:pointer;background-color:#ffa600e8}@media screen and (768px <= width <=1024px){.heading:nth-child(3){font-size:3.7vw}}@media screen and (max-width: 768px){.programs{margin-top:8rem}.programs-categories{flex-direction:column;overflow:hidden}}@media screen and (max-width: 540px){.programs{margin-top:11rem}}@media screen and (max-width: 320px){.programs{padding:1rem}}.reasons{padding:4rem 2rem 2rem;display:flex;gap:2rem}.left-side{flex:1 1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;grid-auto-rows:1fr}.left-side>img{object-fit:cover}.left-side>:nth-child(1){width:12rem;grid-row:1/3;height:28rem}.left-side>:nth-child(2){width:auto;height:16rem;grid-column:2/4}.left-side>:nth-child(3){width:14rem;grid-column:2/3;grid-row:2}.left-side>:nth-child(4){width:10rem;height:11.2rem;grid-row:2;grid-column:3/4}.right-side{flex:1 1;display:flex;text-transform:uppercase;flex-direction:column;gap:1rem}.right-side>span{font-weight:700;color:orange;font-size:x-large}.heading-reasons{color:#fff;font-size:4vw;font-weight:700}.details-reasons{display:flex;flex-direction:column;gap:1rem}.details-reasons>div{display:flex;font-size:1rem;gap:1rem}.details-reasons>div>img{width:2rem;height:2rem}.details-reasons>div>span{text-transform:uppercase}.partners{display:flex;gap:1rem}.partners>img{width:2.5rem}@media screen and (max-width:920px){.left-side>:nth-child(1){width:10rem}.left-side>:nth-child(2){width:auto}.left-side>:nth-child(3){width:10rem}.left-side>:nth-child(4){width:10rem}}@media screen and (max-width: 920px){.left-side{grid-template-columns:repeat(3,10rem)}.left-side>:nth-child(2){width:-webkit-fill-available}}@media screen and (max-width: 768px){.reasons{flex-direction:column}.left-side{align-self:center;width:auto}.left-side>:nth-child(3){height:11rem}.heading-reasons{font-size:3.4rem}.details-reasons{color:#fff}.details-reasons>div>span{text-transform:uppercase;font-size:2.7vw}}@media screen and (max-width: 540px){.left-side{display:flex;flex-direction:column;gap:1rem}.left-side>:nth-child(1){width:50vw}.left-side>:nth-child(2){width:50vw;height:12 rem}.left-side>:nth-child(3){width:50vw}.left-side>:nth-child(4){width:50vw}}@media screen and (max-width: 320px){.heading-reasons{font-size:3rem}.details-reasons>div>span{font-size:3.7vw}}@media screen and (max-width: 320px){.reasons{padding-top:2rem}.heading-reasons{font-size:2.4rem}.details-reasons>div>span{font-size:.8rem}}.plans-container{margin-top:2rem;padding:0 2rem;display:flex;flex-direction:column;gap:4rem;position:relative}.heading{gap:5vw;font-size:3.5vw}.plans{display:flex;align-items:center;justify-content:center;gap:3rem}.plan{display:flex;flex-direction:column;color:#fff;gap:2rem;background:#757474;padding:1.5rem;width:15rem}.plan:nth-child(2){transform:scale(1.1);background:#ed8600}.plan>svg{fill:orange;width:2rem;height:2rem}.plans>:nth-child(2)>svg{fill:#fff}.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}.features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:1rem}.feature>img{width:1rem}.plans>:nth-child(2)>button{color:orange}.plans-blur-1{width:32rem;height:23rem;top:6rem;left:0rem}.plans-blur-2{width:32rem;height:23rem;top:10rem;right:0rem}@media screen and (max-width: 768px){.heading{font-size:7vw;flex-direction:column;align-self:center}.plans{gap:4vw;flex-direction:column;gap:3rem}.plans-blur-1{top:15rem;left:18vw}.plans-blur-2{top:88rem;right:10vw}}@media screen and (max-width: 625px){.plans-blur-1{width:48vw;height:60vh;filter:blur(100px)}.plans-blur-2{top:82rem;right:25vw;width:48vw;height:60vh;filter:blur(100px)}.plan:nth-child(2){transform:scale(1)}}.testimonial{display:flex;gap:1rem;margin-top:4rem;padding:2rem}.left-testimonial{display:flex;flex:1 1;gap:2rem;flex-direction:column;text-transform:uppercase;color:#fff}.left-testimonial>:nth-child(1){color:orange;font-weight:700}.left-testimonial>:nth-child(2),.left-testimonial>:nth-child(3){font-size:3rem;font-weight:700}.left-testimonial>:nth-child(4){text-transform:none;text-align:justify;letter-spacing:.125rem;line-height:2.5rem}.right-testimonial{display:flex;flex:1;position:relative}.right-testimonial>img{position:absolute;width:17rem;height:20rem;object-fit:cover;right:8rem;top:2rem}.right-testimonial>:nth-child(1){position:absolute;width:17rem;height:20rem;border:2px solid orange;background-color:transparent;right:9rem;top:.9rem}.right-testimonial>:nth-child(2){position:absolute;width:17rem;height:19rem;right:7rem;background:orange;top:4rem}.arrows{display:flex;gap:1rem;position:absolute;bottom:-4rem;left:10rem;width:fit-content}.arrows>img{cursor:pointer;width:1.5rem}@media screen and (max-width:768px){.testimonial{flex-direction:column}.left-testimonial{gap:0}.right-testimonial{left:6rem;width:fit-content}.right-testimonial>img{height:16rem;width:14rem;right:7rem}.right-testimonial>:nth-child(1){position:relative;left:6rem;height:16rem;width:14rem}.right-testimonial>:nth-child(2){position:relative;height:16rem;width:14rem;right:6rem;top:3.5rem}.arrows{bottom:-6rem}}@media screen and (max-width: 625px){.right-testimonial{left:0;padding-left:12rem;justify-content:center;width:auto}.right-testimonial>img{position:relative}.right-testimonial>:nth-child(1){display:none!important}.right-testimonial>:nth-child(2){display:none}}@media screen and (max-width: 425px){.right-testimonial{left:0;width:auto}.right-testimonial>img{width:12rem;right:6rem}.right-testimonial>:nth-child(1){left:3rem;width:18rem}.right-testimonial>:nth-child(2){right:5rem;width:17rem}}@media screen and (max-width: 320px){.left-testimonial>:nth-child(4){letter-spacing:0}.left-testimonial>:nth-child(2),.left-testimonial>:nth-child(3){font-size:2rem}.left-testimonial>:nth-child(3){padding-bottom:1rem}.arrows{left:5rem}}.join{display:flex;justify-content:space-between;padding:4rem 2rem;gap:10rem}.left-join{color:#fff;font-size:3rem;font-weight:700;text-transform:uppercase;position:relative}.left-join>hr{position:absolute;width:10.5rem;border:2px solid orange;border-radius:20%;margin:-10px 0}.right-join{display:flex;justify-content:center;align-items:flex-end;margin-right:8rem}.email-container{display:flex;gap:3rem;background-color:#ababab;padding:1rem 2rem}.email-container>input{background-color:transparent;border:none;outline:none;color:#fff}::placeholder{color:#797676}.join-btn{background-color:orange;color:#fff}@media screen and (max-width: 768px){.join{margin-top:6rem;gap:2rem;align-items:center;flex-direction:column}}@media screen and (max-width:560px){.right-join{margin-right:0}}@media screen and (max-width: 320px){.email-container{padding:1rem}}.footer-container{position:relative}.footer-container>hr{border:1px solid lightgray}.footer{padding:1rem 2rem;display:flex;flex-direction:column;gap:4rem;align-items:center;height:20rem}.social-links{display:flex;gap:4rem}.social-links>img{width:2rem;height:2rem;cursor:pointer}.logo>img{width:10rem}.footer-blur-1{bottom:0;right:15%;width:26rem;height:12rem;filter:blur(200px);background-color:red}.footer-blur-2{bottom:0;left:15%;width:26rem;height:12rem;filter:blur(200px);background-color:#d17c14}@media screen and (max-width: 768px){.footer{height:15rem}.footer-blur-1,.footer-blur-2{top:3rem;filter:blur(100px);width:20rem}}@media screen and (max-width: 380px){.footer-blur-2{width:12rem}}