.page-template-project-based-learning{background-color:#f8f8f8;background-image:url("../images/bg-article.png");background-position:top;background-repeat:no-repeat;background-size:cover;overflow:unset}.page-template-project-based-learning .main{padding-top:max(2.8645833333vw,30px);display:flex;position:relative;gap:30px}@media only screen and (max-width: 1024px){.page-template-project-based-learning .main{flex-direction:column;align-items:center}}.page-template-project-based-learning .main .side-menu{background-color:#fff;box-shadow:0px .9895833333vw 1.0416666667vw rgba(103,192,178,.17);border-radius:max(.78125vw,10px);padding:max(1.40625vw,18px) max(.8854166667vw,14px);position:sticky;top:50px;right:6px;align-self:flex-start;width:-moz-max-content;width:max-content}@media only screen and (max-width: 1024px){.page-template-project-based-learning .main .side-menu{width:82%;position:relative;margin-inline:auto;top:0;right:0}}.page-template-project-based-learning .main .side-menu ul{list-style:none;padding:0}.page-template-project-based-learning .main .side-menu ul li:not(:first-of-type){margin-top:10px}.page-template-project-based-learning .main .side-menu ul li a{font-weight:300;font-size:max(.8333333333vw,14px);color:var(--text_blue1);transition:all .4s ease-in-out;width:100%;display:inline-block}.page-template-project-based-learning .main .side-menu ul li a:hover{opacity:.7}.page-template-project-based-learning .main .side-menu ul li a.active{font-weight:500;padding:max(.5208333333vw,8px);background-color:#d8f0f9;border-radius:max(.9375vw,10px)}.page-template-project-based-learning .main .inner-container{width:min(95%,1335px);margin-inline:33px auto}@media only screen and (max-width: 1024px){.page-template-project-based-learning .main .inner-container{margin-top:40px}}.page-template-project-based-learning .main .inner-container h1{font-weight:700;font-size:max(1.6666666667vw,24px);color:var(--text_blue1);line-height:max(1.8229166667vw,30px)}.page-template-project-based-learning .main .inner-container .content{background-color:#fff;margin-top:max(1.5625vw,20px);padding:max(2.3958333333vw,23px) max(1.9791666667vw,19px);position:relative;min-height:460px}.page-template-project-based-learning .main .inner-container .content::before{content:"";width:12.5vw;height:.15625vw;position:absolute;top:0;right:0;background-color:var(--text_bright_blue)}.page-template-project-based-learning .main .inner-container .content #container-iframe{float:right;margin-inline-end:2.03125vw;margin-bottom:2.1354166667vw;width:34.2708333333vw;height:max(19.2708333333vw,118.4px);filter:drop-shadow(8px 15px 20px rgba(105, 179, 227, 0.4));border-radius:.78125vw;overflow:hidden;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer}@media only screen and (max-width: 1660px){.page-template-project-based-learning .main .inner-container .content #container-iframe{float:initial;margin-inline:auto;margin-bottom:40px}}@media only screen and (max-width: 768px){.page-template-project-based-learning .main .inner-container .content #container-iframe{width:min(400px,100%);height:36.4583333333vw}}.page-template-project-based-learning .main .inner-container .content #container-iframe::after{content:"";width:max(5vw,48px);height:max(3.5416666667vw,34px);transition:all .5s ease-in-out;cursor:pointer;background-image:url("../images/play-yt.png");background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page-template-project-based-learning .main .inner-container .content #container-iframe.active{background-image:none !important}.page-template-project-based-learning .main .inner-container .content #container-iframe.active iframe{display:initial !important}.page-template-project-based-learning .main .inner-container .content #container-iframe.active::after{display:none}.page-template-project-based-learning .main .inner-container .content #container-iframe:hover::after{opacity:.6}.page-template-project-based-learning .main .inner-container .content #container-iframe iframe#iframe-video{width:34.2708333333vw;height:19.2708333333vw;border-radius:.78125vw;overflow:hidden;display:none}.page-template-project-based-learning .main .inner-container .content p{line-height:max(1.4583333333vw,23px);font-size:max(.9375vw,15px);color:var(--text_blue1);font-weight:300}.page-template-project-based-learning .main .inner-container .content a{color:var(--orange1);text-decoration:underline}.page-template-project-based-learning .main .inner-container .content a:hover{opacity:.6}.page-template-project-based-learning .main .inner-container .content h3{font-weight:700;font-size:max(1.25vw,20px);color:var(--text_blue1);margin-bottom:15}.page-template-project-based-learning .main .inner-container .content .content-text{font-weight:300;font-size:max(.78125vw,13px);color:var(--text_blue1);line-height:max(1.4583333333vw,24px);margin-top:10px}.page-template-project-based-learning .main .inner-container .content .content-text a{color:var(--orange1);text-decoration:underline}.page-template-project-based-learning .main .inner-container .content .content-text a:hover{opacity:.6}.page-template-project-based-learning .main .inner-container .content .content-text h3{font-weight:700;font-size:max(1.25vw,20px);color:var(--text_blue1);margin-bottom:max(.9895833333vw,15px)}.page-template-project-based-learning .main .inner-container .content .content-link{font-weight:300;font-size:max(.9375vw,15px);line-height:max(1.4583333333vw,24px);color:var(--text_blue1);border:1px solid var(--orange1);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:max(1.0416666667vw,10px);padding:max(.4166666667vw,6px) max(1.3020833333vw,18.5px);display:inline-block;margin-inline-end:max(1.1458333333vw,15px);transition:all .5s ease-in-out;text-decoration:none;margin-top:10px}.page-template-project-based-learning .main .inner-container .content .content-link:hover{border-color:var(--text_blue1);color:var(--orange1)}.page-template-project-based-learning .main .inner-container .content #container-iframe+*{margin-top:0}.page-template-project-based-learning .main .inner-container .event{background-color:#fff;padding-bottom:max(3.125vw,30px);background-color:#fcfcfc;border-radius:0px 0px max(.78125vw,10px) max(.78125vw,10px)}.page-template-project-based-learning .main .inner-container .event .splide__arrows{bottom:20px;right:40px}@media only screen and (max-width: 600px){.page-template-project-based-learning .main .inner-container .event .splide__arrows{bottom:13px}}.page-template-project-based-learning .main .inner-container .event .splide__arrows svg{width:max(.625vw,10px);height:max(1.25vw,20px)}.page-template-project-based-learning .main .inner-container .may-also-be-interested{margin-top:max(4.2708333333vw,30px);padding-bottom:max(6.9791666667vw,30px)}.page-template-project-based-learning .main .inner-container .may-also-be-interested h2{font-size:max(1.6666666667vw,18px);font-weight:300;color:var(--text_bright_blue)}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs{margin-top:max(1.6666666667vw,20px);display:flex;-moz-column-gap:2.03125vw;column-gap:2.03125vw}@media only screen and (max-width: 1000px){.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs{flex-direction:column;row-gap:20px}}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec{background:#0b4077;box-shadow:.4166666667vw .78125vw 1.0416666667vw rgba(105,179,227,.5);border-radius:max(.78125vw,10px);padding:max(.9375vw,12px);display:flex;align-items:center;transition:all .4s ease-in-out}@media only screen and (max-width: 500px){.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec{flex-direction:column}}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec:hover{opacity:.8}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .image{min-width:13.8020833333vw;height:7.7083333333vw;border-radius:max(.78125vw,10px);background-position:center;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width: 1200px){.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .image{min-width:198px;height:111px}}@media only screen and (max-width: 500px){.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .image{min-width:100%}}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .line{width:1px;height:5.1041666667vw;background-color:var(--text_bright_blue);margin-inline:max(1.0416666667vw,10px)}@media only screen and (max-width: 500px){.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .line{width:50%;height:1px;margin-inline:auto;margin-block:10px}}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .parent-text .title{font-weight:600;font-size:max(1.25vw,16px);color:#fff}.page-template-project-based-learning .main .inner-container .may-also-be-interested .container-recs .rec .parent-text .excerpt{font-weight:300;font-size:max(.8333333333vw,12px);color:#fff;margin-top:5px}/*# sourceMappingURL=project-based-learning.min.css.map */