#btn-mobile{display:none}@media (max-width:998px){#menu{display:block;position:absolute;background:var(--bg-color);width:0;top:0;left:0;height:0;transition:.6s;z-index:5;visibility:hidden;overflow-y:hidden}#btn-mobile{display:flex;padding:.5rem 1rem;border:none;font-size:1rem;background-color:transparent;cursor:pointer}#nav.active #menu{visibility:visible;height:100%;width:50%;overflow-y:auto}#nav.active body{opacity:.4!important}header{margin:34px 40px;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}header .firstContent{padding:20px!important;margin-top:40px;display:flex;flex-direction:column;align-items:flex-start}header .firstContent .dropdown{position:relative!important;top:0!important;left:0!important;display:flex;flex-direction:column;align-items:flex-start!important}header .firstContent .dropdown .list{background:0 0;flex-direction:column;align-items:flex-start;display:none;margin-top:10px;padding:10px 0 0 0!important;max-width:100px!important;height:fit-content!important;position:relative!important;top:0!important;right:0;border-radius:10px}header .firstContent .dropdown .list .calendar,header .firstContent .dropdown .list .company,header .firstContent .dropdown .list .reminders{width:100%}header .firstContent .dropdown2{display:flex;flex-direction:column;top:0!important;position:relative!important;left:0!important;margin-top:30px;align-items:flex-start!important}header .firstContent .dropdown2 .list2{background:0 0;display:none;margin-top:10px;padding:10px 0 0 0!important;max-width:100px!important;height:fit-content!important;position:relative!important;left:0!important;top:0!important}header .firstContent .dropdown2 .list2 .Blog,header .firstContent .dropdown2 .list2 .OurTeam{margin-top:20px}header .firstContent .carrer{position:relative!important;top:25px!important;left:0!important}header .firstContent .About a,header .firstContent .carrer a{text-decoration:none!important}header .firstContent .About{position:relative!important;left:0!important;top:45px!important}header .secondContent{margin-top:50px!important;display:flex;flex-direction:column;align-items:center;gap:0!important}header .secondContent #button{gap:4px!important;width:100%;font-size:14px!important}header .secondContent #button #icon{width:25px}header .secondContent .login{margin-top:15px}header .secondContent .register{width:100%!important;margin-top:15px}}body main{max-width:90rem;margin:0 auto}body main header{margin:2.125rem 2.5rem;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}body main header .firstContent .logo{max-width:5.2188rem;width:100%;height:1.6612rem;position:absolute;top:0;left:0}body main header .firstContent .dropdown{position:absolute;top:1.25rem;left:9.125rem;align-items:center}body main header .firstContent .dropdown .list{display:none;padding:1.5rem;width:9.5625rem;height:10rem;position:absolute;top:2rem;right:0;border-radius:.625rem}body main header .firstContent .dropdown .list .calendar,body main header .firstContent .dropdown .list .company,body main header .firstContent .dropdown .list .reminders{width:100%;margin-top:1.0625rem}body main header .firstContent .dropdown .list a{text-decoration:none;font-style:normal;font-weight:500;font-size:.875rem;line-height:1rem}body main header .firstContent .dropdown2{position:absolute;top:1.25rem;left:17.375rem;align-items:center}body main header .firstContent .dropdown2 .list2{display:none;padding:1.25rem 1.875rem 1.25rem 1.25rem;position:absolute;left:0;top:2rem;width:7.25rem;height:8rem;border-radius:.625rem}body main header .firstContent .dropdown2 .list2 .Blog,body main header .firstContent .dropdown2 .list2 .OurTeam{margin-top:.625rem}body main header .firstContent .dropdown2 .list2 a{text-decoration:none;font-style:normal;font-weight:500;font-size:.875rem;line-height:1rem}body main header .firstContent .dropdown button,body main header .firstContent .dropdown2 button{font-style:normal;font-weight:500;font-size:.875rem;line-height:1rem;background:0 0;gap:.5rem;border:none;outline:0}body main header .firstContent .carrer{position:absolute;top:1rem;left:26.125rem}body main header .firstContent .About a,body main header .firstContent .carrer a{text-decoration:none!important;font-style:normal;font-weight:500;font-size:.875rem;line-height:1rem}body main header .firstContent .About{position:absolute;left:32.5rem;top:1rem}body main header .secondContent{margin:.625rem;display:flex;align-items:center;gap:2.5rem}body main header .secondContent #button{background-color:transparent;gap:.625rem;align-items:center;display:flex;width:8.75rem;height:2.5rem;border:none;outline:0}body main header .secondContent #button #icon{width:1.875rem}body main header .secondContent .login{font-style:normal;font-weight:500;font-size:.875rem;line-height:1rem}body main header .secondContent .login,body main header .secondContent .register{text-decoration:none}body main header .secondContent .register{width:6.5rem;padding:.8125rem;text-align:center;height:2.625rem;font-style:normal;font-weight:500;font-size:.875rem;line-height:1rem}body .mainContent{padding:4.375rem 0 1.25rem 0!important;gap:5rem;width:100%;flex-direction:row!important}body .mainContent .text .content{position:relative;max-width:32.5rem;width:100%!important;height:25rem}body .mainContent .text .content .center{gap:2.375rem;align-items:flex-start}body .mainContent .text .content .center h1{font-style:normal;font-weight:700;font-size:5rem;line-height:5rem;letter-spacing:-.0694rem}body .mainContent .text .content .center p{font-style:normal;font-weight:500;font-size:1.125rem;line-height:1.75rem}body .mainContent .text .content .center .btn{width:10.1875rem;height:3.5rem;background-color:transparent;border-radius:.9375rem;font-style:normal;font-weight:700;font-size:1.125rem;line-height:1.75rem;padding:.9375rem}body .mainContent .text .imgs{position:absolute;bottom:-7.5rem;display:flex;gap:12%}body .mainContent .img .heroImage{height:40rem;width:30rem}body p{gap:.625rem}@media (max-width:75rem){body main header .firstContent .dropdown{left:7.25rem}body main header .firstContent .dropdown2{left:14.25rem}body main header .firstContent .carrer{left:21.75rem}body main header .firstContent .About{left:27.5rem}body main header .secondContent{gap:1.25rem}body main .mainContent{padding:0 0 1.25rem 0!important;gap:5rem;width:100%}body main .mainContent .text .content{position:relative;width:32.5rem;height:25rem}body main .mainContent .text .content .center{gap:1.125rem}body main .mainContent .imgs{margin-top:1.25rem;position:relative!important;bottom:0!important}}@media (max-width:62rem){.container{margin:0!important;padding:0!important}.container-fluid{margin:0!important}body{padding:0!important}body main{padding:0!important;width:100%!important}body main header{position:unset!important;display:flex;justify-content:space-between;margin:0!important;padding:2rem 1.25rem!important}body main .mainContent{padding:4.375rem 0 1.25rem 0!important;gap:5rem;width:100%;flex-direction:column-reverse!important;align-items:center}body main .mainContent .text .content{height:auto!important}body main .mainContent .text .content .center{width:100%!important;gap:1.75rem;align-items:center!important;padding:0 1.25rem}body main .mainContent .text .content .center h1{font-style:normal;font-weight:700;font-size:2.25rem;line-height:2.625rem;text-align:center}body main .mainContent .text .content .center p{font-style:normal;font-weight:500;font-size:1rem;line-height:1.625rem;text-align:center}body main .mainContent .text .content .center .btn{max-width:10.1875rem;width:100%}body main .mainContent .text .imgs{position:relative!important;bottom:0!important;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;margin:1.25rem 0}body main .mainContent .img .heroImage{height:auto;width:100%;max-width:38.75rem}}