@font-face{font-family:MADE Soulmaze;src:url(https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/Dito_July2021/fonts/made-soulmaze.otf)}.project-sb{overflow:hidden;width:100%}.project-sb,.project-sb *{box-sizing:border-box}.project-sb h1,.project-sb h2,.project-sb h3,.project-sb p{margin:0}.project-sb .banner-container{position:relative}.project-sb .banner-container,.project-sb .banner-container img{width:100%}.project-sb .banner-container .mobile-banner{display:none}@media screen and (max-width:500px){.project-sb .banner-container .mobile-banner{display:block}.project-sb .banner-container .desktop-banner{display:none}}.project-sb .banner-container .watch-video-button{background-color:red;bottom:9%;height:10%;opacity:0;position:absolute;right:0;text-align:center;width:45%}.project-sb .ookla-container{align-items:center;display:flex;gap:48px;justify-content:space-between;margin:80px auto 0;max-width:917px;position:relative;width:100%}@media screen and (max-width:1000px){.project-sb .ookla-container{justify-content:center}}@media screen and (max-width:767px){.project-sb .ookla-container{gap:24px;margin:62px 0;padding:0 16px}}@media screen and (max-width:500px){.project-sb .ookla-container{flex-direction:row-reverse;gap:8px}.project-sb .ookla-container .award-image{margin-bottom:-10%;max-width:300px;width:100%;width:30%}}.project-sb .ookla-container .text-container{position:relative;right:10%}.project-sb .ookla-container .text-gradient{background:-webkit-linear-gradient(#e20016,#483680);-webkit-background-clip:text;position:relative;-webkit-text-fill-color:transparent}@media screen and (max-width:1000px){.project-sb .ookla-container .text-container{right:0}}@media screen and (max-width:767px){.project-sb .ookla-container .text-container{max-width:410px;width:100%}}.project-sb .ookla-container .text-1{font-size:70px}@media screen and (max-width:600px){.project-sb .ookla-container .text-1{font-size:50px}}@media screen and (max-width:500px){.project-sb .ookla-container .text-1{font-size:32px}}.project-sb .ookla-container .text-2{font-size:34px;max-width:610px}@media screen and (max-width:1000px){.project-sb .ookla-container .text-2{font-size:24px}}@media screen and (max-width:600px){.project-sb .ookla-container .text-2{font-size:20px}.project-sb .ookla-container .text-2 .break{display:none}}@media screen and (max-width:359px){.project-sb .ookla-container .text-2{font-size:18px}.project-sb .ookla-container .text-2 .break{display:none}}.project-sb .ookla-container .text-1,.project-sb .ookla-container .text-2,.project-sb .ookla-container .text-3{font-family:MADE Soulmaze;line-height:95%;width:100%}.project-sb .ookla-container .sub-text{color:#004ea1;font-size:20px;font-weight:600;line-height:110%;margin-top:16px;max-width:550px}@media screen and (max-width:500px){.project-sb .ookla-container .sub-text{font-size:16px}}@media screen and (max-width:359px){.project-sb .ookla-container .sub-text{font-size:14px}}@media screen and (min-width:501px){.project-sb .ookla-container .sub-text .mobile-break{display:none}}.project-sb .ookla-container .heart-1{position:absolute;right:0;top:0;transform:translate(40%,-72%);width:40%}@media screen and (max-width:1000px){.project-sb .ookla-container .heart-1{transform:translate(-10%,-100%);width:30%}}@media screen and (max-width:550px){.project-sb .ookla-container .heart-1{transform:translate(-20%,-90%);width:25%}}@media screen and (max-width:500px){.project-sb .ookla-container .heart-1{transform:translate(-10%,-80%);width:25%}}@media screen and (max-width:359px){.project-sb .ookla-container .heart-1{transform:translate(50%,-35%);width:25%}}.project-sb .video-container{align-items:center;background-color:#f0f0f0;display:flex;justify-content:center;margin-top:24px;padding:64px;width:100%}@media screen and (max-width:767px){.project-sb .video-container{padding:32px}}@media screen and (max-width:500px){.project-sb .video-container{padding:24px}}@media screen and (max-width:450px){.project-sb .video-container{padding:36px 0}}.project-sb .video-container .video{max-width:917px;position:relative;width:100%}.project-sb .video-container iframe{aspect-ratio:16/9;height:auto;margin:0 auto;max-width:917px;width:100%}.project-sb .video-container .heart-2{position:absolute;right:0;top:0;transform:translate(81%,-50%);width:22.5%}@media screen and (max-width:450px){.project-sb .video-container .heart-2{transform:translateY(-100%)}}.project-sb .video-container .heart-3{left:0;position:absolute;top:60%;transform:translate(-70%,-15%);width:18%}@media screen and (max-width:450px){.project-sb .video-container .heart-3{display:none}}.project-sb .video-container .heart-4{bottom:0;position:absolute;right:-13%;transform:translateY(100%);width:18%}@media screen and (max-width:450px){.project-sb .video-container .heart-4{right:85%;transform:translate(20%,100%)}}.project-sb .related-article-container{align-items:center;background:url(https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/Related%20Article%20DSPK%20mesh.png);background-repeat:no-repeat;background-size:cover;display:flex;gap:50px;justify-content:center;padding:64px 16px;width:100%}@media screen and (max-width:1000px){.project-sb .related-article-container{gap:16px}}@media screen and (max-width:910px){.project-sb .related-article-container{flex-direction:column-reverse;gap:32px}}.project-sb .related-article-container .article-info-container{max-width:455px;width:100%}.project-sb .related-article-container .container-header{color:#fff;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:12px}.project-sb .related-article-container .article-title{color:#fff;font-size:34px;font-style:normal;font-weight:800;line-height:100%;margin-bottom:12px}.project-sb .related-article-container .article-date{color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:24px}.project-sb .related-article-container .article-button{align-items:center;background:#fff;border:1px solid #ce1126;border-radius:30px;display:flex;font-size:22px;font-style:normal;font-weight:800;gap:10px;height:50px;justify-content:center;line-height:normal;padding:12px 28px;width:fit-content}.project-sb .related-article-container .article-button img{height:24px;width:24px}.project-sb .related-article-container .article-featured-image-container img{border-radius:10px}@media screen and (max-width:910px){.project-sb .related-article-container .article-featured-image-container img{max-width:100%;width:455px}}.project-sb .dito-container{padding-bottom:120px}.project-sb .dito-container .header{background:-moz-linear-gradient(170deg,#f26b00 0,#ee1c24 50%,#0052a9 100%);background:-webkit-linear-gradient(170deg,#f26b00,#ee1c24 50%,#0052a9);background:linear-gradient(170deg,#f26b00,#ee1c24 50%,#0052a9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:MADE Soulmaze;font-size:50px;line-height:100%;margin:140px auto 80px;max-width:992px;padding:0 16px;text-align:center}@media screen and (max-width:900px){.project-sb .dito-container .header{font-size:40px;margin:70px auto 40px}}@media screen and (max-width:767px){.project-sb .dito-container .header{font-size:32px;margin:36px auto 24px}}@media screen and (min-width:501px){.project-sb .dito-container .header .mobile-break{display:none}}@media screen and (max-width:500px){.project-sb .dito-container .header{font-size:20px;padding:0 50px;text-align:left}.project-sb .dito-container .header .break{display:none}}.project-sb .dito-container .boxes-container{align-items:center;display:flex;gap:24px;justify-content:center;margin:0 auto;max-width:1000px;width:100%}@media screen and (max-width:500px){.project-sb .dito-container .boxes-container{flex-direction:column;gap:24px;padding:0 10px}}.project-sb .dito-container .box-bg{aspect-ratio:904/967;background-repeat:no-repeat;background-size:cover;width:47%}@media screen and (max-width:500px){.project-sb .dito-container .box-bg{width:80%}}.project-sb .dito-container .box-bg.dito-mobile{background-image:url(https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/DITO%20Mobile%20bg.webp)}.project-sb .dito-container .box-bg.dito-home{background-image:url(https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/DITO%20Home%20bg.webp)}.project-sb .dito-container .box{align-items:center;aspect-ratio:1/1;display:flex;flex-direction:column;gap:5%;height:auto;justify-content:center;position:relative;width:100%}.project-sb .dito-container .box-header{height:auto;width:45%}.project-sb .dito-container .box-button{height:auto;transition:transform .2s;width:90%}.project-sb .dito-container .box-button:hover{transform:scale(1.05)}