@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.light{--mainColor: #17a2b8;--hoverColor: #138496;--backgroundColor: #f1f8fc;--darkOne: #312f3a;--darkTwo: #45424b;--lightOne: #919191;--lightTwo: #aaa}.dark{--mainColor: #64bcf4;--hoverColor: #5bacdf;--backgroundColor: #192e3a;--darkOne: #f3f3f3;--darkTwo: #fff;--lightOne: #ccc;--lightTwo: #e7e3e3}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}.stop-scrolling{height:100%;overflow:hidden}img{width:100%}a{text-decoration:none}.big-wrapper{position:relative;padding:1.7rem 0 2rem;width:100%;min-height:100vh;overflow:hidden;background-color:var(--backgroundColor);display:flex;flex-direction:column;justify-content:space-between}.container{position:relative;max-width:81rem;width:100%;margin:0 auto;padding:0 3rem;z-index:10}header{position:relative;z-index:70}header .container{display:flex;justify-content:space-between;align-items:center}.overlay{display:none}.logo{display:flex;align-items:center;cursor:pointer}.logo img{width:40px;margin-right:.6rem;margin-top:-.6rem}.logo h3{color:var(--darkTwo);font-size:1.55rem;line-height:1.2;font-weight:700}.links ul{display:flex;list-style:none;align-items:center}.links a{color:var(--lightTwo);margin-left:4.5rem;display:inline-block;transition:.3s}.links a:hover{color:var(--hoverColor);transform:scale(1.05)}.btn{display:inline-block;padding:.9rem 1.9rem;color:#fff!important;background-color:var(--mainColor);border-radius:16px;text-transform:capitalize;transition:.3s}.btn:hover{background-color:var(--hoverColor);transform:scale(1)!important}.hamburger-menu{position:relative;z-index:99;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;display:none}.hamburger-menu .bar{position:relative;width:100%;height:3px;background-color:var(--darkTwo);border-radius:3px;transition:.5s}.bar:before,.bar:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--darkTwo);border-radius:3px;transition:.5s}.bar:before{transform:translateY(-8px)}.bar:after{transform:translateY(8px)}.big-wrapper.active .hamburger-menu .bar{background-color:transparent}.big-wrapper.active .bar:before{transform:translateY(0) rotate(-45deg)}.big-wrapper.active .bar:after{transform:translateY(0) rotate(45deg)}.showcase-area .container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center}.big-title{font-size:1.4rem;color:var(--darkOne);text-transform:capitalize;line-height:1.4}.text{color:var(--lightOne);font-size:1.1rem;margin:1.9rem 0 2.5rem;max-width:600px;line-height:2.3}.showcase-area .btn{box-shadow:0 0 40px 2px #0000000d}.person{width:123%;transform:translate(15%,25px)}.toggle-btn{display:inline-block;border:none;background:var(--darkTwo);color:var(--backgroundColor);outline:none;cursor:pointer;height:39px;width:39px;border-radius:50%;font-size:1.1rem;transition:.3s}.toggle-btn i{line-height:39px}.toggle-btn:hover{background:var(--mainColor)}.big-wrapper.light .toggle-btn i:last-child{display:none}.big-wrapper.light .toggle-btn i:first-child{display:block}.big-wrapper.dark .toggle-btn i:last-child{display:block}.big-wrapper.dark .toggle-btn i:first-child{display:none}.shape{position:absolute;z-index:0;width:500px;bottom:-180px;left:-15px;opacity:.1}.copy{position:absolute;top:0;left:0;z-index:100;animation:appear 1s 1 both}@keyframes appear{0%{clip-path:circle(30% at -25% -25%)}to{clip-path:circle(150% at 0 0)}}@media screen and (max-width: 870px){.hamburger-menu{display:flex}.links{position:fixed;top:0;right:0;max-width:450px;width:100%;height:100%;background-color:var(--mainColor);z-index:95;display:flex;align-items:center;justify-content:center;transform:translate(100%);transition:.5s}.links ul{flex-direction:column}.links a{color:#fff;margin-left:0;padding:2rem 0}.links .btn{background:none}.overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;opacity:0;pointer-events:none;transition:.5s}.big-wrapper.active .links{transform:translate(0);box-shadow:0 0 50px 2px #0006}.big-wrapper.active .overlay{pointer-events:all;opacity:1}.showcase-area{padding:2.5rem 0;max-width:700px;margin:0 auto}.showcase-area .container{grid-template-columns:1fr;justify-content:center;grid-gap:2rem}.big-title{font-size:1.1rem}.text{font-size:.95rem;margin:1.4rem 0 1.5rem}.person{width:100%;transform:none}.logo h3{font-size:1.25rem}.shape{bottom:-180px;left:-150px}}@media screen and (max-width: 470px){.container{padding:0 1.5rem}.big-title{font-size:.9rem}.text{margin:1.1rem 0 1.5rem}.showcase-area .btn{font-size:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1;animation:fadeIn .3s ease-out}.modal-content.show{animation:fadeIn .3s forwards}.modal.hide{animation:fadeOut .3s ease-out}.modal-content.hide{animation:fadeOut .3s forwards}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;box-shadow:0 0 10px #00000080}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-body{margin:20px 0}.modal-footer{display:flex;justify-content:flex-end}#revisit-link{color:var(--mainColor);font-weight:700;transition:color .3s ease;margin-left:2rem}#revisit-link:hover{color:var(--hoverColor)}.modal-body input[type=text]{width:50%;padding:10px;border:1px solid #312f3a;border-radius:5px;font-size:16px;margin-top:10px;transition:border .3s ease}.modal-body input[type=text]:focus{border-color:#17a2b8;outline:none}.modal-footer button{padding:10px 20px;background-color:#17a2b8;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.modal-footer button:hover{background-color:#138496}
