.navbar{position:fixed;top:0;left:0;width:100%;border-radius:2px;background-color:#fff;z-index:1000;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.logo{width:40px;height:auto;margin-left:10px}.navbar-right{display:flex;align-items:center}ion-icon{margin:0 10px;width:30px;height:30px}.wrap{position:relative;width:100%;height:50vw;bottom:35vw}.scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-type:y none}.image{width:100vw;height:100%;scroll-snap-align:start}.wrapDot{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:100%}.dotActive{margin:0 .5vw;color:#fff}.dot{margin:0 .5vw;color:#888}.card{border-radius:5px;border-width:.5px;border-color:#ccc;padding:15px;background-color:#fff;margin:20px auto 10px;box-shadow:0 2px 4px #0000001a;max-width:400px;width:90%;bottom:20vw}.projectTitle{font-size:16px;font-weight:700;max-width:70%}.learnMoreText{padding:5px 10px;border-radius:5px;cursor:pointer;background-color:transparent;border:none;font-size:12px;color:orange;margin-top:5px;flex:0 0 auto}.iconContainer{display:flex;justify-content:center;margin-bottom:20px}.crownIcon{margin-right:5px}.crownSeparator{font-size:20px;color:#ccc;margin-right:10px}.progressBarContainer{position:relative;height:10px;background-color:#f0f0f0;border-radius:10px;overflow:hidden}.progressBarFill{height:10px;border-radius:10px;position:absolute;top:0;left:0}.progressDot{width:10px;height:10px;border-radius:5px;position:absolute}.hideProgressDot{opacity:0}.card{border-radius:5px;border-width:.5px;border-color:#ccc;padding:15px;background-color:#fff;margin:5px 20px 20px}.titleContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.projectTitle{font-size:16px;font-weight:700}.points{color:#000;font-size:16px;font-weight:700}.progressLabel{margin-top:5px;margin-bottom:5px;font-size:12px}.seeDetails{text-decoration-line:underline;color:#00f}.bold{font-weight:700}.buttonGrid{display:flex;flex-wrap:wrap;justify-content:space-around;padding:10px;gap:20px}.buttonContainer{width:30%;text-align:center;margin-bottom:20px}.buttonIcon{width:60px;height:60px;border-radius:50%}.buttonLabel{font-size:12px;color:gray;margin-top:10px;margin-bottom:10px;font-weight:700;display:block;text-align:center}.imageBackground{width:90%;max-width:400px;height:auto;background-size:cover;margin:0 auto;border-radius:10px}.cardContent{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.referText{margin-bottom:10px;color:#fff;text-align:center;font-weight:700}.referButton{background-color:#fff;border-radius:5px;padding:8px 20px;box-shadow:0 2px 4px #0000001a;cursor:pointer;color:#8a2be2;font-weight:700}.horizontal-container{margin-top:40px;margin-bottom:-10px}.horizontal-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:15px}.horizontal-title{font-size:20px;font-weight:700}.horizontal-seeAllText{color:orange;font-weight:700;font-size:15px}.horizontal-earnMore{margin-top:-10px;margin-bottom:13px;padding:0 20px;font-size:15px}.horizontal-carousel{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.horizontal-carousel::-webkit-scrollbar{display:none}.horizontal-card{flex:0 0 calc(50% - 15px);padding:0 20px;width:200px;height:auto;margin-right:10px}.horizontal-imageContainer{border:1px solid #ccc;border-radius:7px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.horizontal-image{width:100%;height:150px;object-fit:cover}.horizontal-courseInfo{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 10px}.horizontal-courseTitle{font-weight:700;font-size:15px}.horizontal-locationContainer{display:flex;align-items:center;margin-top:5px;margin-left:10px}.horizontal-itemLocation{color:orange;font-weight:700}.card-privileges-container{flex:1;margin-bottom:10px;margin-top:50px}.card-privileges-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:15px}.card-privileges-title{font-size:20px;font-weight:700}.card-privileges-earnMore{margin-top:-10px;margin-bottom:13px;padding:0 20px;font-size:15px}.card-privileges-cardContainer{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.card-privileges-card{width:48%;margin-bottom:20px;border:1px solid #ccc;border-radius:7px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.card-privileges-lastColumn{margin-right:0}.card-privileges-imageContainer{overflow:hidden}.card-privileges-image{width:100%;height:180px;object-fit:cover}.card-privileges-infoContainer{padding:10px}.card-privileges-name{font-weight:700;font-size:15px;margin-bottom:10px}.card-privileges-exp{color:gray;font-weight:700;margin-bottom:5px;font-size:12px}.outlet-location-container{flex:1;margin-top:15px;margin-bottom:10px}.outlet-location-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:15px}.outlet-location-title{font-size:20px;font-weight:700}.outlet-location-earnMore{margin-top:-10px;margin-bottom:13px;padding:0 20px;font-size:15px}.outlet-location-tableContainer{padding:0 20px}.outlet-location-row{border-bottom:1px solid #ccc;padding-bottom:-5px}.outlet-location-card{padding:10px}.outlet-location-infoContainer{flex:1}.outlet-location-name{font-weight:700;font-size:15px;margin-bottom:5px}.outlet-location-address{color:gray;font-weight:700;font-size:12px}.outlet-location-distanceContainer{display:flex;align-items:center;margin-top:5px}.outlet-location-distance{color:gray;font-size:15px;margin-left:5px;margin-top:10px}.outlet-location-icon{font-size:30px;margin-top:5px;margin-right:5px}.outlet-location-seeAllText{margin-top:10px;margin-bottom:13px;margin-left:25px;color:orange;font-weight:700;font-size:16px}.HomeContainer{display:flex;flex-direction:column;background-color:#fff}.scrollContent{padding-top:180px;background-color:#fff}