.home-intro{display:flex;flex-direction:column;min-height:600px;max-height:"auto";width:100%;justify-content:center;align-items:center;gap:15px;background:linear-gradient(to right,#232327,#160129) center / cover no-repeat}.intro-link{text-decoration:underline;font-size:medium;margin-inline:10px}.intro-link:hover{color:purple;cursor:pointer}.home-intro-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.home-intro h1{padding:10px}.home-intro h2{margin-top:-30px;margin-bottom:10px}@media (max-width: 600px){.home-intro{min-height:600px;text-align:center}}.card{padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#adb5bd;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a}.card:hover{transform:translateY(-10px);box-shadow:0 10px 15px #0003}.children_container{display:flex;flex-direction:column;justify-content:center;align-items:center}.card_container{display:flex}@media (max-width: 600px){.card{min-width:150}}.scroll-up-button{position:fixed;bottom:5%;right:5%;z-index:100000;cursor:pointer;font-size:50px;font-weight:700}.scroll-up-button:hover{color:green}.scroll{font-size:50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#00f;transform:rotate(-90deg)}.pop-from-bottom{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:3s pop-from-bottom}.pop-from-bottom-before{visibility:hidden}@keyframes pop-from-bottom{0%{left:0;top:300px}25%{left:0;top:0}50%{left:0;top:40px}75%{left:0;top:0}to{left:0;top:0}}@keyframes rollout{0%{transform:translateY(200px)}to{transform:translateY(0)}}.animated{position:relative;animation-duration:4s;direction:rtl;overflow:hidden;cursor:pointer;align-items:center;padding:10px;box-shadow:4px 4px 4px 4px #a9a9a9}.box{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:30px;font-weight:500}.children{display:flex;flex-direction:column;direction:ltr;text-align:center;background-color:#adb5bd}.img-container{display:flex;height:400px;width:500px;justify-content:center;align-items:center}.img{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop-from-side{0%{right:0%;top:50%;bottom:50%}to{right:50%;top:50%}}.animatedHover{position:absolute;left:20px;right:20px;z-index:3;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:40px;animation:fadeIn 1s}.animated:after{position:absolute;bottom:0;left:0;right:0;top:0;opacity:.8;background-color:#3783dd;overflow:hidden;width:0;height:100%;content:"";transition:all .4s ease-out;-moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;cursor:pointer}.animated:hover:after{width:100%}@media (max-width: 600px){.img{min-height:50px;min-width:150px}.img-container{display:flex;min-height:50px;height:100%;width:100%}}.profession-grid{display:flex;justify-content:center;align-items:center;padding:15px}.cards-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.grid-image{border:4px solid cyan;height:600px;width:800px}@media (max-width: 600px){.grid-image{display:none}}.card-image{height:300px;max-width:500;width:100%}@media (max-width: 600px){.card-image{height:"50%";min-width:250px;width:100%}}.guide-card{height:400;width:500}.guide-image{height:300px;max-width:500;width:100%}.card-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15}@media (max-width: 600px){.guide-card{min-height:150px;min-width:100px;max-height:250px}.guide-image{height:"50%";min-width:250px;width:100%}}.joytech-home{height:100%;background:url(../../assets/pictures/computer.png) no-repeat fixed center / cover;font-family:Arial,sans-serif;color:#333;line-height:1.6}.pop_section{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:10px}.pop_image{min-height:400px;width:100%}.customers{background-color:#000}.joytech-footer{display:flex;flex-direction:column;align-items:center;justify-content:center}h1{text-align:center;font-size:90px}h2{text-align:center;font-size:xx-large}h3{text-align:center;font-size:large}.responsive-text{max-width:100%;padding:20px;text-align:center;font-size:8vw;color:#fff;font-style:italic}.responsive-text h1{font-size:2rem}.responsive-text p{font-size:1rem}.professions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.profession-card{display:flex;justify-content:center;align-items:center}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.App{display:flex;justify-content:center;align-items:center;height:250px}.autoscroll{background:linear-gradient(to right,#000ff0,#8a2be2);overflow:hidden}img:last-of-type{padding-left:0}.inner{position:relative;width:100%;overflow:hidden;height:400px}.wrapper{position:absolute;display:flex;width:100%}.customers{background:inherit}@media (max-width: 600px){.pop_image{min-height:150px;width:100%}.customers{visibility:hidden;display:none}}.link{color:#00f;text-decoration:underline}.auto-scroll-container{display:flex;flex-direction:column;overflow:hidden;justify-content:center;align-items:center;padding:15px}.auto-scroll{overflow:auto;border:1px solid #ccc;display:flex;flex-direction:column;gap:10}.auto-scroll:hover{animation-play-state:paused}@keyframes swipeUp{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (max-width: 600px){.auto-scroll{width:100%}}.footer{height:30px;align-items:center;justify-content:space-evenly}html{font-size:16px}body{font-size:1rem}ul{display:flex;flex-direction:column;gap:15px}li{font-size:20px}h1{font-size:50px}h2{font-size:40px}h3{font-size:30px}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.5rem}small{font-size:.875rem}button,input{font-size:1rem}.sidebar-item{cursor:pointer;transition:background-color .3s ease}.sidebar-item.highlight,.sidebar-item:hover{background-color:#3a3f47}.main{margin-inline-start:20%}@media (max-width: 600px){.side{margin-inline-start:0%;visibility:hidden}.main{margin-inline-start:0%}h1{font-size:30px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}