html{width:100vw;height:100vh;margin:0;padding:0;scroll-behavior:smooth;font-weight:100;overflow-x:hidden}body{width:100vw;height:100vh;margin:0;padding:0;font-family:"Montserrat",sans-serif;scroll-behavior:smooth}header{background-color:white;position:fixed;top:0;z-index:2;width:99vw;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;height:11vh}#logo-td{margin:0;padding:1vw;width:75vw}#logo-td a{padding:0}#logo-td a:visited{background-color:white}#logo-td a:hover{background-color:white}#logo-td a:active{background-color:white}#logo{width:50%}h1{font-size:1vw;font-weight:normal;margin:0;padding:0;z-index:-1}#menu-td{width:10vw;text-align:center;padding:0 3%;display:flex}#menu-td nav{display:none}#mobile-menu-button{height:100%;font-weight:bold;text-decoration:none;color:black;width:100%;padding:5% 2%;font-family:'Quicksand';display:block;margin:auto 15%}#mobile-menu-button:hover{background-color:#2ea3f2;color:white;border-radius:23%;padding:10% 10%}#mobile-menu{flex-direction:column;align-items:flex-start;background-color:white;position:fixed;right:0;top:10vh;width:40vw;vertical-align:middle}nav a{height:100%;font-weight:bold;text-decoration:none;color:black;width:100%;padding:5%}nav a:hover{background-color:#2ea3f2;color:white}nav div{display:flex;align-items:center;padding:5%}nav div a{width:fit-content;padding:0}nav div span{width:fit-content}.programme-links{display:none}.benefit-links{display:none}.cpage{color:#2ea3f2 !important}.cpage:hover{color:#2ea3f2 !important;background-color:white !important;font-weight:bold !important}section{text-align:center;position:relative;padding:5%}img{width:100%}.home{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;color:white;height:80vh;background-image:url(../images/Agora_Doyobi_2023_2.webp);background-size:cover;background-position:center;background-color:gray;background-blend-mode:multiply;margin-top:10vh}.home h2{color:white;display:block;padding:1%;width:fit-content;height:fit-content;font-size:8vw}.home a{padding:5%;background-color:#2ea3f2;font-size:6vw;font-weight:bold;font-family:'Quicksand';display:block;width:fit-content;text-decoration:none;color:white}.home a:hover{color:#2ea3f2;background-color:white}.home h3{font-family:'Quicksand';font-weight:lighter}.about{background-color:white;height:fit-content}.about h3{font-family:'Quicksand';font-weight:normal}.issues{display:flex;flex-direction:column;align-items:center}.issues div{width:60%;padding:10% 5%;margin:5%;border-radius:15%;color:white}.grapefruit{background-color:#eb2a00}.orange{background-color:#ff9c02}.blue{background-color:#2b76df}.purple{background-color:#2900b5}.pink{background-color:#bf0159}.about h4{font-size:5vw}.issues div p{width:80%}.about p{font-size:4vw;font-weight:lighter;margin:auto;text-align:center;font-family:'Quicksand';font-weight:normal}.services{padding:6% 5%;background-color:#f4e5c5;font-weight:700;color:white}.services h2{width:100%;font-size:8vw;display:block;text-align:center;color:black}.services h3{color:black;text-align:center;width:100%;font-weight:normal;font-family:"Quicksand",sans-serif;font-size:4vw}.services h3 span{color:#2ea3f2;font-weight:bold}.services h4{color:#2ea3f2;text-align:center;width:100%;font-weight:bold;font-size:5vw}.services p{display:block;margin:0 auto 5%;text-align:justify;font-weight:lighter;color:black;font-family:"Quicksand",sans-serif}video{width:100%;margin:0 auto}.why{color:black;background-color:white}.why h2{font-size:11vw}.why h3{font-size:4vw;font-family:"Quicksand",sans-serif;font-weight:normal}.reasons{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:80%;margin:2% auto;position:relative}.contact{background-color:#f4e5c5;color:black;display:flex;align-items:center;flex-direction:column}.contact h2{width:100%;text-align:center;font-size:10vw}.contact h3{width:100%;text-align:center;font-size:5vw;color:#2ea3f2}form{width:90%;margin:5% auto}input{padding:1% 0;margin-bottom:1%;border:1px solid #2ea3f2;text-align:center;width:100%;font-size:4vw;font-family:"Quicksand",sans-serif}form div{text-align:left}span{padding:1% 0;text-align:center;width:100%;font-size:4vw;font-family:"Quicksand",sans-serif;font-weight:bold}label{padding:1% 0;text-align:center;width:100%;font-size:4vw;font-family:"Quicksand",sans-serif;font-weight:bold}.contact input[type=checkbox]{width:fit-content}.contact input[type=submit]{color:white;background-color:#2ea3f2;width:101%}#contact-pic{position:relative}footer{background-color:#abf3e2;color:black;text-align:center;width:100%;position:relative;display:flex;flex-direction:column;align-items:center}footer h2{font-size:4vw;font-weight:normal;font-family:'Quicksand'}footer h3{font-size:5vw;font-weight:bold;text-decoration:underline}footer h4{font-size:4vw;font-weight:normal;font-family:'Quicksand'}footer i{color:black}footer h5{font-size:4vw;font-weight:bold;font-family:'Quicksand';color:#2ea3f2}footer ul{text-align:left}footer li{margin:2%;padding:2%;font-weight:bold;font-family:'Quicksand'}footer a{color:#2ea3f2;text-decoration:none}footer a:hover{color:white}footer img{width:80%}footer h2 a{color:white;text-decoration:none}footer h2 a:hover{color:#2ea3f2;background-color:white;text-transform:uppercase}.socials{display:flex;justify-content:space-evenly;width:100%}.socials a i{color:#2ea3f2}.socials a i:hover{color:white}.whatsapp{position:fixed;bottom:2%;right:0;margin:2%;padding:5px;color:#25d366;z-index:1}.whatsapp:hover{color:#075e54}@media screen and (orientation:landscape){header{height:15vh}#logo-td{width:90vw}#logo{width:25%}#mobile-menu{top:15vh}nav a{font-size:2vw;padding:1%}nav div{padding:1%}nav div span{font-size:2vw}nav div span i{font-size:2vw !important}.home{top:3vh;height:70vh}.home h2{display:block;width:90%;font-size:3vw}.home a{font-size:2vw;padding:2%}.issues div{border-radius:10vw}.about h4{margin:5%}.about p{font-size:3vw}.services h2{font-size:5vw}.services h3{font-size:3vw}.services span{font-size:3vw}.services h4{font-size:3vw}.services p{font-size:3vw}.programmes{display:flex;justify-content:space-evenly}.programme{width:20%}.programme h4{font-size:2vw}.nk{margin-top:5.5vw}.programme p{font-size:2vw;text-align:left}.why h2{font-size:5vw}.why h3{font-size:3vw}.reasons{flex-direction:row;width:100%;align-items:flex-start}.reason{width:30%}.contact h2{font-size:5vw}.contact h3{font-size:3vw}input{font-size:3vw}.contact span{font-size:3vw}label{font-size:3vw}footer{flex-direction:row;align-items:flex-start;flex-wrap:wrap;justify-content:space-evenly}footer div{width:25%}footer h2{font-size:2vw;width:100%}footer h3{font-size:3vw}footer h4{font-size:2vw}footer h5{font-size:2vw}.socials{width:50%;margin:0 auto}}@media screen and (min-width:768px) and (max-width:1279px) and (orientation:portrait){header{height:13vh}#menu-td a{font-size:4vw}nav a{font-size:4vw}.home h3{font-size:5vw}.about h2{font-size:7vw}.about h3{font-size:5vw}.services h2{font-size:7vw}.services h3{font-size:5vw}.services h3 span{font-size:5vw}.services h4{font-size:5vw}.services p{font-size:4vw}.why h2{font-size:7vw}.why h3{font-size:5vw}.reasons{margin:auto}.contact h2{font-size:7vw}.contact h3{font-size:5vw}input{font-size:5vw}.contact span{font-size:5vw}label{font-size:5vw}.whatsapp{font-size:15vw !important}footer h2{font-size:3vw}footer li{font-size:4vw}}@media screen and (min-width:768px) and (max-width:1279px) and (orientation:landscape){header{height:20vh}#logo{width:25%}#menu-td a{font-size:3vw}#mobile-menu{top:20vh;width:45vw}nav a{font-size:2vw;padding:1%}nav div{padding:0 1%}nav div span{font-size:2vw}nav div span i{font-size:2vw !important}.home{height:80vh}.home h2{font-size:5vw}.home a{font-size:3vw}.home h3{font-size:3vw}.about h2{font-size:5vw}.about h3{font-size:3vw}.services h3{font-size:3vw}.services span{font-size:4vw}.services h4{font-size:4vw}.programme h4{font-size:2vw}.services p{font-size:4vw}.programme p{font-size:2vw;text-align:left}.nk{margin-bottom:3vw}.why h2{font-size:5vw}footer h4{font-size:2.5vw}footer li{font-size:3vw}footer h2{font-size:2.5vw}}@media screen and (min-width:1280px){header{height:15vh;justify-content:space-between;align-items:center}#logo-td{width:10vw}#logo{width:150%}#menu-td{width:70vw;text-align:right;padding:0}#menu-td nav{display:flex;align-items:center;width:100%;font-size:2vw;height:100%;justify-content:flex-end}nav a{height:100%;font-weight:bold;text-decoration:none;color:black;width:fit-content;padding:0 1%;font-family:'Quicksand';overflow:hidden;float:left}nav a:hover{background-color:#2ea3f2;color:white}nav div{width:fit-content;display:inline;margin:0;overflow:hidden;float:left;padding:0 1%}nav div a{width:fit-content}nav div span i{font-size:2vw !important}.submenu{padding:0}.submenu:hover .links{display:flex;flex-direction:column;align-items:flex-start}.submenu button a{float:none;padding:0;overflow:unset;margin:0}.submenu button a:hover{color:#2ea3f2;background-color:white}.submenu button{background-color:white;border:0;height:100%;font-weight:bold;text-decoration:none;color:black;width:fit-content;font-family:'Quicksand';display:block;font-size:2vw}.submenu button:hover{color:#2ea3f2;background-color:white}.links{display:none;z-index:1;position:absolute;text-align:left;background-color:white;padding:2% 0 0 0;width:30%}.links a{width:fit-content !important;margin:2%}.links a:hover{background-color:#2ea3f2;color:white}#mobile-menu-button{display:none}.home{height:65vh}.home h2{font-size:3vw;width:fit-content}.home h3{font-size:3vw}.about h2{font-size:5vw}.about h3{font-size:2vw}.issues{flex-direction:row;align-items:flex-start;justify-content:space-evenly;margin:5% 0}.issues div{width:17%;overflow:hidden;border-radius:3vw;margin:0;padding:3% 0;height:35vh}.about h4{font-size:2vw}.about p{font-size:1.3vw}.services{padding:5%}.services h2{font-size:5vw}.services h3{font-size:3vw}.solution-div{display:flex}.solution-div picture{width:45%;margin:0 5%}.solution-div div{width:45%}.solution-div h4{font-size:2vw !important;text-align:left;margin:1% 0}.solution-div p{font-size:1.5vw !important;text-align:left;margin:1% 0}.services h4{font-size:2vw}.contact h2{margin:0}form{margin:0;display:flex;flex-wrap:wrap;justify-content:center}input{font-size:2vw;width:45%}.contact div{text-align:left;width:90%;display:flex;align-items:center;flex-wrap:wrap}.contact span{font-size:2vw;text-align:left}.contact input[type=checkbox]{margin:0 1%}.contact input[type=submit]{width:90%}.contact label{font-size:2vw;width:fit-content}#message{width:90%}footer h2{font-size:1vw}footer h3{font-size:2vw}footer h4{font-size:1.5vw}footer h5{font-size:1.2vw}.footer-links{display:flex;flex-direction:column;align-items:center}}