*{margin:0;padding:0;box-sizing:border-box;border:0;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color-1: #ffffff ;--bg-color-2: #f0f6f9;--bg-color-3: #355592;--bg-color-4: #f3f1f1;--bg-color-5: #6990d8;--font-color-1: #ffffff;--font-color-2:#151515;--font-color-3:#303030;--font-color-4: #355592;--font-color-5:#585454;--btn-color-1: #355592;--btn-color-2: #f39c12;--btn-border: #ffffff;--btn-border-2: #585454}a,a:link,a:visited{text-decoration:none;outline:none;border:none;color:var(--font-color-1)}ul,li{list-style:none;margin:0;padding:0}section,span,p{margin:0;padding:0;outline:none;border:none}.container{max-width:70%;margin:0 auto;padding:28px 0}.container .header-border:after{content:"";position:absolute;left:50%;width:40%;transform:translate(-50%);border-bottom:8px solid var(--btn-color-2);border-radius:8px;bottom:-16px}.common-p{color:var(--font-color-5);font-weight:600;font-size:16px;width:70%;margin:52px auto}@media (max-width: 576px){.container{max-width:90%}}#header{width:100%;position:fixed;top:0;left:0;z-index:5}.header-container{max-width:70%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#header.header-scrolled{height:80px;background-color:var(--bg-color-3)}.logo-img{width:200px}.hamburger-menu{display:none;color:var(--font-color-1)}.navbar-link{display:flex;flex-direction:row;margin-right:65px;justify-content:center;align-items:center}.navbar-link-hamburger{position:absolute;top:60px;right:0;left:0;background-color:var(--bg-color-3);display:flex;flex-direction:column;align-items:center;padding:12px;line-height:32px}.navbar-link li{margin-right:35px;font-size:18px;color:var(--font-color-1);font-weight:700}.navbar-link li:last-child{width:100px;background-color:var(--btn-color-2);padding:8px;text-align:center;border-radius:8px}.navbar ul li a{cursor:pointer}@media (max-width: 576px){.header-container{max-width:90%}.logo-img{width:200px}.hamburger-menu{display:block;position:absolute;right:0;padding-right:16%;font-size:32px}.navbar-link{display:none;margin-right:0}.navbar-link-hamburger{display:flex}}.hero-bg{min-height:70vh;background:url(/assets/hero-man-coW_7f6a.jpg) no-repeat center center/cover;background-position:center 65%;position:relative;background-attachment:fixed}.about{padding:150px 0;color:var(--font-color-1)}.center-name{font-size:18px;width:130px;background-color:var(--bg-color-3);display:flex;justify-content:center;text-align:center;border-radius:4px}.section-content h2{font-size:90px;line-height:100px}.content-text{width:90%;background-color:#161616cc;font-size:30px;font-weight:600;padding:2px 8px}.hero-btn{display:flex;margin:8px 16px;gap:40px;font-size:20px;font-weight:700}.btn-sign{font-size:24px;font-weight:700;width:130px;height:100%;background-color:var(--bg-color-3);text-align:center;border-radius:4px;color:var(--font-color-1);padding:8px 0}.btn-sign:hover{background-color:var(--btn-color-2)}.btn-detail{font-size:24px;width:130px;height:100%;text-align:center;background-color:#16161633;border:1px solid var(--btn-border)!important;border-radius:4px;color:var(--font-color-1);padding:8px 0}.btn-detail:hover{background-color:var(--bg-color-3)}.hero-activity{height:50%;background-color:var(--bg-color-2)}.activity-center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.active-course{width:150px;height:80px;background-color:var(--bg-color-1);text-align:center;padding-top:4px}.active-course h2{color:var(--font-color-4);font-size:20px}.active-course h3{padding-top:4px;font-size:16px;font-weight:800}@media (max-width: 576px){.center-name{font-size:20px;width:175px;margin-bottom:8px}.section-content h2{font-size:48px;line-height:52px}.section-content h2 br{display:none}.content-text{width:100%;font-size:16px;margin:16px 0}.hero-btn{flex-direction:column}.btn-sign,.btn-detail{width:100%}}#classes{background:linear-gradient(60deg,var(--bg-color-1) 50%,var(--bg-color-4) 50%)}.classes{display:flex;justify-content:center;align-items:center;flex-direction:column}.classes-content{text-align:center}.classes-content h2{display:inline-block;position:relative;color:var(--font-color-4);font-size:32px}.classes-buttons{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:40px}.class-btn{font-size:20px;font-weight:700;background-color:var(--btn-color-1);color:var(--font-color-1);text-align:center;border-radius:4px;padding:8px 24px;margin:4px 20px}.class-btn:hover{background-color:var(--btn-color-2)}.active-btn{background-color:var(--btn-color-2);position:relative}.active-btn:before{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:50px;height:50px;clip-path:polygon(49% 50%,100% 50%,50% 100%,0% 50%);background-color:var(--btn-color-2);z-index:2}.classes-detail{display:none;justify-content:space-between;gap:24px}.classes-detail-active{display:flex}.classes-detail-content{width:50%}.classes-detail-content h3{font-size:28px;color:var(--font-color-5);margin-bottom:8px}.classes-detail-content p{color:var(--font-color-5);margin-bottom:36px;font-weight:700;text-align:justify}.class-schedule ul li{color:var(--font-color-5);font-weight:700;margin-bottom:20px}.img-class{width:40%;height:400px;object-fit:contain}@media (max-width: 576px){.classes-buttons{gap:8px}.classes-detail-active,.bmi-cal{flex-direction:column}.bmi-input-group{flex-direction:column;justify-content:left}.classes-detail-active{flex-direction:column}.classes-detail-content,.img-class,.bmi-cal-content{width:100%}.img-div:before{bottom:-4px}}.bmi-cal{display:flex;justify-content:space-between;align-items:center}.bmi-cal-content{width:40%}.bmi-cal-content h3{display:inline-block;position:relative;color:var(--font-color-4);font-size:32px}.bmi-cal-content p{color:var(--font-color-5);margin-bottom:36px;font-weight:700;text-align:justify}.bmi-input-group{display:flex;align-items:center;gap:4px}.bmi-input{font-size:12px;border:2px solid var(--btn-border-2);border-radius:4px;margin:8px 4px;padding:2px}.bmi-input-group span{font-size:12px;font-weight:600;color:var(--font-color-5)}.input-group{width:100%}.calculate-btn{font-size:12px;font-weight:700;width:100px;height:36px;background-color:var(--bg-color-3);text-align:center;border-radius:4px;color:var(--font-color-1);padding:4px}.calculate-btn:hover{background-color:var(--btn-color-2)}.bmi-result{position:relative;width:50%}.bmi-result h2{text-align:center;color:var(--font-color-5);font-size:20px;font-weight:600}.img-div{width:100%;height:auto;position:relative}.img-div:before{content:"";position:absolute;display:none;bottom:-8%;left:13%;width:6%;height:10%;margin:auto;clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:var(--btn-color-2);z-index:2}.img-div.show:before{display:block}.img-div.normal:before{left:29.6%}.img-div.overweight:before{left:46.2%}.img-div.obese:before{left:62.8%}.img-div.extobese:before{left:79.4%}.img-bmi{width:100%}.info-div{display:none}.info-div p{color:red;font-size:12px;margin-left:8px}.info-div-active{display:block}.result-div p{font-size:20px;margin-top:24px;margin-bottom:0;margin-left:36px}@media (max-width: 576px){.bmi-cal{flex-direction:column}.bmi-input-group{flex-direction:column;justify-content:left}.bmi-cal-content{width:100%}.img-div:before{bottom:-4px}}#trainer{background-color:var(--bg-color-2)}.trainer-content{text-align:center}.trainer-content h2{display:inline-block;position:relative;color:var(--font-color-4);font-size:32px}.trainer-info{display:flex;justify-content:space-around}.trainer-card{position:relative}.img-trainer{width:100%;height:100%;border:2px solid var(--btn-color-2);border-radius:4px;z-index:1}.trainer-card:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:12px solid var(--bg-color-3);clip-path:polygon(0 34%,33% 33%,33% 0,70% 0,71% 33%,100% 33%,100% 70%,70% 70%,70% 100%,33% 100%,33% 70%,0 70%);pointer-events:none;z-index:2}.trainer-card:hover:before{clip-path:polygon(0 34%,33% 33%,33% 0,70% 0,71% 33%,100% 33%,100% 87%,82% 87%,82% 100%,18% 100%,18% 87%,0 87%);transition:.3s ease-in-out}.trainer-info-detail{position:absolute;display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:var(--bg-color-3);color:var(--font-color-1);width:80%;height:20%;bottom:20px;transform:translate(10%);clip-path:polygon(0% 15%,15% 15%,15% 0%,85% 0%,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0% 85%);opacity:0;transition:.3s ease-in-out}.trainer-card:hover .trainer-info-detail{opacity:1}@media (max-width: 576px){.trainer-info{flex-direction:column;justify-content:center;align-items:center;gap:20px}.trainer-card:before{bottom:-4px}.trainer-card{width:90%}}.purchase-card-group{display:flex;gap:20px}.purchase-content{text-align:center}.purchase-content h2{display:inline-block;position:relative;color:var(--font-color-4);font-size:32px}.purchase-card{width:60%;overflow:hidden;border-radius:4px;box-shadow:0 0 15px #0003}.img-purchase{width:100%}.purchase-card-detail{text-align:center;padding-bottom:4px}.purchase-card-detail h3{font-size:20px;font-weight:600}.purchase-card-detail p{font-size:12px;font-weight:600}.purchase-card-detail p span{text-decoration:line-through}.cart-shop{position:relative;margin-top:8px;display:flex;justify-content:center;text-align:center}.cart-shop i{position:absolute;left:10px}.cart-shop a{color:var(--font-color-2);font-size:12px;font-weight:700;width:30%}@media (max-width: 576px){.purchase-card-group{flex-direction:column;justify-content:center;align-items:center}.purchase-card{width:90%}}#review{background-color:var(--bg-color-2)}.review{padding:32px 0}.review-content{text-align:center}.review-content h2{display:inline-block;position:relative;color:var(--font-color-4);font-size:32px}.review-group{display:flex;justify-content:center}.client{display:flex;justify-content:start;text-align:center;gap:8px}.client img{width:50px;border:1px solid var(--btn-border);border-radius:100%}.client-personal{display:flex;flex-direction:column;justify-content:start;text-align:start;gap:8px}.client-personal h4{font-size:16px}.client-personal h5{font-size:12px;font-weight:500}.client-review{width:80%;text-align:start;background-color:var(--bg-color-3);color:var(--font-color-1);position:relative;padding:20px;z-index:0;line-height:20px}.client-review:before{content:"";position:absolute;width:15%;height:45%;left:0;background-color:var(--bg-color-5);clip-path:polygon(49% 50%,72% 50%,72% 100%,0% 50%);bottom:-22%}.client-review:after{content:"";position:absolute;width:15%;height:45%;right:0;background-color:var(--bg-color-5);clip-path:polygon(50% 50%,100% 50%,32% 100%,32% 50%);bottom:-22%}@media (max-width: 576px){.review-group{flex-direction:column}.review-detail{margin-bottom:32px}.client-review{width:100%;padding:12px}.client-review:before,.client-review:after{width:20%}}.contact{display:flex;flex-direction:column;justify-content:center}.contact-content{text-align:center}.contact-content h2{display:inline-block;position:relative;color:var(--font-color-4);font-size:32px}.contact-form{width:500px;padding:20px 40px 20px 0}.contact-detail{display:flex;flex-direction:row;justify-content:space-between;overflow:hidden}.contact-info{display:flex;gap:20px;margin-bottom:20px}.contact-info-detail h4{color:var(--font-color-5);font-size:24px;font-weight:600}.contact-info-detail p a{color:var(--font-color-5);font-size:16px;font-weight:600}.form-group input,.form-group textarea{width:100%;background-color:var(--bg-color-2);padding:12px}.form-group input:focus,.form-group textarea:focus{border:none;outline:none}.form legend{color:var(--font-color-5);font-size:28px;font-weight:600}.form-group{margin:36px 0}.submit-button{font-size:20px;font-weight:700;width:100px;height:36px;background-color:var(--bg-color-3);text-align:center;border-radius:4px;color:var(--font-color-1)}.map-container{width:50%}.map-container iframe{height:400px;width:600px}@media (max-width: 576px){.contact-detail{flex-direction:column}.contact-info-detail h4{font-size:20px}.contact-info-detail p a{font-size:16px}}.footer{background-color:var(--bg-color-3);color:var(--font-color-1)}.footer p{font-size:16px;margin-bottom:16px}.footer-link-group{display:flex;justify-content:space-around}.footer-link h4{font-size:28px;font-weight:500}.footer-link h4,.footer-link ul li{margin-bottom:12px}@media (max-width: 576px){.logo-img{font-size:12px}.footer-link h4{font-size:16px}.footer-link ul li{font-size:12px}}