:root{--sdg-border-color:#c0c0c0}*{-webkit-tap-highlight-color:transparent} .intro-section__container{padding-bottom:55px}.intro-section__container .intro-text{max-width:1000px}.intro-section__container .main-text{max-width:900px}.intro-section__container *{text-wrap:pretty}.intro-section__container *:last-child{padding:0px} .courses-section{padding:0px 0px 70px 0px; border-bottom:solid 1px var(--border-color); background:#fff}.media-box-link A{width:calc(33.33% - 20px)}.media-box-link H3{padding-top:25px; padding-bottom:15px} @media only screen and (min-width:1480px){ .intro-section__container{margin-bottom:55px; padding:0px 0px 50px 0px; border-bottom:solid 5px #e0e0e0} .intro-section__text{column-count:2; column-gap:50px} .intro-section__text P{padding:0px; display:inline} .intro-section__text *{color:#000; font-size:18px; line-height:1.4; font-weight:400} .courses-section__container{width:calc(100vw - 100px); max-width:1450px} .media-box-link{} .media-box-link A{width:calc(25% - 15px); margin-right:20px} .media-box-link A:nth-child(4n + 4){width:calc(25% - 15px); margin-right:0px} .media-box-link H3{color:#000; font-size:16px; line-height:1.35}} .certificate-section{position:relative; z-index:2; background:#f8f8f8}.certificate-section__container{display:flex; justify-content:space-between; align-items:center}.certificate-section__text{width:60%; padding:30px 70px 30px 0px}.certificate-section__text H2{font-size:42px; line-height:1.1; letter-spacing:-2px; padding:0px 0px 35px 0px}.certificate-section__text STRONG{color:var(--primary-color)}.certificate-section__text P:last-child{padding:0px}.certificate-section__text-img{display:none}.certificate-section__image{width:40%; padding-right:20px}.certificate-section__image IMG{width:110%; height:auto; margin:-5% 0%; z-index:5} .stats-section{padding:90px 0px; border-top:solid 1px var(--border-color); position:relative; background:#fff}.stats-section__container{display:flex; justify-content:space-between}.stats__inner--divider{width:1px; margin:0px 60px; background:#c0c0c0}.stats__inner--content{width:calc(33.33% - 1px - 80px); padding:0px 0px 100px 0px; position:relative}.stats__number{font-family:'Work Sans',sans-serif; color:var(--primary-color); font-size:120px; line-height:1; font-weight:200; letter-spacing:-8px; padding:0px 0px 30px 0px}.stats__text{color:#000; padding:0px}.stats__link{position:absolute; left:0px; bottom:20px}.stats__link A{color:#000; font-weight:bold} .faq-section{padding:90px 0px; border:solid 1px var(--border-color); border-left:none; border-right:none; position:relative; background:#fff}.faq-section__container{display:flex; justify-content:space-between; flex-wrap:wrap}.faq-section H2{font-size:42px; line-height:1; letter-spacing:-2px; width:100%; padding:5px 0px 20px 0px}.faq-section H2 *{font-family:'Rubik',sans-serif; color:var(--primary-color); font-size:36px; line-height:1.2; letter-spacing:-1.5px; font-weight:300; padding:0px; display:block} .faq-column{width:calc(50% - 10px)} .faq-question{min-height:76px; margin-top:20px; padding:15px 15px; border:solid 1px var(--border-color); cursor:pointer; user-select:none; outline:none; transition:.25s ease-in-out; background:#fff}.faq-question:hover,.faq-question--active{background:var(--third-color)} .faq-question P{word-spacing:1px; width:calc(100% - 46px - 30px); display:inline-block; vertical-align:middle} .faq-question--active P{font-weight:bold} .faq-open-close{width:46px; height:46px; margin-left:25px; border-radius:50%; cursor:pointer; position:relative; display:inline-block; vertical-align:middle; background:#fff}.faq-open-close SPAN{width:15px; height:2px; position:absolute; top:23px; transition:.3s ease-in-out; background:var(--primary-color)}.faq-open-close .arrow-1{left:12px; transform:rotate(45deg)}.faq-open-close .arrow-2{left:20px; transform:rotate(-45deg)} .faq-question--active .faq-open-close .arrow-1{transform:rotate(-45deg)}.faq-question--active .faq-open-close .arrow-2{transform:rotate(45deg)}.faq-answer UL{margin-bottom:0px; padding:0px 15px 25px 15px} .faq-answer{max-height:0px; overflow:hidden; transition:0.35s}.faq-answer--active{padding:25px 0px 0px 0px; transition:.35s ease-out}.faq-answer P{word-spacing:1px; text-wrap:pretty; padding:0px 15px 20px 15px}.faq-answer P STRONG{font-weight:bold} .faq-column .faq-answer:last-child P:last-child{padding-bottom:0px}.faq-column .faq-answer:last-child UL:last-child{padding-bottom:0px} .sdg-section{padding:90px 0px 75px 0px; background:#f8f8f8}.sdg-section__container{display:flex; flex-wrap:wrap}.sdg__text{width:490px; padding-left:60px; order:2}.sdg-section H2{font-size:42px; line-height:1; letter-spacing:-2px; padding:5px 0px 40px 0px}.sdg-section H2 *{font-family:'Rubik',sans-serif; color:var(--primary-color); font-size:36px; line-height:1.2; letter-spacing:-1.5px; font-weight:300; padding:0px; display:block} .sdg__intro{color:#000; font-size:18px; line-height:24px; padding:0px} .sdg__icons{width:calc(100% - 490px); display:flex; justify-content:flex-end; flex-wrap:wrap; order:1}.sdg__icon{width:calc(50% - 5px); height:auto; margin:0px 0px 10px 10px}.sdg__icon:nth-child(2n + 1){margin:0px 0px 10px 0px} @media only screen and (max-width:1080px){ .courses-section{padding:0px 0px 60px 0px} .media-box-link{justify-content:space-between} .media-box-link A{width:calc(50% - 10px); margin-right:0px} .certificate-section{padding:75px 0px} .certificate-section__container{display:block} .certificate-section__text{width:100%; padding:0px 0px 45px 0px; display:block} .certificate-section__text H2{font-size:40px; letter-spacing:-1.5px; padding-bottom:30px} .certificate-section__image{width:100%; padding:0px} .certificate-section__image IMG{width:100%; max-width:500px; margin:0px} .stats-section{padding:0px} .stats-section__container{display:block} .stats__inner--divider{width:100%; height:1px; margin:0px} .stats__inner--content{width:100%; padding:60px 0px 65px 0px} .stats__number{padding:0px; position:absolute; left:0px; top:50px} .stats__text{color:#000; padding:0px 0px 25px 250px} .stats__link{padding:0px 0px 0px 250px; position:static; left:0px; bottom:0px} .faq-section{padding:70px 0px} .faq-section__container{display:block} .faq-section *{font-size:16px; line-height:22px} .faq-section H2{font-size:40px; letter-spacing:-1.5px; padding-top:0px} .faq-column{width:100%} .faq-column .faq-answer:last-child P:last-child{padding-bottom:20px} .faq-column .faq-answer:last-child UL:last-child{padding-bottom:25px} .faq-column:last-child .faq-answer:last-child P:last-child{padding-bottom:0px} .faq-column:last-child .faq-answer:last-child UL:last-child{margin-bottom:-10px; padding-bottom:0px} .sdg-section{padding:70px 0px} .sdg__text{width:100%; padding:0px 0px 55px 0px; order:1} .sdg-section H2{font-size:40px; letter-spacing:-1.5px; padding-top:0px} .sdg__icons{width:100%; order:2} .sdg__icons{justify-content:space-between} .sdg__icon{margin:0px 0px 10px 0px}} @media only screen and (max-width:800px){ .stats-section__container{max-width:600px} .sdg-section{padding:60px 0px} .sdg__text{padding:0px 0px 45px 0px} .sdg-section H2{padding-bottom:30px} } @media only screen and (max-width:700px){ .intro-section__container{padding:0px 0px 45px 0px} .courses-section{padding:0px 0px 45px 0px} .media-box-link A{width:100%}} @media only screen and (max-width:600px){ .certificate-section{padding:55px 0px 60px 0px} .certificate-section__text{padding:0px} .certificate-section__text H2{font-size:34px; letter-spacing:-1px; padding-bottom:20px} .certificate-section__text-img{width:100%; height:auto; margin:15px 0px 35px 0px; display:block; transition:.5s; transform:scaleX(-1)} .certificate-section__text-img--active{transform:scaleX(1)} .certificate-section__image{display:none} .stats-section__container{width:100%} .stats__inner-2{background:#f8f8f8} .stats__inner--divider{border-top:solid 1px var(--border-color); background:#fff} .stats__inner--content{padding:40px 5% 60px 5%} .stats__number{position:static; top:0px} .stats__text{padding:20px 0px 40px 0px} .stats__link{padding:0px} .faq-section{padding-top:55px} .faq-section H2{font-size:34px; letter-spacing:-1px} .faq-section H2 *{font-size:30px; letter-spacing:-1px} .faq-answer .media-bullet-list > *{margin-left:0px} .sdg-section{padding-top:55px} .sdg-section H2{font-size:34px; letter-spacing:-1px} .sdg-section H2 *{font-size:30px; letter-spacing:-1px}}