.about__section-image{border-radius:50%;overflow:hidden;transform:skew(15deg);height:fit-content;margin-top:1rem;transition:var(--transition)}.about__section-image:nth-child(2){transform:skew(-15deg)}.about__section-image:hover{transform:skew(0)}.about__section-content h1{margin-bottom:2rem}.about__section-content p{margin-bottom:.5rem}.about__story-container,.about__mission-container{display:grid;grid-template-columns:40% 50%;gap:10%}.about__vision-container{display:grid;grid-template-columns:50% 40%;gap:10%}@media screen and (max-width: 1024px){.about__section-image{width:60%}.about__section-content h1{margin-bottom:1.2rem}.about__story-container,.about__mission-container,.about__vision-container{grid-template-columns:1fr;gap:3rem}.about__vision .about__section-image{grid-row:1}}@media screen and (max-width: 600px){.about__section-image{width:80%;margin-inline:auto}.about__story-container,.about__mission-container,.about__vision-container{gap:2rem}}.gallery__container{display:grid;grid-template-columns:repeat(3,1fr)}.gallery__container article{border:1rem solid transparent;transition:var(--transition)}.gallery__container article:hover{border-color:var(--color-gray-500)}@media screen and (max-width:1024px){.gallery__container{grid-template-columns:1fr 1fr;gap:2rem}.gallery__container article{border:0}}@media screen and (max-width:600px){.gallery__container{grid-template-columns:1fr}}.contact__container{display:grid;place-items:center}.contact__wrapper{width:fit-content;display:flex;gap:2rem}.contact__wrapper a{background:var(--color-primary);font-size:2rem;border:2px solid transparent;transition:var(--transition);padding:1rem 2rem;border-radius:1.5rem}@media screen and (max-width: 600px){.contact__wrapper{gap:1.5rem}.contact__wrapper a{padding:.5rem 1rem;font-size:1.2rem;border-radius:1rem}}.plans__container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.plan h3{margin-bottom:.8rem}.plan small{margin-bottom:2rem}.plan h1{color:var(--color-primary-variant);display:inline}.plan h2{display:inline;color:var(--color-gray-100)}.plan p{margin-top:1rem;margin-bottom:1rem;color:var(--color-gray-100)}.plan p.disable{margin-top:1rem;color:var(--color-gray-300)}@media screen and (max-width: 1024px){.plans__container{grid-template-columns:1fr 1fr;gap:1rem}}@media screen and (max-width: 600px){.plans__container{grid-template-columns:1fr}}.trainers__container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card.trainer{padding:1rem}.trainer-img{border-radius:0 2rem;overflow:hidden}.trainer h3{margin-top:2rem}.trainer p{margin-top:.5rem}.trainer__socials{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0}.trainer__socials a{background-color:var(--color-gray-600);font-size:.7rem;padding:.6rem .8rem;border-radius:.7rem;transition:var(--transition)}.trainer:hover a{background:var(--color-gray-500)}@media screen and (max-width: 1024px){.trainers__container{grid-template-columns:1fr 1fr;gap:2.5rem}}@media screen and (max-width: 600px){.trainers__container{grid-template-columns:1fr}}.notfound__container{text-align:center;padding-top:8rem}.notfound__container h1{margin-bottom:2rem}nav{height:5rem;width:100vw;background:var(--color-primary);display:grid;place-items:center;position:fixed;top:0;left:0;z-index:99}.nav__toggle-btn{display:none}.nav__container{height:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.logo{width:7rem;display:block}.nav__links{display:flex;gap:3rem;align-items:center}.nav__links a:hover{color:var(--color-scoundary)}.nav__active{position:relative}.nav__active:after{content:"";width:1.2rem;height:1.2rem;background-color:var(--color-primary);position:absolute;left:calc(50% - .6rem);transform:rotate(45deg);margin-top:2.6rem}@media screen and (max-width: 1024px){.nav__toggle-btn{display:inline-block;background:transparent;font-size:1.8rem;cursor:pointer}.nav__toggle-btn svg{color:var(--color-gray-100)}.nav__links{position:absolute;top:100%;right:0;flex-direction:column;gap:0;perspective:400px}.nav__active,.nav__active:after{display:none}.nav__links li{height:4rem;width:100%;box-shadow:-2rem 2rem 5rem #0006;animation:navAnimation .6s ease forwards;transform:rotateX(90deg);opacity:0;transform-origin:top}.nav__links li:nth-child(2){animation-delay:.2s}.nav__links li:nth-child(3){animation-delay:.4s}.nav__links li:nth-child(4){animation-delay:.6s}.nav__links li:nth-child(5){animation-delay:.8s}.nav__links li:nth-child(6){animation-delay:1s}.nav__links li:nth-child(7){animation-delay:1.2s}@keyframes navAnimation{to{transform:rotateX(0);opacity:1}}.nav__links li a{background-color:var(--color-primary);height:49%;display:flex;align-items:center;padding:1rem 5rem 1rem 3rem}.show__nav{display:flex}.hide__nav{display:none}}.main__header{width:100vw;height:calc(100vh - 2rem);display:grid;place-items:center;margin-top:3rem}.main__header-container{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;gap:6rem}.main__header-left{margin-top:-3rem}.main__header-left h4{color:var(--color-scoundary);font-weight:400;margin-bottom:1rem}.main__header-left p{margin:1rem 0 3.3rem;font-size:1.1rem}.main__header-right{display:grid;align-items:center;position:relative}.main__header-cricle{width:26rem;height:26rem;background:linear-gradient(75deg,var(--color-scoundary),transparent);border-radius:50%;position:absolute;filter:blur(10px);transition:var(--transition)}.main__header-image{position:relative}.main__header-right:hover .main__header-cricle{filter:blur(0px)}.programs__wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-top:4rem}.programs__program a{display:flex;margin-top:2rem;align-items:center;justify-content:center}.values__container{display:grid;grid-template-columns:38% 50%;gap:12%}.values__right>p{margin:1.5rem 0 2rem}.values__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3.4rem 2.4rem}.card.values__value{padding-top:3.5rem;text-align:left;position:relative}.card.values__value span{position:absolute;top:-1.5rem}.faqs__wrapper{display:grid;grid-template-columns:1fr 1fr;margin-top:4rem;gap:1.5rem 5rem;align-items:flex-start}.faq{background:var(--color-gray-500);padding:2rem;border-radius:1rem;cursor:pointer;transition:var(--transition)}.faq div{display:flex;align-items:center;justify-content:space-between}.faq__icon{background-color:transparent;color:var(--color-gray-100);font-size:1.5rem}.faq p{margin-top:1rem}.testimonials{width:50rem;margin-inline:auto}.testimonials__head{justify-content:center}.card.testimonial{position:relative;text-align:left;margin-top:5rem}.testimonials__avatar{width:4rem;height:4rem;position:absolute;top:-2rem;border-radius:1.5rem;border:2px solid transparent;left:calc(50% - 2rem);box-shadow:0 1.5rem 2rem #1a1a3666;overflow:hidden;transition:var(--transition)}.testimonial:hover .testimonials__avatar{border-radius:50%;border-color:var(--color-gray-500)}.testimonial__quote{font-style:italic;margin:1rem 0 2rem}.card small.testimonial__title{margin-top:.3rem}.testimonials__btn-container{width:fit-content;display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:2.5rem auto 0}.testimonials__btn{background:transparent;cursor:pointer}.testimonials__btn svg{fill:var(--color-primary);width:3rem;height:3rem}footer{background:var(--color-primary);color:var(--color-gray-100);margin-top:7rem;padding-top:7rem;font-size:.9rem}.footer__container{display:grid;grid-template-columns:26rem 1fr 1fr 1fr;gap:6rem}.footer__container article{display:flex;align-items:flex-start;flex-direction:column;gap:.7rem}.footer__container article p{margin-top:.5rem}.footer__container article h4{margin-bottom:.6rem;font-size:1rem}.footer__socials{display:flex;align-items:center;gap:1rem;margin-top:1rem}.footer__socials a{background-color:var(--color-gray-100);padding:.6rem .7rem .4rem;border:1px solid transparent;border-radius:.6rem;text-align:center;align-items:center}.footer__socials a svg{color:var(--color-gray-600)}.footer__socials a:hover{border-color:var(--color-gray-100);background-color:transparent}.footer__copyright{color:var(--color-gray-100);padding:1.5rem 0;border-top:2px solid var(--color-primary-variant);margin-top:5rem;text-align:center}@media screen and (max-width: 1024px){.main__header{height:fit-content;padding:10rem 0}.main__header-container{gap:0}.main__header-cricle{width:16rem;height:16rem}.programs__wrapper{grid-template-columns:1fr 1fr}.values__container{grid-template-columns:1fr;gap:4rem}.values__wrapper{gap:4rem 3rem}.values__image{display:none}.faqs__wrapper{grid-template-columns:1fr}.testimonials{width:75%}.footer__container{grid-template-columns:1fr 1fr;gap:4rem}}@media screen and (max-width: 600px){.main__header{margin-top:0;padding:2rem 0 0;height:100vh}.main__header-image,.main__header-cricle{display:none}.main__header-container{grid-template-columns:1fr}.programs__wrapper{grid-template-columns:1fr;margin-top:3rem;gap:2rem}.programs__program{width:80%;margin:0 auto}.values{margin-top:6rem}.values__wrapper{grid-template-columns:1fr}.card.values__value{width:80%;margin-inline:auto}.testimonials{width:100%}.footer{margin-top:7rem}.footer__container{grid-template-columns:1fr;gap:3rem}.footer__container article{align-items:center}.footer__container article p{text-align:center}}@media only screen and (min-width: 1900px){.main__header-cricle{width:50rem;height:50rem}}*,*:before,*:after{padding:0;margin:0%;border:0;outline:0;list-style:none;text-decoration:none}:root{--primary-hue:210;--gray-hue:240;--color-primary: hsl(var(--primary-hue),100%,50%) ;--color-primary-variant: hsl(var(--primary-hue),100%,65%);--color-scoundary: #ffb116;--color-gray-100: hsl(var(--gray-hue),47%,94%);--color-gray-200: hsl(var(--gray-hue),26%,75%);--color-gray-300: hsl(var(--gray-hue),24%,64%);--color-gray-400: hsl(var(--gray-hue),16%,41%);--color-gray-500: hsl(var(--gray-hue),44%,25%);--color-gray-600: hsl(var(--gray-hue),48%,15%);--transition: all .5s ease ;--container-width-lg:80%;--container-width-md:90%}body{font-family:Montserrat,sans-serif;color:var(--color-gray-200);line-height:1.7;overflow-x:hidden;background:var(--color-gray-600)}.container{width:var(--container-width-lg);max-width:1920px;margin-inline:auto}h1,h2,h3,h4,h5{line-height:1.2;color:var(--color-gray-100)}h1{font-size:3rem}h2{font-size:2rem}a{color:var(--color-gray-100)}img{display:block;object-fit:cover;width:100%}.btn{color:var(--color-gray-100);width:fit-content;margin:0 auto;padding:.9rem 2rem;background:var(--color-primary);border-radius:1.5rem;transition:var(--transition)}.btn:hover{background-color:var(--color-scoundary);color:var(--color-gray-600)}.btn.lg{padding:1.2rem 3rem;font-size:1.2rem;border-radius:2rem}.btn.sm{padding:.4rem 1.2rem;font-size:.9rem}section{margin-top:10rem}.section__head{display:flex;align-items:center;gap:1rem}.section__head span{background:var(--color-gray-500);padding:.5rem 1rem;color:var(--color-scoundary);border-radius:1rem;font-size:1.5rem}.card{background-color:var(--color-gray-500);border:2px solid transparent;border-radius:0 3rem;padding:3rem 2rem;text-align:center;transition:var(--transition)}.card:hover{background:transparent;border-color:var(--color-gray-400);cursor:default}.card span{width:3rem;height:3rem;background-color:var(--color-primary);color:var(--color-gray-100);display:grid;place-items:center;margin-bottom:1.5rem;margin-inline:auto;border-radius:1rem;transition:var(--transition)}.card:hover span{background-color:var(--color-scoundary);color:var(--color-gray-600)}.card small{display:block;margin-top:1rem;font-weight:300}.header{margin-top:5rem;height:20rem;overflow:hidden;border-bottom:2px solid var(--color-gray-400)}.header__container{width:100%;height:100%;position:relative;display:grid;place-items:center;background:black}.header__container-bg{position:absolute;width:100%}.header__container-bg img{opacity:.5}.header__content{position:relative;width:44%;text-align:center;color:var(--color-gray-100)}@media screen and (max-width: 1024px){.container{width:var(--container-width-md)}h1{font-size:2rem}h2{font-size:1.5rem}.header__content{width:70%}.header__content p{font-size:.85rem}}@media screen and (max-width: 600px){h1{font-size:2.2rem;line-height:1.3}.header{height:fit-content}.header__content{width:var(--container-width-md);padding:3rem 0}}
