.how-to{background-color:#040404;padding:3.75rem 0}@media screen and (min-width:768px){.how-to{padding:7.5rem 0}}.how-to__heading{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;text-align:center;margin:0 0 2.5rem}.how-to__heading-title{color:#EBECF1;font-family:"Chakra Petch",sans-serif;font-style:normal;font-weight:300;line-height:normal;max-width:680px;margin:0 0 1rem}.how-to__heading-title{font-size:1.75rem}@media (min-width:768px){.how-to__heading-title{font-size:2rem}}@media (min-width:1280px){.how-to__heading-title{font-size:2.25rem}}.how-to__heading-description{color:#C6C8D3;font-family:"Encode Sans",sans-serif;font-size:1rem;font-style:normal;font-weight:300;line-height:24px;max-width:600}.how-to__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:1rem}.how-to__content-card{font-family:"Roboto Flex",sans-serif;border-radius:8px;background:#131416;padding:1.5rem 1rem}.how-to__content-card-title{color:#F4F5F6;font-family:"Encode Sans",sans-serif;font-size:1.125rem;font-style:normal;font-weight:500;line-height:normal;margin:0 0 1rem}.how-to__content-card-subtitle{color:#C6C8D3;font-size:1rem;font-style:normal;font-weight:200;line-height:normal;margin:0 0 1rem}.how-to__content-card-description{color:#C6C8D3;font-family:"Roboto Flex",sans-serif;font-size:.875rem;font-style:normal;font-weight:200;line-height:normal}.how-to__content-card-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:1rem}@media screen and (min-width:1280px){.how-to__content-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}@media screen and (min-width:768px){.how-to__content-card-content.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.how-to__content-card-content .card.hard-skills .card--body{border-left:.5rem solid #5F8BEC}.how-to__content-card-content .card.soft-skills .card--body{border-left:.5rem solid #1F53E5}.how-to__content-card-content .card--header{border-radius:8px 8px 0 0;background-color:#C1C2C8;padding:.375rem 0}.how-to__content-card-content .card--body{border-radius:0 0 8px 8px;padding:1.5rem 1rem;background:#37393F}.how-to__content-card-content .card-title{color:#303237;font-family:"Chakra Petch",sans-serif;font-size:1.125rem;font-style:normal;font-weight:500;line-height:normal;text-align:center}.how-to__content-card-content .card--list{list-style-type:none}.how-to__content-card-content .card--list-item{display:-webkit-box;display:-webkit-flex;display:flex;gap:.75rem;color:#D1D2D7;font-family:"Roboto Flex",sans-serif;font-size:1rem;font-style:normal;font-weight:300;line-height:24px;letter-spacing:0;margin:0 0 1.5rem}.how-to__content-card-content .card--list-item:last-of-type{margin:0}.how-to__content-card-content .card--list-item svg{max-width:25px;width:100%}@media screen and (min-width:768px){.how-to__content-card-content.training{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}}.how-to__content-card-content.training .card-training{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}@media screen and (min-width:768px){.how-to__content-card-content.training .card-training{max-width:330px}}@media screen and (min-width:1280px){.how-to__content-card-content.training .card-training{max-width:378px}}.how-to__content-card-content.training .card-training--header{background-color:#292B2E;font-family:"Roboto Flex",sans-serif;font-style:normal;font-weight:400;line-height:200%;padding:.875rem 2rem .875rem 1.5rem;border-top-left-radius:8px;border-top-right-radius:8px}.how-to__content-card-content.training .card-training--header-title{color:#B1B2B9;font-size:1.125rem;font-style:normal;font-weight:400;line-height:32px;letter-spacing:0}.how-to__content-card-content.training .card-training--body{background-color:#37393F;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:100%;padding:1.5rem;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:"Roboto Flex",sans-serif;color:#F4F5F6;font-size:1rem;font-style:normal;font-weight:300;line-height:150%}.how-to__content-card-content.training .card-training--body ul{padding-left:1rem}.how-to__content-card-content.training .card-training--body:hover{background-color:#54565F}.how-to__content-card-content.portfolio{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}@media screen and (min-width:768px){.how-to__content-card-content.portfolio{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}}.how-to__content-card-content.portfolio .card-portfolio{border-radius:8px;background-color:#37393F;padding:1.5rem;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;max-width:450px;width:100%}@media screen and (min-width:768px){.how-to__content-card-content.portfolio .card-portfolio{min-width:330px}}@media screen and (min-width:1280px){.how-to__content-card-content.portfolio .card-portfolio{min-width:378px}}.how-to__content-card-content.portfolio .card-portfolio:hover{background-color:#54565F}.how-to__content-card-content.portfolio .card-portfolio--title{color:#F4F5F6;font-family:"Encode Sans",sans-serif;font-size:1.125rem;font-style:normal;font-weight:300;line-height:24px;margin:0 0 1.5rem}.how-to__content-card-content.portfolio .card-portfolio--list{list-style-type:none}.how-to__content-card-content.portfolio .card-portfolio--list-item{display:-webkit-box;display:-webkit-flex;display:flex;gap:.75rem;color:#D1D2D7;font-family:"Roboto Flex",sans-serif;font-size:1rem;font-style:normal;font-weight:300;line-height:24px;letter-spacing:0;margin:0 0 1rem}.how-to__content-card-content.portfolio .card-portfolio--list-item:last-of-type{margin:0}.how-to__content-card-content.portfolio .card-portfolio--list-item svg{max-width:25px;width:100%}.how-to__content-card-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;list-style:none}.how-to__content-card-list-item{color:#B1B2B9;font-family:"Chakra Petch",sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22.63px;letter-spacing:-.64px;border-radius:55px;border:1px solid #60D0F4;padding:.5rem 1rem;text-wrap:nowrap;cursor:default;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.how-to__content-card-list-item:hover{background-color:#60D0F4;color:#131416}.how-to__container-cta{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;justify-content:center;margin:2.5rem 0 0}.how-to__container-cta .how-to__cta{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:.5rem;font-family:"Chakra Petch",sans-serif;font-weight:400;font-size:1rem;text-decoration:none;text-align:center;color:#ECF2FD;border-radius:8px;border:1px solid #555EFF;background:#2A35FF;padding:.5rem 1rem;box-shadow:0 6.886px 12.257px 0 #23237D;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.how-to__container-cta .how-to__cta:hover{background:#181D80}@media screen and (min-width:768px){.how-to__container-cta .how-to__cta{padding:1rem 2rem}}