:root{--lightgray: #d9d9d9;--gray: #9c9c9c;--orange: #f48915;--darkgray: #464d53;--colorcard: #656565;--plancard: linear-gradient(210.41deg,#fa5042 1.14%, #ffa739 100.75%);--appcolor: #3c3f45}.App{mix-blend-mode:overlay;background-color:#2c2a2a;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:#fff}.btn{background-color:#fff;padding:.5rem;font-weight:700;border:4px solid transparent;transition:.3s all;display:flex;align-items:center;justify-content:center}.blur{background:teal;position:absolute;border-radius:50%;filter:blur(150px);z-index:-9}.abouts{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:teal;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;position:relative}.right-t>img{position:absolute;width:17rem;height:20rem;object-fit:cover;right:8rem;top:2rem}.right-t>:nth-child(1){position:absolute;width:17rem;height:20rem;border:2px solid #008080;background:transparent;right:9rem;top:.9rem}.right-t>:nth-child(2){position:absolute;width:17rem;right:7rem;height:19rem;top:4rem;background:#008080c4}.arrows{display:flex;gap:1rem;position:absolute;bottom:1rem;left:3rem}.arrows>img{width:1.5rem;cursor:pointer}@media (min-width: 320px) and (max-width: 678px){.abouts{flex-direction:column}.left-t>:nth-child(2),.left-t>:nth-child(3){font-size:xx-large}.left-t>:nth-child(4){font-size:1.2rem}.right-t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.right-t>div{position:relative;display:none}.right-t>img{top:0;right:0;position:relative;align-self:center}.right-t>:last-child{display:block;bottom:0;left:0}}@media (min-width: 768px) and (max-width: 1024px){.left-t>:nth-child(4){font-size:1.8rem}.left-t>:nth-child(1){color:teal;font-weight:700;font-size:2rem}.left-t>:nth-child(5){font-size:1.8rem}.right-t>div{left:4rem;margin-top:20rem}.right-t>img{top:23rem;height:18rem;left:2rem}}@media (min-width: 1024px) and (max-width: 1280px){.left-t>:nth-child(4){font-size:1.8rem}.left-t>:nth-child(1){color:teal;font-weight:700;font-size:2rem}.left-t>:nth-child(5){font-size:1.8rem}.right-t>div{left:4rem;margin-top:9rem}.right-t>img{top:12rem;height:18rem;left:2rem}}.footer{width:100%;background-color:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px;font-family:Arial,sans-serif;position:relative;bottom:0}.footer-content{text-align:left}.footer-content p{margin:5px 0;font-size:14px;line-height:1.6}.footer-content strong{color:gold}.footer-question{text-align:right}.footer-question p{margin:40px;font-size:14px;font-style:italic;color:#ccc}.footer-content a{color:gold;text-decoration:none}.footer-content a:hover{text-decoration:underline;color:#fff}@media (min-width: 320px) and (max-width: 678px){.footer{width:100%}.footer-content p{font-size:1.2rem;padding:1px;flex-direction:column}.footer-question p{font-size:1.3rem;font-style:italic;font-weight:700}}@media (min-width: 768px) and (max-width: 1024px){.footer{width:100%}.footer-content p{font-size:1.5rem;padding:1px;flex-direction:column}.footer-question p{font-size:1.5rem;font-style:italic;font-weight:700}}@media (min-width: 1024px) and (max-width: 1280px){footer{width:100%}.footer-content p{font-size:1.5rem;padding:1px;flex-direction:column}.footer-question p{font-size:1.4rem;font-style:italic;font-weight:700}}.header{display:flex;justify-content:space-between}h1{font-style:italic;color:#fff}.logo{width:10rem;height:3rem;justify-content:start}.header-menu{list-style:none;display:flex;gap:2rem;color:#fff}.header-menu>li:hover{color:teal;cursor:pointer}@media (min-width: 320px) and (max-width: 678px){.header>:nth-child(2){position:fixed;right:2rem;z-index:99}.header-menu{flex-direction:column;background-color:var(--appcolor);font-size:1.2rem}.header{font-size:1.2rem}}@media (min-width: 768px) and (max-width: 1024px){.header-menu{flex-direction:column;background-color:var(--appcolor);font-size:1.8rem}.header{font-size:1.6rem}}@media (min-width: 1024px) and (max-width: 1280px){.header-menu{font-size:1.8rem}.header{font-size:1.6rem;display:flex;justify-content:space-between}}.hero{display:flex;justify-content:space-between}.left-h{padding:1.5rem 2rem 2rem;flex:3;display:flex;gap:2rem;flex-direction:column}.right-h{flex:1;position:relative}.the-best-ad{margin-top:4rem;background-color:#363d42;border-radius:4rem;width:fit-content;padding:20px 13px;text-transform:uppercase;color:#f0f8ff;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:teal;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}.btn{background-color:#fff;padding:.5rem;font-weight:700;border:4px solid transparent;transition:.3s all;display:flex;justify-content:center;align-items:center}.btn:hover{cursor:pointer}.hero-button{display:flex;gap:1rem;font-weight:400}.hero-button>:nth-child(1){color:#fff;background-color:teal;width:8rem}.hero-button>:nth-child(2){color:#fff;background-color:transparent;width:8rem;border:2px solid #008080}.right-h>a .btn{position:absolute;right:3rem;top:2rem;color:#000}.heart-rate{display:flex;flex-direction:column;gap:1rem;background-color:var(--darkgray);width:fit-content;padding:2rem;align-items:start;border-radius:5px;position:absolute;right:4rem;top:7rem}.heart-rate>img{width:5rem}.heart-rate>:nth-child(2){color:var(--gray);font-size:2rem}.heart-rate>:nth-child(3){color:#fff;font-size:1.5rem}.hero-image{position:absolute;top:14rem;left:-15rem;width:20rem}.hero-image-back{position:absolute;top:4rem;right:20rem;z-index:-1;width:15rem}.calories{display:flex;gap:2rem;background-color:var(--colorcard);border-radius:5px;padding:1rem;width:fit-content;position:absolute;top:36rem;right:28rem}.calories>img{width:6rem}.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}@media (min-width: 320px) and (max-width: 678px){.hero{flex-direction:column}.hero-blur{width:7rem}.the-best-ad{margin-top:0;width:20rem;font-size:1.5rem;align-self:center;transform:scale(.8)}.hero-text{font-size:2.2rem;font-weight:700}.stroke-text{font-style:italic;color:#017272}.hero-text>div:nth-of-type(3){font-size:1.5rem}.calories>img{width:2rem}.calories{position:relative;top:7rem;left:2rem;padding:1rem}.heart-rate{left:1rem;top:1rem;width:3rem;padding:2rem 2rem -2rem;align-items:center}.heart-rate>img{width:3rem}.hero-image{position:relative;width:10rem;left:9rem;top:6.5rem}.hero-button{justify-content:center;font-size:large;text-transform:uppercase}.right-h>a .btn{position:absolute;font-size:large;text-transform:uppercase;padding:-1rem;right:1rem;border-radius:10px}.figures{display:flex;flex-direction:column;justify-content:center}.figures>div>span:nth-of-type(2){text-transform:uppercase;font-size:medium}}@media (min-width: 768px) and (max-width: 1024px){.hero{flex-direction:column}.hero-blur{width:14rem}.the-best-ad{margin-top:0;font-size:2.2rem;align-self:center;transform:scale(.8)}.hero-text{font-size:5rem;align-items:center;justify-content:center}.stroke-text{font-size:3.9rem;color:#8c9797}.hero-text>div:nth-last-of-type(3){font-size:3rem;font-weight:150;letter-spacing:1px;text-align:center}.hero-text>div:nth-last-of-type(1){font-size:2.8rem}.hero-button .btn{justify-content:center;align-items:center;font-size:2rem;width:20rem}.figures{text-align:center;justify-content:center}.figures>div>span:nth-of-type(1){font-size:2.6rem}.figures>div>span:nth-of-type(2){font-size:2.4rem}.right-h{position:relative;background:none}.right-h>a .btn{text-transform:uppercase;font-size:2rem;border-radius:10px;top:-1rem}.heart-rate{left:1rem;width:10rem;height:14 rem;top:2rem;align-items:center}.heart-rate>img{width:5rem}.calories{position:relative;top:5rem;left:1rem;align-items:center}.calories>img{width:10rem}.calories>div>:nth-child(2){color:#fff;font-size:2rem}.calories>div>:nth-child(1){color:#fff;font-size:2rem}.hero-image{position:relative;width:20rem;left:20rem;top:4rem;align-self:center}.hero-image-back{width:15rem;left:2rem;top:0rem}}@media (min-width: 1024px) and (max-width: 1280px){.the-best-ad{top:-4rem;font-size:1.8rem}.hero-text{font-size:3.3rem;margin-top:-2rem}.hero-image{width:20rem;top:28rem;left:-8rem}.stroke-text{color:#6b6b6b;font-size:3.9rem}.figures>div>span:nth-of-type(1){font-size:2.8rem}.figures>div>span:nth-of-type(2){font-size:2.2rem}.hero-text>div:nth-last-of-type(1){font-size:2.5rem}.hero-text>div:nth-last-of-type(2){font-size:4rem}.hero-text>div:nth-last-of-type(3){font-size:4.2rem}.calories>img{width:10rem}.calories{top:57rem;left:-21rem}.heart-rate{width:5rem}.heart-rate>img{width:6rem}.hero-button .btn{font-size:2rem;width:14rem}.right-h a>.btn{font-size:1.6rem;font-weight:700}}.booking-page{width:80%;margin:0 auto;color:#ccc}.booking-form{display:flex;flex-direction:column}.booking-f label{margin:10px 0 5px}.booking-form input,.booking-form select,.booking-form textarea{margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:4px;outline:none;resize:none}.booking-form textarea{height:150px;width:750px}.booking-form button{background-color:teal;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px}.booking-form button:hover{background-color:#008080cc}@media (min-width: 320px) and (max-width: 678px){.booking-form label{font-size:1.7rem}.booking-form input,.booking-form select{font-size:1.2rem}.booking-form button{font-size:2rem}.booking-form textarea{width:auto}}@media (min-width: 768px) and (max-width: 1024px){.booking-form label{font-size:2rem}.booking-form input{font-size:1.6rem}.booking-form select{font-size:1.8rem}.booking-form button{font-size:1.6rem}.booking-form textarea{width:auto}}@media (min-width: 1024px) and (max-width: 1280px){.booking-form label{font-size:2.2rem}.booking-form input,.booking-form select{font-size:1.8rem}.booking-form button{font-size:2rem}.booking-form textarea{width:auto}}.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 #008080;border-radius:20%;margin:-10px 0}.left-j>div{display:flex;gap:1rem}.right-j{display:flex;justify-content:center;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:teal;color:#fff}@media (min-width: 320px) and (max-width: 678px){.join{flex-direction:column;gap:1rem}.left-j{font-size:1rem;flex-direction:column}.left-j>:nth-child(2),.left-j>:nth-child(3){margin-left:1.2rem;margin-left:1rem;top:5rem;font-size:2rem}.right-j{padding:2rem}.left-j .stroke-text{margin-left:-2rem}.left-j>:nth-child(3){font-size:1.9rem;margin-left:-1rem}.email-container>input{font-size:1.2rem;align-items:center;text-align:center}.btn-j{font-size:1.1rem;font-weight:bolder;margin-right:2rem}}@media (min-width: 768px) and (max-width: 1024px){.join{flex-direction:column;gap:1rem}.left-j{font-size:1rem;flex-direction:column}.left-j>:nth-child(2){margin-left:2rem;top:5rem;gap:1.8rem;font-size:3rem}.right-j{padding:2rem}.left-j .stroke-text{margin-left:2rem;font-size:3.6rem}.left-j>:nth-child(3){font-size:3rem;margin-left:1rem}.email-container>input{font-size:1.8rem;align-items:center;text-align:center}.btn-j{font-size:1.6rem;font-weight:bolder;margin-right:2rem}}@media (min-width: 1024px) and (max-width: 1280px){.email-container>input{font-size:1.8rem;align-items:center;text-align:center}.btn-j{font-size:1.6rem;font-weight:bolder;margin-right:2rem}}.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}.program-categories{display:flex;gap:1rem}.category{position:relative;width:300px;height:400px;overflow:hidden;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.category>:nth-child(1){width:2rem;height:2rem}.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:#0080805b;cursor:pointer}@media (min-width: 320px) and (max-width: 678px){.programs-header{flex-direction:column;gap:1rem;font-size:x-large;align-items:center;justify-content:center;margin-top:2rem}.program-categories{flex-direction:column}.stroke-text{font-size:2.2rem;color:#7a7a7a;align-items:center;justify-content:center;text-align:center}.programs-header>:nth-child(2){font-size:2.3rem}.category{align-items:center;justify-content:center;text-align:center;position:relative;height:28rem}.program-categories{align-items:center}.category>:nth-child(3){font-size:1.6rem;font-weight:700}.category>:nth-child(4){font-size:1.3rem}}@media (min-width: 768px) and (max-width: 1024px){.programs{display:flex;flex-direction:column}.programs-header{margin:2rem}.stroke-text{color:#757575;align-items:center;text-align:center;justify-content:center;font-size:2.8rem;font-weight:bolder;margin-right:-3rem;margin-left:-4rem}.program-categories{width:44rem;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:1rem}.category>:nth-child(3){font-size:1.8rem;font-weight:700}.category>:nth-child(4){font-size:1.6rem;align-items:center;text-align:center;justify-content:center}.category>img{width:2rem}.category{width:20rem;height:36rem}}@media (min-width: 1024px) and (max-width: 1280px){.category>:nth-child(3){font-size:2rem;font-weight:700}.category>:nth-child(4){font-size:2rem;align-items:center;text-align:center;justify-content:center}.category{width:22rem;height:42rem}.program-categories{width:90rem;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:1rem}}.reason{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:12rem;grid-row:1/3;height:28rem}.left-r>:nth-child(2){width:auto;height:16rem;grid-column:2/4}.left-r>:nth-child(3){width:16rem;grid-column:2/3;grid-row:2}.left-r>:nth-child(4){width:8rem;height:20rem;grid-row:2;grid-column:3/4;height:11.2rem}.right-r{flex:1 1;text-transform:uppercase;gap:1rem;flex-direction:column}.right-r>span{font-weight:700;color:teal}.right-r>div{color:#fff;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}.par{width:10%;height:22%;border-radius:5px;position:absolute;margin-top:1.8rem}.pa2{width:22%;height:13%;border-radius:5px;margin-left:12rem;margin-top:2rem}@media (min-width: 320px) and (max-width: 678px){.reason{flex-direction:column}.left-r{grid-auto-rows:auto;overflow:hidden}.left-r>:nth-child(1){width:7rem;height:17rem}.left-r>:nth-child(2){width:15rem;height:10rem}.left-r>:nth-child(3){width:7rem}.left-r>:nth-child(4){width:7rem;height:6rem}.details-r>:nth-child(1){font-size:1.4rem}.details-r>:nth-child(2){font-size:1.4rem}.details-r>:nth-child(3){font-size:1.4rem}.details-r>:nth-child(4){font-size:1.4rem}.par{width:7rem;height:6rem;margin-top:2rem}.pa2{height:6rem;width:7rem;margin-left:9rem}}@media (min-width: 768px) and (max-width: 1024px){.reason{flex-direction:column}.left-r{grid-auto-rows:auto;overflow:hidden}.left-r>:nth-child(1){width:11rem;margin-left:3rem;height:17rem}.left-r>:nth-child(2){width:12rem;height:10rem}.left-r>:nth-child(3){width:7rem}.left-r>:nth-child(4){width:7rem;height:6rem;margin-right:19rem}.details-r{margin-top:3rem}.details-r>:nth-child(1){font-size:1.4rem}.details-r>:nth-child(2){font-size:1.4rem}.details-r>:nth-child(3){font-size:1.4rem}.details-r>:nth-child(4){font-size:1.4rem}.par{width:9rem;height:10rem;margin-top:2rem;text-align:center;align-items:center;justify-content:center}.right-r>span{font-size:2rem;margin-left:10rem}.right-r>div>span{margin-left:3.8rem}}@media (min-width: 1024px) and (max-width: 1280px){.details-r>:nth-child(1){font-size:1.4rem}.details-r>:nth-child(2){font-size:1.4rem}.details-r>:nth-child(3){font-size:1.4rem}.details-r>:nth-child(4){font-size:1.4rem}.par{width:7rem;height:8rem;margin-top:2rem;text-align:center;align-items:center;justify-content:center}.pa2{width:7.5rem;height:8rem}.left-r>:nth-child(3){width:14rem}}.plans-container{margin-top:-4rem;padding:0 2rem;display:flex;flex-direction:column;gap:4rem;position:relative}.plans{display:flex;align-items:center;justify-content:center;gap:3rem}.service{display:flex;flex-direction:column;background:var(--colorcard);color:#fff;gap:2rem;padding:1.5rem;width:15rem}.service:nth-child(2){background:#0080805b;transform:scale(1.1)}.service>img{width:2rem;height:2rem}.service:nth-child(2){font-size:1rem;font-weight:700}.plan-blur-1{width:32rem;height:23rem;top:6rem;left:0rem}.plan-blur-2{width:32rem;height:23rem;top:10rem;right:0rem}@media (min-width: 320px) and (max-width: 678px){.plans{flex-direction:column}.plans>:nth-child(2){transform:none}.service:nth-child(2){font-size:1.6rem;font-weight:700}.service:nth-child(1){font-size:1.6rem;font-weight:700}.service:nth-child(3){font-size:1.6rem;font-weight:700}}@media (min-width: 768px) and (max-width: 1024px){.service:nth-child(2){font-size:1.6rem;font-weight:700}.service:nth-child(1){font-size:1.6rem;font-weight:700}.service:nth-child(3){font-size:1.6rem;font-weight:700}.programs-header>:nth-child(1){margin-right:-1.1rem}.programs-header>:nth-child(3){margin-left:-1rem}}@media (min-width: 1024px) and (max-width: 1280px){.service:nth-child(2){font-size:1.6rem;font-weight:700}.service:nth-child(1){font-size:1.6rem;font-weight:700}.service:nth-child(3){font-size:1.6rem;font-weight:700}}