.hero{justify-content:center;display:flex}.heroContainer{width:1100px;margin:0 .2em;display:flex}.heroContainer .firstHeroSection{width:50%}.heroContainer .firstHeroSection .heroAdvatiseBoard{background-color:#d9d9d9;border:1px solid #f7404e;width:450px;margin:140px 0 0;padding:10px}.heroContainer .firstHeroSection .heroAdvatiseBoard .mainCase{text-transform:uppercase;text-align:center;width:400px;margin:5px auto;font-size:20px}.heroContainer .firstHeroSection .heroAdvatiseBoard .supportCase{color:#0004ff;text-transform:uppercase;text-align:center;width:400px;margin:15px auto 5px;font-size:20px;font-weight:bolder}.heroContainer .firstHeroSection .heroCallToAction{margin-top:100px;margin-bottom:120px;display:flex}.heroContainer .firstHeroSection .heroCallToAction p{color:#fff;text-transform:uppercase;text-decoration:underline}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer{margin:auto}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer .heroCalltoActionBtn{color:#fff;text-transform:uppercase;background-color:#f7404e;border:1px solid #fff;border-radius:5px;padding:8px 20px;font-size:14px;text-decoration:none}.heroContainer .secondHeroSection{background-image:url(/images/backgroundShoes.svg);background-position:50%;background-repeat:no-repeat;width:50%}.heroContainer .secondHeroSection .heroTitleContainer{text-align:center}.heroContainer .secondHeroSection .heroTitleContainer h1{color:#fff;text-transform:uppercase;background-color:#0009;border:1px solid #5eefff;flex-direction:column;margin:200px auto;padding:30px 0;font-size:65px;text-decoration:underline;display:flex}@media only screen and (max-width:1050px){.heroContainer{width:100%}.heroContainer .firstHeroSection{width:50%}.heroContainer .firstHeroSection .heroAdvatiseBoard{width:350px;margin:120px 0 0;padding:10px}.heroContainer .firstHeroSection .heroAdvatiseBoard .mainCase{width:330px;margin:5px auto;font-size:18px}.heroContainer .firstHeroSection .heroAdvatiseBoard .supportCase{width:330px;font-size:18px}.heroContainer .firstHeroSection .heroCallToAction{margin-top:80px;margin-bottom:100px}.heroContainer .firstHeroSection .heroCallToAction p{margin:10px 0;padding:0;font-size:13px}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer{margin:auto 15px}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer .heroCalltoActionBtn{margin:0;padding:6px 10px;font-size:11px}.heroContainer .secondHeroSection{background-size:70%}.heroContainer .secondHeroSection .heroTitleContainer h1{margin:150px auto;padding:20px 0;font-size:50px}}@media only screen and (max-width:820px){.heroContainer .firstHeroSection .heroAdvatiseBoard{width:300px;margin:110px 0 0;padding:10px 5px}.heroContainer .firstHeroSection .heroAdvatiseBoard .mainCase{width:270px;margin:5px auto;font-size:16px}.heroContainer .firstHeroSection .heroAdvatiseBoard .supportCase{width:270px;font-size:16px}.heroContainer .firstHeroSection .heroCallToAction p{font-size:12px}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer{margin:auto 8px}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer .heroCalltoActionBtn{margin:0;padding:6px 10px;font-size:10px}.heroContainer .secondHeroSection{background-size:70%}.heroContainer .secondHeroSection .heroTitleContainer h1{margin:150px auto;padding:20px 0;font-size:42px}}@media only screen and (max-width:732px){.heroContainer{display:block}.heroContainer .firstHeroSection{width:100%}.heroContainer .firstHeroSection .heroAdvatiseBoard{width:450px;margin:70px auto 0}.heroContainer .firstHeroSection .heroAdvatiseBoard .mainCase{width:380px;margin:5px auto;font-size:22px}.heroContainer .firstHeroSection .heroAdvatiseBoard .supportCase{width:380px;font-size:22px}.heroContainer .firstHeroSection .heroCallToAction{justify-content:center;margin-top:40px;margin-bottom:30px}.heroContainer .firstHeroSection .heroCallToAction p{margin:auto 5px;font-size:13px}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer{margin:auto 0}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer .heroCalltoActionBtn{margin:auto 5px;padding:8px 15px;font-size:13px}.heroContainer .secondHeroSection{background-size:70%;justify-content:center;width:100%;margin-top:30px;display:flex}.heroContainer .secondHeroSection .heroTitleContainer{width:90%;height:400px;margin:0;display:flex}.heroContainer .secondHeroSection .heroTitleContainer h1{width:500px;margin:auto;padding:20px 0;font-size:55px}}@media only screen and (max-width:510px){.heroContainer .firstHeroSection .heroAdvatiseBoard{width:320px;margin:50px auto 0}.heroContainer .firstHeroSection .heroAdvatiseBoard .mainCase{width:290px;margin:5px auto;font-size:17px}.heroContainer .firstHeroSection .heroAdvatiseBoard .supportCase{width:290px;font-size:17px}.heroContainer .firstHeroSection .heroCallToAction{flex-direction:column}.heroContainer .firstHeroSection .heroCallToAction p{margin:10px auto;font-size:15px}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer{margin:10px auto}.heroContainer .firstHeroSection .heroCallToAction .actionBtnContainer .heroCalltoActionBtn{padding:5px 12px;font-size:15px}.heroContainer .secondHeroSection{background-size:80%;width:100%;margin:30px 0 0}.heroContainer .secondHeroSection .heroTitleContainer{width:100%;height:400px;margin:0;display:flex}.heroContainer .secondHeroSection .heroTitleContainer h1{width:100%;margin:auto 0;padding:20px 0;font-size:45px}.heroContainer .secondHeroSection .heroTitleContainer h1 span{margin:7px 0}}
.aboutContainer{justify-content:center;display:flex}.aboutContainer .about{width:1030px;margin:30px 2em}.aboutContainer .about .aboutTitle{margin-bottom:0;font-size:50px;text-decoration:underline}.aboutContainer .about h2{margin-top:30px;font-size:22px;font-weight:lighter;line-height:40px}.aboutContainer .about h2 span{color:#fff;margin-right:6px}.aboutContainer .about .learnMoreLink{display:flex}.aboutContainer .about .learnMoreLink p{color:#c2c7ff;text-transform:uppercase;font-size:18px;font-weight:800;text-decoration:underline}.aboutContainer .about .learnMoreLink button{color:#fff;text-transform:uppercase;background-color:#0010bf;border:2px solid #fff;margin:auto 20px;padding:5px 20px;font-size:18px;font-weight:500}@media only screen and (max-width:710px){.aboutContainer .about{width:100%;margin:10px 1em}.aboutContainer .about .aboutTitle{text-align:center;font-size:50px}.aboutContainer .about h2{text-align:center;margin-top:30px;font-size:21px}.aboutContainer .about .learnMoreLink{justify-content:center}.aboutContainer .about .learnMoreLink p{font-size:14px}.aboutContainer .about .learnMoreLink button{margin:auto 10px;padding:5px 15px;font-size:14px}}@media only screen and (max-width:520px){.aboutContainer .about{width:100%;margin:10px 1em}.aboutContainer .about .aboutTitle{font-size:40px}.aboutContainer .about h2{text-align:center;margin-top:30px;font-size:18px;line-height:35px}.aboutContainer .about .learnMoreLink{flex-direction:column;justify-content:center}.aboutContainer .about .learnMoreLink p{text-align:center;font-size:16px}.aboutContainer .about .learnMoreLink button{margin:auto;padding:5px 15px;font-size:14px}}
.priceSectionContainer{justify-content:center;display:flex}.priceSectionContainer .priceSection{width:1200px;margin:2em 1em}.priceSectionContainer .priceSection h2{text-transform:uppercase;font-size:56px;font-weight:500;text-decoration:underline}.priceSectionContainer .priceSection .priceBtnContainer{justify-content:center;display:flex}.priceSectionContainer .priceSection .priceBtnContainer .generalPriceBtn{color:#fff;text-transform:uppercase;background-color:#f7404e;border:2px solid #fff;margin:auto .5em}.priceSectionContainer .priceSection .priceBtnContainer .monthlyPriceBtn{color:#fff;text-transform:uppercase;background-color:#0010bf;border:2px solid #fff;margin:auto .5em}.priceSectionContainer .priceSection .priceBtnContainer .notClicked{padding:4px 23px;font-size:24px}.priceSectionContainer .priceSection .priceBtnContainer .clicked{padding:7px 30px;font-size:28px}.priceSectionContainer .priceSection .priceContainer{justify-content:center;margin:3em 1em;display:flex}.priceSectionContainer .priceSection .priceContainer .container{color:#fff;text-align:center;background-color:#0025e04d;border:2px solid #fff;border-radius:20px;margin:.5em 1em;padding:5px 30px;box-shadow:0 0 2em #f48890}.priceSectionContainer .priceSection .priceContainer .container h3{text-transform:uppercase;font-size:30px;font-weight:500;text-decoration:underline}.priceSectionContainer .priceSection .priceContainer .container p{margin:2em 0;font-size:25px;font-weight:500}.priceSectionContainer .priceSection .priceContainer .container button{color:#fff;text-transform:uppercase;background-color:#f7404e;border:1px solid #fff;border-radius:3px;margin-bottom:2em;padding:10px 15px;font-weight:600}@media only screen and (max-width:1115px){.priceSectionContainer .priceSection{width:100%;margin:1em}.priceSectionContainer .priceSection h2{font-size:40px}.priceSectionContainer .priceSection .priceBtnContainer .notClicked{padding:3px 20px;font-size:20px}.priceSectionContainer .priceSection .priceBtnContainer .clicked{padding:4px 25px;font-size:24px}.priceSectionContainer .priceSection .priceContainer{flex-wrap:wrap;margin:2em .5em}.priceSectionContainer .priceSection .priceContainer .container{margin:2em 1em}.priceSectionContainer .priceSection .priceContainer .container h3{font-size:25px}.priceSectionContainer .priceSection .priceContainer .container p{margin:1.5em 0;font-size:20px}.priceSectionContainer .priceSection .priceContainer .container button{text-transform:uppercase;margin-bottom:2em;padding:9px 13px}}@media only screen and (max-width:500px){.priceSectionContainer .priceSection h2{font-size:30px}.priceSectionContainer .priceSection .priceBtnContainer .notClicked{padding:2px 20px;font-size:16px}.priceSectionContainer .priceSection .priceBtnContainer .clicked{padding:4px 22px;font-size:18px}.priceSectionContainer .priceSection .priceContainer{flex-wrap:wrap;margin:2em .5em}.priceSectionContainer .priceSection .priceContainer .container{margin:2em 1em}.priceSectionContainer .priceSection .priceContainer .container h3{font-size:25px}.priceSectionContainer .priceSection .priceContainer .container p{margin:1.5em 0;font-size:20px}.priceSectionContainer .priceSection .priceContainer .container button{text-transform:uppercase;margin-bottom:2em;padding:9px 13px}}
.ourServiceContainer{justify-content:center;display:flex}.ourServiceContainer .ourService{background-color:#2c9fc9a6;border:2px solid #fff;width:1100px;margin:1.5em 0;padding:2em}.ourServiceContainer .ourService h2{text-transform:uppercase;font-size:40px;font-weight:400;text-decoration:underline}.ourServiceContainer .ourService p{font-size:20px;font-weight:200;line-height:1.5em}@media only screen and (max-width:600px){.ourServiceContainer .ourService{width:100%;margin:1em 0;padding:1em}.ourServiceContainer .ourService h2{font-size:30px}.ourServiceContainer .ourService p{font-size:19px}}