@import "https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";:root{--light-bg-color:#ebe1d2;--dark-bg-color:#141e32}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,Arial,Helvetica,sans-serif}body.light{background-color:var(--light-bg-color)}body.light p:not(.unchanged),body.light h3:not(.unchanged){color:#000}body.dark{background-color:var(--dark-bg-color)}body.dark p:not(.unchanged),body.dark h3:not(.unchanged){color:#fff}p{font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:500}.scroll-effect{opacity:0;transition:opacity,transform .5s;transform:translateY(100%)}.menu-panel{z-index:100;position:sticky;top:0}.menu-panel.light{background-color:var(--light-bg-color)}.menu-panel.dark{background-color:var(--dark-bg-color)}.menu-panel .menu-box{letter-spacing:1px;color:#fff;background-color:#000;align-items:center;gap:1em;padding:1em;font-size:1.5em;transition:padding .3s;display:flex}.menu-box #menu-btn{color:#fff;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;font-size:1.1em;display:flex}.menu-box #menu-btn:hover{color:#7d7d7d}.sidebar-menu{border-top-right-radius:20px;border-bottom-right-radius:20px;width:70vw;height:100vh;transition:transform .5s,background-color .5s;position:absolute;top:0;transform:translate(-100%)}.light .sidebar-menu{background-color:var(--light-bg-color)}.light .sidebar-panel,.light #sidebar-close-btn,.light .sidebar-list,.light .list-box,.light .menu-panel a,.light .menu-panel p{color:#000;transition:color .5s}.dark .sidebar-menu{background-color:var(--dark-bg-color)}.dark .sidebar-panel,.dark #sidebar-close-btn,.dark .sidebar-list,.dark .list-box,.dark .menu-panel a,.dark .menu-panel p{color:#fff;transition:color .5s}.sidebar-menu .sidebar-panel{justify-content:space-between;align-items:center;padding:.7em;font-size:1.3em;display:flex}.sidebar-panel #sidebar-close-btn{background-color:#0000;border:none;outline:none;align-items:center;font-size:.7em;transition:transform .3s;display:flex}.sidebar-panel #sidebar-close-btn:hover{color:#7d7d7d}.sidebar-menu.active{transform:translate(0)}.sidebar-menu.active #sidebar-close-btn{transform:rotate(180deg)}.menu-panel:has(.sidebar-menu.active) .close-area-btn{background-color:#00000080;width:100vw;height:100vh;position:absolute;top:0}.sidebar-menu .sidebar-list{padding:1em 1em 0}.sidebar-menu .sidebar-list input[type=checkbox]{display:none}.sidebar-list .list-title{border-radius:10px;justify-content:space-between;align-items:center;padding:.5em;display:flex}.light .sidebar-list .list-title{background-color:#d2cdaf}.dark .sidebar-list .list-title{background-color:#232d41}.sidebar-list .list-title .dropdown-icon{transition:transform .3s;transform:rotate(180deg)}.sidebar-list:has(input[type=checkbox]:checked) .list-title .dropdown-icon{transform:rotate(0)}.sidebar-list .list-box{opacity:0;max-height:0;margin-bottom:1em;padding-left:1em;transition:max-height .3s,opacity .3s;overflow:hidden}.sidebar-list:has(input[type=checkbox]:checked) .list-box{opacity:1;max-height:150px}.sidebar-list .list-box ul{font-size:15px;list-style:none}.list-box a{text-decoration:none}.list-box ul li{margin-top:5px}.list-box.featured ul li{cursor:pointer;align-items:center;gap:.5em;margin-top:10px;display:flex}.header-container{text-align:center;width:100%}.header-container .technoinc-logo{background-image:url(/assets/technoinc-mc-CvqWs7ry.jpg);background-position:50%;background-size:cover;min-height:800px;position:relative}.technoinc-logo #linear-bg{background-color:#141e32b3;width:100%;height:100%;position:absolute}.technoinc-logo #title-img{opacity:0;width:70%;margin-top:5em;margin-bottom:5em;transition:transform 1s,opacity 1s;transform:translateY(100%)}.technoinc-logo .logo-title-text{text-align:left;opacity:0;color:#fff;margin-bottom:2em;padding:1em;transition:transform 1s,opacity 1s;transform:translateY(100%)}.logo-title-text h1{margin-bottom:.3em;font-family:Chelsea Market,Arial,Helvetica,sans-serif;font-size:2.3em}.logo-title-text p{font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:500;line-height:1.5em}.header-container ul{background-color:var(--dark-bg-color);justify-content:space-around;align-items:center;padding:1em;list-style:none;display:flex}.header-container a{color:#faecec;padding:1em;text-decoration:none}.header-container a:hover{background-color:#a5a6ac}@media screen and (width>=800px){.technoinc-logo{justify-content:center;align-items:center;display:flex}.technoinc-logo #title-img{width:40%;position:absolute;right:10%}.technoinc-logo .logo-title-text{width:35%;position:absolute;left:10%}.logo-title-text h1{font-size:5vw}.logo-title-text p{font-size:1.2vw}}.technoinc-def{margin-top:5em}.technoinc-def .what-is{margin-bottom:5em;padding:1em}.what-is h1{color:#00afff;margin-bottom:1em;font-family:Jost,Arial,Helvetica,sans-serif}.what-is p{font-family:Montserrat,Arial,Helvetica,sans-serif;line-height:1.5em}.technoinc-def .category-box .box-list{align-items:center;gap:15px;margin-bottom:1.5em;padding:1em;display:flex}.category-box span{aspect-ratio:1;color:#fff;background-color:#00afff;border-radius:50%;justify-content:center;align-items:center;width:15%;display:flex}.category-box span i{font-size:5vw}.category-box .activity-box{width:85%}.activity-box h3{color:#00afff;margin-bottom:.5em;font-family:Jost,Arial,Helvetica,sans-serif}.activity-box p{font-size:.95em}@media screen and (width>=900px){.technoinc-def{justify-content:space-around;align-items:flex-start;gap:20px;padding:0 5em;display:flex}.technoinc-def .what-is{width:50%}.what-is h1{margin-bottom:.5em;font-size:3em}.technoinc-def .category-box{width:50%}.category-box .box-list span{width:20%}.box-list span i{font-size:3vw}}.faq-container .story-box{background-color:#bebebe;border-left:3px solid #00afff;border-radius:5px;margin:10em 10px;padding:3em}.story-box h3{margin-bottom:1em}.story-box p{line-height:1.5em}.faq-container .faq-box{color:#fff;padding:.7em}.faq-box input[type=radio]{display:none}.faq-box h1{text-align:center;color:#00afff;margin-bottom:2em;font-family:Jost,Arial;font-size:2.1em}.faq-box .question-box label{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:2em;display:flex}.question-box label h3{max-width:80%;font-family:Jost,Arial}.question-box label i{color:#00afff;font-size:2em;transition:transform .3s;transform:rotate(0)}.question-box p{max-height:0;margin-bottom:0;font-size:.9em;line-height:1.5em;transition:max-height .3s,margin-bottom .3s;overflow:hidden}.question-box:has(input[type=radio]:checked) label i{transform:rotate(180deg)}.question-box:has(input[type=radio]:checked) p{max-height:400px;margin-bottom:50px}@media screen and (width>=700px){.faq-container .story-box{margin:10em 5em}.faq-box h1{font-size:5vw}.faq-container .faq-box{margin:0 5em}}@media screen and (width>=900px){.faq-container .story-box{margin:10em}.faq-box h1{font-size:5vw}.faq-container .faq-box{margin:0 10em}}footer{text-align:center;color:#fff;background-color:#000;padding:2em;font-weight:500;transform:translateY(100%)}footer p{font-weight:600}footer span{cursor:pointer;background-color:#00afff;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;margin:1em .5em .5em;transition:background-color .3s;display:inline-flex}footer span:hover,footer span:hover a{color:#00afff;background-color:#fff}footer a{color:#fff;font-size:1.5em;transition:color .3s}@media screen and (width>=750px){footer{justify-content:center;align-items:center;display:flex}footer p{margin-right:auto}}