*{box-sizing:border-box;margin:0px;padding:0px}.example{display:-ms-grid;display:grid;transition:all 0.5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:linear-gradient(to bottom,white,black)}body{min-width:375px;max-width:1440px;font-family:"Plus Jakarta Sans","sans-serif"}footer,header,section{padding:0 16px}footer,header{display:flex;justify-content:space-between}header{height:80px;line-height:80px}footer{height:120px;line-height:120px;background:#13183f;color:#ffffff}h1{font-size:40px;font-weight:800;line-height:50.4px;margin:0}h2{font-size:24px;line-height:32px}h3{font-size:20px;margin-top:24px}.footer-logo,.header-logo{font-size:28px;margin:auto 0}.header-logo{color:#000000}.footer-logo{color:#ffffff}p{font-size:16px;font-weight:500;line-height:26px;color:#83869a}a{font-size:18px;font-weight:700;color:#f74780}button{font-size:16px;font-weight:700;color:#ffffff;border-style:none;background-color:black}.footer-button,.header-button{width:140px;height:48px;margin-top:auto;margin-bottom:auto;border-radius:24px}.footer-button{background-image:linear-gradient(#4851ff,#f02aa6);box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}.title-button{width:167px;height:56px;border-radius:28px;background-image:linear-gradient(#ff6f48,#f02aa6);box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}.title-box{margin-top:22px;margin-bottom:26px}.description{margin-top:26px;margin-bottom:24px}.image-container{width:108%;margin-left:-4%;overflow:hidden}.image-hero-mobile{width:116%;margin-left:-8%}.card-container{margin-top:-20px;padding-bottom:40px;background-image:linear-gradient(#ffffff,#f0f1ff)}.card{border-radius:10px;padding:0px 29px 32px 28px;margin-bottom:40px}.checkout-card{padding-top:24px;background-image:linear-gradient(#ff6f48,#f02aa6);font-size:24px;font-weight:800;line-height:32px;color:#ffffff}.course-card{background:#ffffff}.icon{margin-top:-24px}.course-description{margin-top:16px;margin-bottom:24px}.course-content{height:100%;border-spacing:0}.table-top{vertical-align:top}.table-bottom{vertical-align:bottom}@media screen and (min-width:481px){body{background-image:url("../assets/image-hero-tablet@2x.png");background-position:right -298px top -100px;background-size:695px;background-repeat:no-repeat}footer,header,section{padding:0 40px}.title-container{height:561px;display:flex;align-items:center}.title-box{min-width:398px;margin-top:105px;margin-bottom:172px}.image-hero-mobile{display:none}.card-container{margin-top:20px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.card{width:49%;padding:0px 21px 32px 32px;min-height:259px}.checkout-card{padding-top:56px}.course-content{padding-bottom:32px}.course-description{margin-bottom:0}}@media screen and (min-width:769px){body{background-image:url("../assets/image-hero-desktop@2x.png");background-position:right -336px top -154px;background-size:1046px;background-repeat:no-repeat}footer,header,section{padding:0 165px}h1{font-size:56px;line-height:70.56px}h2{font-size:32px;line-height:40px}.footer-logo,.header-logo{font-size:36px}button{font-size:18px;line-height:28px}button:hover{cursor:pointer}header{height:104px}.footer-button,.header-button{width:167px;height:56px;border-radius:28px}.title-button{height:63px;border-radius:31.5px}.header-button:hover{background-color:#666ca3}.title-container{height:41%;max-height:757px}.footer-button:hover,.title-button:hover{opacity:0.5}.title-box{width:457px;margin-top:146px;margin-bottom:226px}.description{margin-top:29px;font-size:18px;line-height:28px;margin-bottom:40px}.card{box-sizing:border-box;width:33%;max-width:350px;padding:0px 32px 40px 32px}.checkout-card{padding-top:64px;font-size:32px;line-height:40px}.course-content{padding-bottom:40px}.course-description{margin-bottom:0}}