body{width:100%;overflow-x:hidden;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.header{width:89%;height:80px;background-color:#fff;padding:20px;display:flex;margin:40px 70px 0;justify-content:space-between;z-index:999999!important;position:relative;transition:width 1s ease,margin 1s ease;position:fixed;box-shadow:0 0 30px #00000014}.header.scrolled{width:100%;margin:0}.iconTitle{display:flex;margin-left:30px}.icon{margin-top:-.8vh;width:50px;height:50px;align-items:center;justify-content:center;background:#fff!important;color:#00b98e;border-radius:50px;border:1px dashed!important;margin-right:8px}.logo{margin-left:9px;margin-top:9px;width:30px;height:30px}.title{color:#0e2e50;font-weight:700;font-size:40px;line-height:40px}.navlinks nav{display:flex}.navlinks nav a{margin-right:40px;text-decoration:none;color:#000;line-height:40px;font-size:14px}.navlinks nav a:hover{color:#00b98e}.property,.pages{margin-right:40px;text-decoration:none;color:#000;line-height:40px;font-size:14px;cursor:pointer}.property:hover,.pages:hover{color:#0e2e50}.addProperty{background-color:#0e2e50;border:#0E2E50;color:#fff;width:130px;height:35px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .4s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.addProperty:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#00b98e;z-index:0;transition:width .4s ease}.addProperty:hover:before{width:100%}.addProperty span{position:relative;z-index:1}.propertyBox a{text-decoration:none;color:#000;font-size:14px;background-color:transparent!important}.propertyBox a:hover{width:230px!important;height:30px!important;color:#00b98e;background-color:transparent!important}.dropdownIcon{position:absolute;top:8px;margin-left:-.5vw}.pagesBox a{text-decoration:none;color:#000;font-size:14px;background-color:transparent!important}.pagesBox a:hover{width:230px!important;height:30px!important;color:#00b98e;background-color:transparent!important}.dropdownWrapper{position:relative}.propertyBox,.pagesBox{position:absolute;top:149.1%;left:0;max-height:0;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:left;transition:max-height .4s ease,padding .4s ease,opacity .4s ease;z-index:1000;opacity:0}.propertyBox{width:170px}.pagesBox{width:130px}.propertyBox.open,.pagesBox.open{max-height:200px;padding:10px;opacity:1}.active-link{color:#00b98e!important}.hero{width:100%;height:100vh;position:absolute;display:grid;grid-template-columns:47% 53%}.leftHero{margin-top:175px;padding-left:50px}.leftHero h1{font-weight:bolder;font-size:50px;color:#0e2e50;margin-bottom:1.5rem!important;animation:slideDown 2s ease}.leftHero .start{position:relative;overflow:hidden;width:160px;height:60px;background-color:#0e2e50;color:#fff;border-radius:5px;border:#0E2E50;font-size:16px;cursor:pointer;transition:color .4s ease;display:flex;align-items:center;justify-content:center}.leftHero .start:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#00b98e;z-index:0;transition:width .4s ease}.leftHero .start:hover:before{width:100%}.leftHero .start span{position:relative;z-index:1}.intro{color:#666565;line-height:1.5;margin-bottom:1.5rem!important;animation:slideRight 2s ease}.rightHero{width:100%;background-color:transparent}.leftRightIcons{margin-top:260px;margin-left:-1.7vw}.leftIconCover{width:50px;height:50px;border-radius:50%;background-color:#0e2e50;display:flex;align-items:center;justify-content:center;margin-bottom:20px;margin-left:100px;position:relative;cursor:pointer;overflow:hidden;transition:background-color .4s ease;z-index:1}.leftIconCover:before{content:"";position:absolute;top:0;right:0;height:100%;width:0;background-color:#00b98e;border-radius:50%;transition:width .4s ease;z-index:0}.leftIconCover:hover:before{width:100%}.leftIcon{position:relative;z-index:1}.rightIconCover{position:relative;display:flex;overflow:hidden;width:50px;height:50px;border-radius:50%;background-color:#0e2e50;align-items:center;justify-content:center;cursor:pointer;transition:background-color .4s ease;margin-left:75px;z-index:1}.rightIconCover:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#00b98e;border-radius:50%;transition:width .4s ease;z-index:0}.rightIconCover:hover:before{width:100%}.rightIcon{position:relative;z-index:1}.heroImage{width:100%;height:100%;background-size:cover;background-position:center;margin-top:-65vh;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.search{width:100%;height:130px;background-color:#0e2e50;position:relative;top:99.9vh;padding:35px 70px;align-items:center;justify-content:center;display:flex}.searchBox{width:300px;height:60px;background-color:#fff;border-radius:5px;border:white;padding:20px 10px;margin-right:10px}.searchBox::placeholder{font-size:16px}.propertyType,.location{width:300px;height:60px;background-color:#fff;border-radius:5px;border:white;font-size:16px;color:#666565;padding:20px 10px;margin-right:10px;cursor:pointer}.searchBtn{width:180px;height:60px;background-color:#00b98e;color:#fff;border-radius:5px;border:#00B98E;font-size:16px;cursor:pointer}.scrollUp{width:48px;height:48px;border-radius:50%;background-color:#0e2e50;justify-content:center;align-items:center;position:fixed;margin-top:61.5vh;margin-left:91.5vw;cursor:pointer;display:none;z-index:9999;overflow:hidden}.scrollUp:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#00b98e;border-radius:50%;transition:height .5s ease;z-index:0}.scrollUp:hover:before{height:100%}.upIcon{position:relative;margin-top:7.5px;margin-left:8px;z-index:1}.scrollUp.scrolled{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-30vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30vw)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30vw)}to{opacity:1;transform:translate(0)}}.propertyTypes{margin:115vh 70px 0}.heading{font-weight:700;font-size:40px;color:#0e2e50;text-align:center;margin-bottom:1.5rem!important}.headingContent{color:#666565;line-height:1.5;text-align:center;margin-bottom:1.5rem!important}.types{display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:20px;grid-row-gap:20px}.type{width:100%;height:225px;background-color:#00b98e10;border-radius:5px;justify-content:center;align-items:center!important;position:relative;cursor:pointer;animation:slideUp 4s ease forwards}.headingCover{animation:slideUp 4s ease forwards}.typeMainOne,.typeMainTwo,.typeMainThree,.typeMainFour,.typeMainFive,.typeMainSix,.typeMainSeven,.typeMainEight{width:85%;height:85%;background-color:#fff;position:absolute;top:16.875px;left:20px;border:1px dashed #00b98e4e!important;border-radius:5px;padding:25px;transition:background-color .5s ease}.type:hover .typeMainOne,.type:hover .typeMainTwo,.type:hover .typeMainThree,.type:hover .typeMainFour,.type:hover .typeMainFive,.type:hover .typeMainSix,.type:hover .typeMainSeven,.type:hover .typeMainEight{background-color:#0e2e50}.type:hover .iconName,.type:hover .number{color:#fff}.iconCover{width:80px;height:80px;border-radius:50%;border:1px dashed #00B98E!important;margin-left:45px;margin-bottom:15px;background-color:#fff}.image{margin-top:15px;margin-left:16px}.iconName{font-size:16px;font-weight:700;color:#0e2e50;text-align:center;margin-bottom:10px;transition:color .5s ease}.number{text-align:center;color:#0e2e50;transition:color .5s ease}@keyframes slideUp{0%{transform:translateY(10vh);opacity:0}to{transform:translateY(0);opacity:1}}.perfectProperty{margin:15vh 70px 0;display:grid;grid-template-columns:auto auto;grid-column-gap:240px}.perfectOne,.perfectTwo{height:520px}.perfectTwo{padding-top:80px}.bg-shape{width:300px;height:100%;background-color:#0e2e50;clip-path:polygon(0 0,170px 0,100% 100%,0% 100%);position:relative}.perfectImage{width:450px;height:75%;margin-left:50px;margin-top:-81.9vh!important;z-index:9;position:absolute!important}.perfectTwoTitle{font-weight:700;font-size:40px;color:#0e2e50;margin-bottom:1.5rem!important}.perfectTwoIntro{color:#666565;line-height:1.5;margin-bottom:1.5rem!important}.checks{position:relative}.checks p{color:#666565;line-height:1.5;margin-bottom:1rem!important;margin-left:30px}.check{position:absolute;top:3px}.readMore{width:180px;height:60px;background-color:#0e2e50;color:#fff;border-radius:5px;border:none;font-size:16px;cursor:pointer;transition:background-color .4s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.readMore:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#00b98e;z-index:0;transition:width .4s ease}.readMore:hover:before{width:100%}.readMore span{position:relative;z-index:1}.propertyListing{margin:120px 70px 0;width:89%}.titleMain{font-weight:700;font-size:40px;color:#0e2e50;text-align:left;margin-bottom:1.5rem!important;transform:translate(-500px);opacity:0;transition:all 2s ease}.content-types{display:flex;position:relative}.content{color:#666565;line-height:1.5;text-align:left;margin-bottom:3rem!important;transform:translate(-300px);opacity:0;transition:all 2s ease}.types-one{width:90px;height:40px;text-align:center!important;line-height:40px;background-color:#00b98e;border:1px solid #00B98E;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;margin-right:15px;transition:background-color .5s ease}.types-two{width:80px;height:40px;text-align:center!important;line-height:40px;background-color:#fff;border:1px solid #00B98E;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;margin-right:15px;transition:background-color .5s ease}.types-three{width:90px;height:40px;text-align:center!important;line-height:40px;background-color:#fff;border:1px solid #00B98E;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;transition:background-color .5s ease,color .5s ease}.types-main{position:absolute;top:2px;margin-left:100%;display:flex;opacity:0;transition:all 2s ease}.types-one:hover,.types-two:hover,.types-three:hover,.types-two.for-sell,.types-three.for-rent{background-color:#00b98e;color:#fff}.types-one.featured-false{background-color:#fff;color:#00b98e}.types-one.featured-false:hover,.types-one.featured-true{background-color:#00b98e;color:#fff}.property-types{width:100%;display:grid;grid-template-columns:auto auto auto!important;gap:20px}.p-types{width:100%;height:400px;background-color:#00b98e;border-radius:5px;padding:0;box-shadow:0 0 30px #00000014;overflow:hidden!important;position:relative;margin-top:50px;transition:all 2s ease}.p-types:hover .type-image{transform:scale(1.2)}.type-image{width:100%;height:60%;background-size:cover;background-position:center;object-fit:cover;position:absolute;transition:transform .4s ease;cursor:pointer}.other{width:100%;height:50%;margin-top:66%;background-color:#fff;z-index:9!important;position:absolute;padding-top:15px;padding-left:25px}.rent-sell{width:90px;height:35px;text-align:center!important;line-height:35px;background-color:#00b98e;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;position:absolute;top:-37vh;left:25px}.visible{opacity:1;transform:translate(0)!important}.visible-two{margin-left:74.1%;opacity:1}.visible-three{margin-top:0;opacity:1}.house-type{width:100px;height:35px;text-align:center!important;line-height:35px;background-color:#fff;border:none;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;position:absolute;top:-5.3vh;left:25px}.house-type-villa{width:60px;height:35px;text-align:center!important;line-height:35px;background-color:#fff;border:none;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;position:absolute;top:-5.3vh;left:25px}.house-type-office{width:70px;height:35px;text-align:center!important;line-height:35px;background-color:#fff;border:none;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;position:absolute;top:-5.3vh;left:25px}.house-type-building{width:90px;height:35px;text-align:center!important;line-height:35px;background-color:#fff;border:none;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;position:absolute;top:-5.3vh;left:25px}.house-type-home{width:70px;height:35px;text-align:center!important;line-height:35px;background-color:#fff;border:none;border-radius:5px;color:#00b98e;font-size:16px;cursor:pointer;position:absolute;top:-5.3vh;left:25px}.price-tag{color:#00b98e;font-size:21px;margin-bottom:.8rem}.house-desc{font-size:20px;margin-bottom:-1vh;cursor:pointer;transition:all .4s ease}.house-desc:hover{color:#00b98e}.location-display{display:flex;margin-bottom:-2vh;margin-top:15px;margin-left:8px}.location-icon{margin-left:-.8vw;margin-right:5px}.location-display p{margin-top:-.1vh;font-size:16px;color:#666565}.size-bed-bath{width:362px;height:30px;margin-top:27px;border-top:1px dashed #00b98e6b;margin-left:-1.95vw!important;display:grid;grid-template-columns:auto auto auto}.bed,.bath{width:100%;height:42px;border-left:1px dashed #00b98e6b}.sqft-icon,.bath-icon,.bed-icon{margin-top:11px;margin-left:27px}.size-bed-bath p{margin-top:-3.3vh;margin-left:50px;font-size:14px;color:#666565}.browse-more{width:250px;height:60px;background-color:#00b98e;color:#fff;border-radius:5px;border:#00B98E;font-size:16px;cursor:pointer;margin:20px 0 100px 39%;transition:background-color .4s ease}.browse-more:hover{background-color:#0e2e50}.agentCover{height:75vh;background-color:#00b98e10;margin:0 70px 100px;width:89%;padding:15px;border-radius:5px}.agent{border-radius:5px;width:100%;height:100%;border:1px dashed #00b98e6b;background-color:#fff;padding:25px;display:flex}.certifiedAgent-image{width:50%;height:100%;border-radius:5px;margin-right:50px;background-size:cover;background-position:center}.agent-other{padding:50px 7px 0 0}.agent-other h1{font-weight:700;font-size:42px;color:#0e2e50;margin-bottom:1.5rem!important}.agent-other p{font-size:16px;color:#666565;line-height:1.5}.whatsapp-appointment{display:grid;grid-template-columns:auto auto;margin-top:20px}.whatsapp-btn{width:200px;height:60px;text-align:right;line-height:60px;background-color:#00b98e;color:#fff;border-radius:5px;border:#00B98E;font-size:15px;transition:background-color .4s ease;position:relative;padding-right:14px;cursor:pointer}.appointment-btn{width:200px;height:60px;text-align:right;line-height:60px;background-color:#0e2e50;color:#fff;border-radius:5px;border:#00B98E;font-size:16px;transition:background-color .4s ease;position:relative;padding-right:17px;cursor:pointer}.whatsapp-btn:hover{background-color:#0e2e50}.appointment-btn:hover{background-color:#00b98e}.whatsapp-icon{position:absolute;top:18px;left:13px}.calendar-icon{position:absolute;top:18.5px;left:14px}.propertyAgent{width:89%;margin:0 70px 100px}.propertyAgent h1{font-weight:700;font-size:42px;color:#0e2e50;margin-bottom:1.5rem!important;text-align:center}.agent-desc{font-size:16px;color:#666565;line-height:1.5;text-align:center}.agents{width:100%;display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:20px;margin-top:50px}.agent-one,.agent-two,.agent-three,.agent-four{width:100%;height:64vh;background-color:#fff;box-shadow:0 0 30px #00000014;position:relative}.agent-image{width:100%;height:70%;background-size:cover;background-position:center}.agent-socials{display:flex;position:absolute;left:25%;top:64.5%;gap:8px}.agent-socials-cover{width:38px;height:38px;border-radius:50%;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 0 30px #00000026;cursor:pointer;position:relative;transition:background-color .4s ease}.agent-socials-cover:hover{background-color:#00b98e}.agent-socials-cover:hover .agent-socials-image{color:#fff!important}.agent-socials-image{position:absolute;top:10.5px;left:11.5px;transition:background-color .4s ease}.agents h3{text-align:center;color:#0e2e50;margin-top:40px}.agents p{font-size:14px;color:#666565;line-height:1.5;text-align:center}.client-title{font-weight:700;font-size:42px;color:#0e2e50;margin-bottom:1.5rem!important;text-align:center}.client-desc{font-size:16px;color:#666565;line-height:1.5;text-align:center}.client-reviews{width:89%;margin:0 70px 100px}.client-reviews-main{display:flex;width:87%;justify-self:center;margin-top:-20vh;overflow:hidden;gap:20px;box-sizing:border-box;align-items:stretch;position:relative}.client-review-one,.client-review-two,.client-review-three{flex:0 0 49%;width:50%;height:35vh;background-color:#00b98e10;border-radius:5px;padding:15px;box-sizing:border-box;overflow:hidden;display:block}.client-review-three{display:none}.nav-icons{position:relative;width:96%;display:flex;margin-top:20vh}.left-icon-cover,.right-icon-cover{width:40px;height:40px;border-radius:50%;background-color:#00b98e;cursor:pointer;transition:background-color .4s ease}.right-icon-cover{position:absolute;left:100%}.left-icon,.right-icon{margin-top:3px;margin-left:4px}.left-icon-cover:hover,.right-icon-cover:hover{background-color:#0e2e50}.review-one-inside,.review-two-inside,.review-three-inside{border-radius:5px;width:100%;height:100%;border:1px dashed #00b98e6b;background-color:#fff;padding:15px;box-sizing:border-box;transform:translate(0);opacity:1;position:relative;z-index:1;overflow:hidden}.client-reviews-main .review{font-size:16px;color:#666565;line-height:1.5}.client-identity{display:flex}.client-reviews-main img{width:45px;height:45px;border-radius:5px;margin-top:12px;background-size:cover;background-position:center}.name-proff{margin-top:12px;padding-left:1rem}.name-proff h6{font-size:1rem;font-weight:700;color:#0e2e50;margin-bottom:.5rem}.name-proff p{font-size:.875em;color:#666565}.slide-in-right{animation:slideInRight .5s forwards;z-index:3}.slide-in-left{animation:slideInLeft .5s forwards;z-index:3}.slide-out-left{animation:slideOutLeft .5s forwards;z-index:2}.slide-out-right{animation:slideOutRight .5s forwards;z-index:2}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.footer{width:100%;height:70vh;background-color:#0e2e50;padding:100px 70px 30px}.footer-main{width:100%;height:100%;display:flex}.get-in-touch,.quick-links,.photo-gallery,.newsletter{width:100%;height:35vh}.footer-main h3{font-size:1.25rem;color:#fff}.get-in-touch-other,.quick-links-other,.newsletter-other{margin-top:25px}.get-in-touch-other p{font-size:1rem;color:#ffffff80;margin-bottom:1rem;margin-left:15px}.details{display:flex}.social-media{display:flex;gap:7px}.twitter-outline,.facebook-outline,.youtube-outline,.linkedin-outline{width:35px;height:35px;border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;position:relative;transition:all .4s ease}.twitter-outline:hover,.facebook-outline:hover,.youtube-outline:hover,.linkedin-outline:hover{background-color:#fff}:is(.twitter-outline:hover,.facebook-outline:hover,.youtube-outline:hover,.linkedin-outline:hover) .social-media-icon{color:#00b98e!important}.social-media-icon{position:absolute;top:8px;left:8.3px;transition:all .4s ease}.details-two{display:flex;position:relative;cursor:pointer;margin-bottom:1rem;transition:all .4s ease}.details-two:hover{letter-spacing:1px}.details-two p{font-size:.9rem;color:#ffffff80;margin-left:15px;position:absolute;left:5px;top:-.5vh}.photo-gallery-other{display:grid;width:100%;grid-template-columns:auto auto auto;grid-gap:10px;margin-top:25px}.photo{width:100%;height:10vh;border-radius:5px;border:4px solid white;cursor:pointer;transition:all .4s ease}.photo:hover{border:4px solid #00B98E}.photo img{width:100%;height:100%;background-size:cover;background-position:center}.quick-links{margin-left:30px}.photo-gallery{margin-left:-3vw}.newsletter{margin-left:50px}.newsletter-other p{font-size:1rem;color:#ffffff80}.quick-sign-up{margin-top:20px;width:85%;height:60px;background-color:transparent;border:1px solid rgba(255,255,255,.5);border-radius:5px;align-content:center;position:relative}.quick-sign-up input{background-color:transparent;border:none;width:100%;height:100%;margin-right:0;transition:all .4s ease;position:relative;color:#ffffff80;font-size:12px;padding-left:10px;padding-right:95px}.quick-sign-up input::placeholder{font-size:12px;color:#ffffff80;position:absolute;left:5%}.quick-sign-up input:focus{border:3px solid #00B98E}.quick-sign-up button{position:absolute;width:75px;height:40px;border-radius:5px;background-color:#00b98e;border:none;left:64%;top:15.5%;color:#fff;font-size:1rem;cursor:pointer}hr{margin-top:-6.5vh;border:.01vh solid rgba(255,255,255,.5)}.last{margin-top:25px;display:flex;justify-content:space-between}.last-one{width:60%}.last span{color:#ffffff80}.last a{text-decoration:none;color:#fff}.last-two{width:40%;display:flex;justify-content:flex-end}.partition{position:relative}.last-two a{margin-right:40px}.last-two hr{transform:rotateY(90);height:20px;position:absolute;top:37px;left:-1.6vw}.login-box{width:100%;height:100vh!important;background-size:cover;background-position:center;position:relative;overflow:hidden}.login-box-main{width:30vw;height:76.1vh;background-color:#fff!important;border-radius:5px;position:relative;top:22vh;padding:20px 15px 4px;margin-left:64.5%;box-shadow:0 0 30px #000c;animation:slideInRight 3s ease;overflow-y:scroll}.login-box-main *{position:relative;z-index:1}.login-box-main .login-title{color:#0e2e50;margin-bottom:.5rem!important;animation:slideDown 2s ease;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.login-desc{color:#666565;line-height:1.5;margin-bottom:1rem!important;font-size:12px;animation:slideRight 2s ease;font-weight:700;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.email-label,.password-label{color:#0e2e50;line-height:1.5;font-size:15px;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.email-label{animation:slideLeft 3s ease}.password-label{animation:slideRight 3s ease}.input-two{animation:slideRight 3s ease;overflow-x:hidden}.password-container{position:relative;display:flex;align-items:center}.login-btn{position:relative;width:100%;height:40px;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#0e2e50;border:none;border-radius:5px;text-align:center;color:#fff;cursor:pointer;overflow:hidden;z-index:1}.login-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#00b98e;transition:width .4s ease;z-index:0}.login-btn:hover:before{width:100%}.login-btn span,.login-btn svg,.login-btn{position:relative;z-index:1}.no-account{font-size:14px;text-align:center;margin-top:1.2rem}.no-account-signup{font-weight:700;color:#0e2e50}.login-success{width:20vw;height:7vh;background-color:#fff;border-radius:5px;box-shadow:50px 50px 70px #000;position:absolute;justify-self:center;border-left:5px solid #00B98E;top:-2vh;opacity:0;pointer-events:none}.login-success.success{animation:toasterSlideDown .5s ease forwards}.login-success.unsuccess{animation:toasterSlideUp .5s ease forwards}.login-btn.not-allowed{cursor:not-allowed}@keyframes toasterSlideUp{0%{top:0;opacity:1}to{top:-2vh;opacity:0}}.signup-box{width:100%;height:100vh!important;background-size:cover;background-position:center;position:relative;overflow:hidden}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out;z-index:-1}.bg-image.active{opacity:1}.signup-box-main{width:30vw;height:76.1vh;background-color:#fff!important;border-radius:5px;position:relative;top:22vh;padding:20px 15px 4px;margin-left:64.5%;box-shadow:0 0 30px #000c;animation:slideInRight 3s ease;overflow-y:auto;overflow-x:hidden}.signup-box-main *{position:relative;z-index:1}.signup-box-main .signup-title{color:#0e2e50;margin-bottom:.5rem!important;animation:slideDown 2s ease;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.fullname-label,.email-label,.password-label{color:#0e2e50;line-height:1.5;font-size:15px;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.fullname-label{animation:slideLeft 3s ease}.email-label{animation:slideRight 3s ease}input{width:100%;height:40px;padding:20px;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;outline:none;transition:border-color .4s ease,border-width .4s ease}input:focus{border-radius:5px;border-color:#00b98e;border-width:3px;outline:none}.input-one{margin-bottom:.5rem;animation:slideLeft 3s ease;overflow-x:hidden}.input-two{animation:slideRight 3s ease;overflow-x:hidden;margin-bottom:.5rem}.password-container{position:relative;display:flex;align-items:center;animation:slideLeft 3s ease;overflow-x:hidden}.password-container input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:10px;cursor:pointer;color:#555;font-size:18px}.eye,.eye-slash{transition:all .4s ease}.eye:hover,.eye-slash:hover{color:#00b98e}.signup-btn{position:relative;width:100%;height:40px;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#0e2e50;border:none;border-radius:5px;text-align:center;color:#fff;cursor:pointer;overflow:hidden;z-index:1}.signup-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#00b98e;transition:width .4s ease;z-index:0}.signup-btn:hover:before{width:100%}.signup-btn span,.signup-btn svg,.signup-btn{position:relative;z-index:1}a{text-decoration:none}.have-account{font-size:14px;text-align:center;margin-top:1.2rem}.have-account-signin{font-weight:700;color:#0e2e50}.or{display:flex;justify-self:center;position:relative}.or p{text-align:center;margin-top:1rem;color:#666565;font-size:14px}.line-one,.line-two{background-color:#666565;height:1px;margin-top:25px;width:150px}.line-one{margin-right:10px}.line-two{margin-left:10px}.google-auth{max-width:700px;margin:1rem auto}.google-btn{position:relative;width:100%;height:40px;font-family:Montserrat,sans-serif;text-align:right;line-height:40px;background-color:#fff;border:1px solid rgb(118,118,118);border-radius:3px;padding-right:80px;cursor:pointer;overflow:hidden;z-index:1;transition:all .4s ease}.google-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#8b4513;transition:width .4s ease;z-index:0}.google-btn:hover:before{width:100%}.google-btn:hover{color:#fff;border-color:#8b4513}.google-btn span,.google-btn img,.google-btn{position:relative;z-index:1}.google-btn.not-allowed{cursor:not-allowed}.google-icon{position:absolute;top:7px;left:80px}.login-success{display:none;width:20vw;height:7vh;background-color:#fff;border-radius:5px;box-shadow:50px 50px 70px #000;position:absolute;justify-self:center;border-left:5px solid #00B98E;top:0}.success{display:block!important;animation:toasterSlideDown 2s ease}.check-icon{margin-top:7px;margin-left:15px}.login-success p{color:#666565;margin-left:50px;margin-top:-4.5vh}.spinner-text{display:flex;align-items:center;gap:8px;justify-self:center;justify-content:center}.spinner{animation:spin 1s linear infinite}.signup-btn.not-allowed{cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(50vw)}to{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-5vw)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(5vw)}to{opacity:1;transform:translate(0)}}@keyframes toasterSlideDown{0%{top:-2vh;opacity:0}to{top:0;opacity:1}}.account,.general{margin-top:200px;margin-left:100px}.dashboard{width:100%;height:150vh;display:flex}.dashboard-panel{width:20%;height:100%;background-color:#00b98e;position:fixed;top:0;left:0;transition:transform .4s ease;z-index:1000}.dashboard-panel.show{transform:translate(0)}.dashboard-panel.hide{transform:translate(-200px)}.dashboard-content{flex:1;height:100%;background-color:#fff;margin-left:20%;transition:margin-left .4s ease}.dashboard-panel.hide~.dashboard-content{margin-left:0}.panel-picture-wrapper{width:100%;display:flex;justify-content:center;margin-top:25vh}.panel-picture{position:absolute;width:120px;height:120px;border-radius:50%;object-fit:cover}.arrow-toggle{position:absolute;top:185px;right:-20px;width:40px;height:40px;background:#fff;border:2px solid #00B98E;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 5px #0003;z-index:1100;transition:background .3s ease,border .3s ease}.arrow-toggle:hover{background:#00b98e;border-color:#fff}.arrow-toggle:hover .bar{background:#fff!important}.bar{width:20px;height:2px;background:#0e2e50;transition:all .4s ease;margin:2px 0}.bar1,.bar3{width:15px}.arrow-left .bar1{transform-origin:center left;transform:rotate(45deg) translate(9px,9px)}.arrow-left .bar2{opacity:1;margin-left:1.5px}.arrow-left .bar3{transform-origin:center left;transform:rotate(-45deg) translate(9px,-9px)}.arrow-right .bar1{transform-origin:center right;transform:rotate(-45deg) translate(-9px,9px)}.arrow-right .bar2{opacity:1;margin-right:2px}.arrow-right .bar3{transform-origin:center right;transform:rotate(45deg) translate(-9px,-9px)}.panel-username{margin-top:130px;color:#fff;font-weight:700;font-size:12px}.panel-tabs{width:100%;height:100%;margin-top:30px}.panel-tabs div:nth-child(-n+4){margin-bottom:3px}.panel-tabs div{width:100%;height:50px;display:flex;align-items:center;position:relative;cursor:pointer;padding-left:30px}.panel-tabs div:hover{background-color:gray}.panel-tabs div span{display:flex}.panel-tabs div span p{font-size:12px;font-weight:700;color:#fff;position:absolute;line-height:29px;left:100px}.border-left{animation:borderLeft 1s ease 1 forwards normal}.none{animation:noShow 1s ease}@keyframes noShow{0%{opacity:1}to{opacity:0}}@keyframes borderLeft{0%{transform:translate(-5vw);border-left:none}to{transform:translate(0);border-left:4px solid black}}.preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999}.center-logo{width:40px;height:40px;position:relative;z-index:2}.dots{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center;animation:rotate 4s linear infinite}.dot{position:absolute;width:12px;height:12px;background:#00b98e;border-radius:50%;transform:rotate(calc(var(--i) * 45deg)) translate(60px);animation:pulse 2s ease-in-out infinite;animation-delay:calc(var(--i) * .15s);z-index:1}@keyframes pulse{0%,to{transform:rotate(calc(var(--i) * 45deg)) translate(60px) scale(.7);opacity:.3}50%{transform:rotate(calc(var(--i) * 45deg)) translate(60px) scale(1.3);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}