:root{--primary-color: #004aad;--search-background-color: rgba(110, 142, 251, .2);--gray-color: #535353}#root{max-width:100%;margin:0;background-color:#fff}body{width:100%;height:100vh;margin:0;background-color:#fff}.main-content{width:100%;display:flex;justify-content:start;align-items:start;transition:all .5s}.main-content.activeSidebar{margin-left:16rem}.content{width:83%}.content.home{width:100%}@media(max-width:1024px){.content{width:100%}}@media(max-width:600px){.content{width:100%}}.nav{width:100%;display:flex;justify-content:space-around;align-items:center;box-shadow:0 1px 1px #d7d7d7}.nav-main{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.6vw 11vw;background-color:#fff;color:#000;position:sticky;top:0;z-index:1000}.nav-left-content{display:flex;justify-content:center;align-items:center}nav .menu{display:none;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}.logo-image{width:13vw;height:4vw}.nav-right-content{display:flex;justify-content:space-between;align-items:center}nav ul{display:flex;margin-right:2vw}nav ul li{display:flex;text-decoration:none;color:#000;margin:0 1vw;border-radius:.5vw;font-size:1vw;font-weight:600;font-family:Open Sans,sans-serif;cursor:pointer}nav ul li:not(.active):hover{transform:translateY(-2px);color:#6e8efb}.active-link{color:var(--primary-color)!important;font-weight:600}.login-register-button{padding:1vw 3vw;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1vw;font-weight:600;cursor:pointer;transition:all .3s;font-family:Open Sans,sans-serif}.login-register-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6e8efb4d}.login-register-button-mobile{display:none;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:Open Sans,sans-serif}@media(max-width:1024px){.nav-main{width:100%;max-width:45rem;flex-direction:column;align-items:flex-start;padding:.8rem 1rem}.nav-left-content{width:100%}.nav-image-contener{flex:1;display:flex;align-items:center}nav .menu{display:flex}.logo-image{width:10rem;height:3rem;margin-left:10px}.login-register-button{display:none}.login-register-button-mobile{display:flex;padding:1rem 3rem;font-size:1.2rem}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center;margin:.5rem 1rem;font-size:1.2rem;font-weight:600;font-family:Open Sans,sans-serif;cursor:pointer}}@media(max-width:480px){.nav-main{flex-direction:column;align-items:flex-start;padding:.5rem 1rem}.nav-left-content{width:100%}.nav-image-contener{flex:1;display:flex;align-items:center}nav .menu{display:flex}.logo-image{width:7rem;height:2.5rem;margin-left:10px}.login-register-button{display:none}.login-register-button-mobile{display:flex;padding:.7rem 2rem;font-size:.9rem}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center;font-size:1rem}nav ul li a{margin:.2rem .5rem;color:#0f172a}}.intro-contener{padding:2vw 11vw 0;display:flex;justify-content:space-around;align-items:center}.intro-top-contener{display:flex;justify-content:space-around;align-items:center}.intro-content-contener{width:100%}.intro-text{font-size:1.8vw;font-weight:700;font-family:Open Sans,sans-serif;color:var(--primary-color)}.intro-subtext{font-size:1.1vw;margin-top:.7vw;color:#555;font-family:Open Sans,sans-serif}.intro-image-contener{width:100%;display:flex;justify-content:center;align-items:center}.intro-image{width:40vw;height:auto}.intro-button{padding:1vw 3vw;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1vw;font-weight:600;cursor:pointer;transition:all .3s;font-family:Open Sans,sans-serif;margin-top:2vw}.intro-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6e8efb4d}@media(max-width:1024px){.intro-contener{padding:0 1rem}.intro-top-contener{max-width:45rem;flex-direction:column;padding:2rem 0}.intro-content-contener{width:100%}.intro-text{font-size:1.8rem}.intro-subtext{font-size:1.2rem;margin-top:.7rem}.intro-image-contener{width:100%}.intro-image{margin-top:1rem;width:100%;display:flex}.intro-button{padding:1rem 3rem;font-size:1.2rem;margin-top:2rem}}@media(max-width:480px){.intro-top-contener{padding:2rem 0}.intro-text{font-size:1.3rem}.intro-subtext{font-size:1rem;margin-top:.7rem}.intro-button{padding:.8rem 2rem;font-size:1rem;margin-top:1rem}.intro-image{margin-top:2rem;width:100%;display:flex}}.services-main-contener{padding:2vw 11vw 0;display:flex;justify-content:space-around;align-items:center;flex-direction:column;flex-wrap:wrap}.services-top-text{font-size:1.8vw;font-weight:700;font-family:Open Sans,sans-serif;text-align:center;color:var(--primary-color)}.services-contener{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:2%;margin-top:1.5vw}.services-box{width:32%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1vw 0;border-radius:10px;transition:transform .3s ease;margin-top:1vw;background-color:#fff}.services-box:hover{transform:translateY(-5px);box-shadow:#64646f33 0 7px 29px}.services-image-box{padding:1vw;border-radius:10px;background-color:#f7f7f7}.services-image{width:4vw;height:4vw}.services-title{font-family:Open Sans,sans-serif;font-size:1.2vw;font-weight:700;margin-top:.7vw}.services-desc{padding:0 1vw;font-family:Open Sans,sans-serif;font-size:1vw;margin-top:.9vw;color:#555;text-align:center}@media(max-width:1024px){.services-main-contener{padding:2rem 1rem}.services-contener{justify-content:space-around;max-width:45rem}.services-box{width:48%;margin-top:1rem;padding:1rem 0 .5rem}.services-image-box{padding:1rem}.services-image{width:4rem;height:4rem}.services-title{font-size:1.5rem;margin-top:1rem}.services-desc{font-size:1.1rem}.services-top-text{font-size:1.8rem}}@media(max-width:600px){.services-main-contener{padding:2rem 1rem}.services-contener{justify-content:space-between}.services-box{width:100%;margin-top:.8rem;padding:1rem 0 .5rem}.services-image-box{padding:1rem}.services-image{width:3.5rem;height:3.5rem}.services-title{font-size:1.5rem;margin-top:1rem}.services-desc{font-size:1.1rem}.services-top-text{font-size:1.5rem}}.footer{background-color:#011627;color:#e0e0e0;padding:2vw 11vw;font-family:Open Sans,sans-serif;margin-top:2vw}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2vw}.footer-section{flex:1 1 20%;min-width:220px}.footer-section h3{font-size:1.2vw;margin-bottom:1vw;color:#fff}.footer-section p,.footer-section ul li{margin-bottom:.6vw;font-size:1vw;color:#bbb}.footer-section ul{list-style:none;padding:0}.footer-section ul li a{color:#bbb;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.social-icons{display:flex;margin-top:1vw;gap:.8vw}.social-icons a{color:#fff;font-size:1.3vw;transition:color .3s}.social-icons a:hover{color:#6e8efb}.footer-bottom{text-align:center;margin-top:2vw;font-size:.8vw;color:#999;border-top:.1vw solid #333;padding-top:1vw}@media(max-width:1024px){.footer{padding:2rem 1rem}.footer-container{align-items:flex-start}.footer-section{margin-bottom:2vw;min-width:31%}.social-icons{justify-content:flex-start;margin-top:1rem}.footer-section h3,.footer-section p,.footer-section ul li,.social-icons a,.footer-bottom{font-size:1.2rem}}@media(max-width:600px){.footer-section{margin-bottom:1rem;min-width:48%}.social-icons{justify-content:flex-start;margin-top:1rem}.footer-section h3,.footer-section p,.footer-section ul li,.social-icons a,.footer-bottom{font-size:1rem}}.about-contener{padding:2vw 11vw 0}.about-top-contener{display:flex;justify-content:space-between;align-items:center}.about-content-contener{width:100%}.about-text{font-size:1.8vw;font-weight:700;font-family:Open Sans,sans-serif;color:var(--primary-color)}.about-subtext{font-size:1.1vw;margin-top:.7vw;color:#555;font-family:Open Sans,sans-serif}.about-image-contener{width:100%;display:flex;justify-content:center;align-items:center}.about-image{width:30vw;height:auto}.about-button{padding:1vw 3vw;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1vw;font-weight:600;cursor:pointer;transition:all .3s;font-family:Open Sans,sans-serif;margin-top:2vw}.about-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6e8efb4d}@media(max-width:1024px){.about-contener{padding:0 1rem;display:none}.about-top-contener{flex-direction:column;padding:2rem 0}.about-content-contener{width:100%}.about-text{font-size:2.5rem}.about-subtext{font-size:1.2rem;margin-top:.7rem}.about-image-contener{width:100%}.about-image{display:none}}@media(max-width:480px){.about-top-contener{padding:2rem 0}.about-text{font-size:1.5rem}.about-subtext{font-size:1rem;margin-top:.7rem}}.work-main-contener{padding:2vw 11vw 0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-direction:column;box-sizing:border-box}.category-top-text{font-size:1.8vw;font-weight:700;font-family:Open Sans,sans-serif;text-align:center;color:var(--primary-color)}.work-top-sub-text{width:50%;font-size:1.2vw;font-family:Open Sans,sans-serif;text-align:center;margin-top:1vw;color:var(--gray-color)}.category-contener{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;box-sizing:border-box;gap:2%}.work-box{width:32%;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;border-radius:10px;transition:transform .3s ease;margin-top:1.5vw;box-shadow:#0000000d 0 0 0 1px}.work-box:hover{transform:translateY(-5px);box-shadow:#64646f33 0 7px 29px}.work-image{width:100%;height:14vw;object-fit:cover;border-radius:1vw}@media(max-width:1024px){.work-main-contener{width:100%;padding:2rem 1rem}.category-contener{max-width:45rem;justify-content:space-around}.category-box{width:48%;margin-top:1rem;padding:1rem 0 .5rem}.category-top-text{font-size:1.8rem}.work-top-sub-text{width:60%;font-size:1.1rem;margin-top:1rem}.work-box{width:48%;margin-top:1.5rem}.work-image{height:13rem;border-radius:1rem}}@media(max-width:600px){.category-main-contener{padding:2rem 1rem}.category-contener{justify-content:space-between}.work-top-sub-text{width:90%;font-size:1rem}.category-box{width:48%;margin-top:.8rem;padding:1rem 0 .5rem}.category-top-text{font-size:1.5rem}.work-box{width:100%;margin-top:1.5rem}.work-image{height:13rem;border-radius:1rem}}.cr-main-contener{padding:2vw 11vw 0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-direction:column}.cr-top-text{font-size:1.8vw;font-weight:700;font-family:Open Sans,sans-serif;text-align:center;color:var(--primary-color)}.cr-top-sub-text{width:60%;font-size:1.2vw;font-family:Open Sans,sans-serif;text-align:center;margin-top:1vw;color:var(--gray-color)}.cr-contener{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:2%;margin-top:1vw}.cr-box{width:32%;padding:1vw;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;transition:transform .3s ease;margin-top:1.5vw;box-shadow:#0000000d 0 0 0 1px}.cr-box:hover{transform:translateY(-5px);box-shadow:#64646f33 0 7px 29px}.cr-profile-box{width:100%;display:flex;justify-content:start;align-items:center}.cr-image{width:4vw;height:4vw;border-radius:50%;object-fit:cover}.cr-name{font-size:1.5vw;font-weight:700;font-family:Open Sans,sans-serif;text-align:center;margin-left:1vw}.cr-rating-box{padding:.2vw 1vw}.cr-company{width:100%;font-size:1.2vw;font-weight:700;font-family:Open Sans,sans-serif;margin-top:1vw}.cr-review{width:100%;font-size:1.1vw;font-family:Open Sans,sans-serif;margin-top:1vw;margin-bottom:.5vw;color:var(--gray-color)}@media(max-width:1024px){.cr-main-contener{padding:2rem}.cr-top-text{font-size:1.8rem}.cr-top-sub-text{width:80%;font-size:1.1rem;margin-top:1rem}.cr-contener{width:100%;max-width:45rem;gap:2%;margin-top:1rem}.cr-box{width:48%;padding:1rem;margin-top:1.5rem}.cr-image{width:4rem;height:4rem}.cr-name{font-size:1.5rem;margin-left:1rem}.cr-rating-box{padding:.2rem 1rem}.cr-company{width:100%;font-size:1.2rem;margin-top:1rem}.cr-review{width:100%;font-size:1.1rem;margin-top:1rem;margin-bottom:.5rem}}@media(max-width:600px){.cr-main-contener{padding:1rem}.cr-top-sub-text{display:none}.cr-contener{width:100%;max-width:45rem;gap:2%;margin-top:1rem}.cr-box{width:100%;padding:1rem;margin-top:1.5rem}.cr-image{width:4rem;height:4rem}.cr-name{font-size:1.5rem;margin-left:1rem}.cr-rating-box{padding:.2rem 1rem}.cr-company{width:100%;font-size:1.2rem;margin-top:1rem}.cr-review{width:100%;font-size:1.1rem;margin-top:1rem;margin-bottom:.5rem}}.contact-main{width:100%;padding:2vw 11vw;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-title{font-size:1.8vw;font-weight:700;font-family:Open Sans,sans-serif}.contact-contener{width:100%;margin-top:2vw;display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;gap:2%}.contact-content-contener,.contact-form-contener{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-image{width:100%;height:auto}.register-form{width:100%;padding:1vw;box-sizing:border-box;border-radius:10px;overflow:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a777e3 #f0f0f0}h2{color:#333;margin-bottom:1.5vw;text-align:center;font-size:1.8vw;font-family:Open Sans,sans-serif}.form-group{margin-bottom:1vw}.register-label{display:block;margin-bottom:.5vw;font-size:1vw;color:#555;font-weight:500;font-family:Open Sans,sans-serif}.register-input{width:100%;padding:1vw;border:1px solid #ddd;border-radius:6px;font-size:1vw;transition:border-color .3s;overflow:hidden;box-sizing:border-box;font-family:Open Sans,sans-serif}.register-input-decs{width:100%;height:10vw;padding:1vw;border:1px solid #ddd;border-radius:6px;font-size:1vw;transition:border-color .3s;overflow:hidden;box-sizing:border-box;font-family:Open Sans,sans-serif}.register-input:focus{border-color:#6e8efb;outline:none;box-shadow:0 0 0 3px #6e8efb33}.auth-button{width:100%;padding:1vw;background:linear-gradient(to right,#6e8efb,#a777e3);color:#fff;border:none;border-radius:6px;font-size:1vw;font-weight:600;cursor:pointer;transition:all .3s;margin-top:2vw;font-family:Open Sans,sans-serif}.auth-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6e8efb4d}.auth-toggle{margin-top:1.5vw;text-align:center;color:#666;font-size:1vw;font-family:Open Sans,sans-serif}.auth-toggle span{color:#6e8efb;cursor:pointer;font-weight:600;transition:color .2s;font-size:1vw;font-family:Open Sans,sans-serif}.auth-toggle span:hover{color:#a777e3;text-decoration:underline}@media(max-width:768px){.contact-content-contener{display:none}.register-form{padding:1rem 2rem 0;max-width:80%;max-height:80vh}.contact-title{font-size:1rem;margin-top:2rem}.form-group{margin-bottom:1rem}.register-label{margin-bottom:.5rem;font-size:1rem}.register-input{padding:1rem;font-size:1rem}.register-input-decs{padding:1rem;font-size:1rem;height:10rem}.auth-button{padding:1rem;font-size:1rem;margin-top:2rem}.auth-toggle{margin-top:1.5rem;font-size:1rem}.auth-toggle span{font-size:1rem}}@media(max-width:480px){.contact-main{width:100%;padding:0}.contact-contener{padding:0 2rem}.register-form,.register-input-decs{padding:.5rem 1rem 0;max-width:100%}}