body{background:#171617;filter:drop-shadow(2px 4px 6px black);z-index:10}a{text-decoration:none}ul{list-style:none}.container{max-width:1220px;margin:auto}.row{display:flex;flex-wrap:wrap}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.full-screen{min-height:100dvh}.text-center{text-align:center}.left,.right{flex:0 0 50%;max-width:50%;padding:20px}.left .line{width:15%;height:2px;background-color:var(--mainColor);display:inline-block}.left h2{margin-top:25px;font-size:50px;color:var(--white);line-height:55px}.left h2 span{color:var(--mainColor);font-size:52px}.left p{color:var(--whiteSmoke);font-size:16px;margin-top:20px;margin-bottom:10px}.btn{height:44px;padding:0 30px;background-color:var(--mainColor);border-radius:4px;font-size:13px;font-weight:600;text-transform:uppercase;display:inline-flex;justify-content:center;align-items:center;color:var(--white);letter-spacing:1px;border:none;margin-top:15px;transition:all .2s linear}.btn:hover{background-color:var(--white);color:var(--mainColor);box-shadow:0 8px 24px #8a8c9233}.social-media{margin-top:60px}.social-media a{color:var(--white);margin-right:22px;font-size:22px;text-decoration:none;transition:all .2s linear}.social-media a:hover{color:var(--mainColor)}.form{width:100%;display:flex;justify-content:center}.right h4{font-weight:300;background-image:var(--gradient-silver);color:transparent;-webkit-background-clip:text;background-clip:text}.right h6{color:var(--white);margin-bottom:30px}.right h6 span{padding:0 20px;text-transform:uppercase;font-weight:700;font-size:16px}input[type=checkbox]{display:none}.checkbox:checked+label,.checkbox:not(:checked)+label{position:relative;display:block;text-align:center;width:60px;height:16px;border-radius:8px;background-color:var(--mainColor);padding:0;margin:10px auto;cursor:pointer}.checkbox:checked+label:before,.checkbox:not(:checked)+label:before{position:absolute;display:block;width:36px;height:36px;border-radius:50%;color:var(--mainColor);background-color:var(--white);font-family:Material Icons;content:"";z-index:20;top:-10px;left:-10px;line-height:36px;text-align:center;font-size:24px;transition:all .5s ease}.checkbox:checked+label:before{transform:translate(44px) rotate(-270deg)}.link{color:var(--whiteSmoke);margin-top:20px;display:block}.link:hover{color:var(--mainColor)}.card-3d-wrap{position:relative;width:550px;max-width:100%;height:380px;margin-top:40px;transform-style:preserve-3d;perspective:800px}.card-3d-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;transform-style:preserve-3d;transition:all .6s ease-out}.checkbox:checked~.card-3d-wrap .card-3d-wrapper{transform:rotateY(180deg)}.card-front,.card-back{width:100%;height:100%;background-color:#1b1b1b;background-image:url(/build/assets/bg-black-BWu8zWlL.svg);background-position:bottom center;background-repeat:no-repeat;background-size:300%;position:absolute;border-radius:6px;left:0;top:0;transform-style:preserve-3d;box-shadow:0 0 8px #000}.card-back{transform:rotateY(180deg)}.center-wrap{position:absolute;width:100%;padding:0 35px;top:50%;left:0;transform:translate3d(0,-50%,35px) perspective(100px);display:flex;flex-direction:column;align-items:center;z-index:20;padding-bottom:2.2rem}.form-group{position:relative;display:block;margin-bottom:10px;width:70%;justify-self:center}.form-group input::-moz-placeholder{color:var(--whiteSmoke);opacity:.7;-moz-transition:all .2s linear;transition:all .2s linear}.form-group input::placeholder{color:var(--whiteSmoke);opacity:.7;transition:all .2s linear}.form-group input:focus::-moz-placeholder{opacity:0;-moz-transition:all .2s linear;transition:all .2s linear}.form-group input:focus::placeholder{opacity:0;transition:all .2s linear}.form-style{padding:13px 20px 13px 55px;height:48px;width:100%;border-radius:4px;font-size:14px;line-height:22px;letter-spacing:.5px;outline:none;color:var(--whiteSmoke);background-color:var(--black)}.form-style::-moz-placeholder{color:#fff!important}.form-style::placeholder{color:#fff!important}.form-style:focus,.form-style:active{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: var(--mainColor);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:var(--mainColor)}.input-icon{position:absolute;top:12px;left:18px;height:48px;font-size:24px;text-align:left;color:var(--mainColor);transition:all .2s linear}@media (max-width: 992px){nav .menu-btn i{display:block}nav .container{padding:0}nav ul{position:fixed;top:85px;left:-100%;background-color:#1b1b1b;height:320px;width:100%;display:block;text-align:center;transition:all .3s ease}#click:checked~ul{left:0}nav ul li{margin:20px 0}nav ul li a{display:block;font-size:20px}nav ul li a.active,nav ul li a:hover{background:none;color:var(--mainColor)}.left h2{font-size:40px}.left h2 span{font-size:42px}.left p{font-size:14px}.card-3d-wrap{width:350px}.form-group{width:100%}}@media (max-width: 768px){.left,.right{flex:0 0 100%;max-width:100%}.left{display:grid;place-items:center;order:2}.right{order:1}.left h2{text-align:center;line-height:1}.left p{text-align:center}.card-3d-wrap{height:380px}.right h6{margin-bottom:20px}.social-media{margin-top:30px}}@media (max-width: 400px){.left h2{font-size:28px}.left h2 span{font-size:30px}}
