@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap";.navbar{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;transition:.7s all ease;position:sticky;top:0;z-index:999}.navbar.active{background-color:#fff;color:#000}.navbar .container{width:1400px;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.navbar .container .logo{font-size:34px;font-weight:500}.navbar .container .logo .dot{color:#90ee90}.navbar .container .links{display:flex;align-items:center;gap:24px;font-weight:500}.navbar .container .links span{white-space:nowrap}.navbar .container .links .user{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;user-select:none}.navbar .container .links .user img{width:32px;height:32px;border-radius:50%;object-fit:cover}.navbar .container .links .user .options{position:absolute;top:50px;right:0;padding:20px;background-color:#fff;border-radius:10px;z-index:999;border:1px solid lightgrey;display:flex;flex-direction:column;gap:10px;width:150px;color:gray}.navbar .container .links .btn{color:#fff;padding:10px 20px;border-radius:5px;border:1px solid white;cursor:pointer;background:transparent}.navbar .container .links .btn:hover{background-color:var(--btn-color);border-color:var(--btn-color)}.navbar .container .links .btn1{color:#fff;padding:10px 20px;border-radius:5px;border:1px solid white;cursor:pointer;font-weight:500;background:black}.navbar .container .links .btn1:hover{background-color:var(--btn-color);border-color:var(--btn-color)}.navbar .line{width:99%;background-color:#d3d3d3;height:.1px}.navbar .menu{width:1400px;padding:10px 0;display:flex;justify-content:space-between;font-weight:300;color:gray}*{margin:0;padding:0;font-family:Poppins,sans-serif;--bg-color: #003e1b;--btn-color: rgb(52, 168, 52);--star-color: rgb(255, 187, 0)}.link{text-decoration:none;color:inherit}.featured{height:457px;display:flex;justify-content:center;background-color:var(--bg-color);color:#fff}.featured .container{width:1440px;display:flex;align-items:center;justify-content:space-between;padding:0 60px}.featured .container .left{display:flex;flex-direction:column}.featured .container .left .explore{font-size:20px;font-weight:500;justify-content:center;padding:15px;display:flex;border-radius:10px;cursor:pointer;width:100%;margin-top:50px;margin-bottom:50px}.featured .container .left .explore:hover{text-decoration:underline}.featured .container .left h1{font-size:45px;font-weight:400}.featured .container .left h1 i{font-weight:200}.featured .container .left .search{margin:20px 0;align-items:center;display:flex;justify-content:space-between;background-color:#fff;border-radius:5px}.featured .container .left .search .searchInput{display:flex;align-items:center;gap:10px}.featured .container .left .search .searchInput .icon{color:gray;margin:10px}.featured .container .left .search .searchInput input{border:none;outline:none}.featured .container .left .search button{width:120px;height:50px;border:none;background-color:var(--btn-color);border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer}.featured .container .left .popular{display:flex;align-items:center;gap:10px}.featured .container .left .popular button{color:#fff;background-color:transparent;border:1px solid white;padding:5px 10px;cursor:pointer;border-radius:20px}.featured .container .right{height:100%}.featured .container .right img{height:100%;object-fit:cover}.carousel-item{position:absolute;top:0;left:0}.Carousel{width:100%}.carousel-initialized{overflow:hidden;position:relative}.carousel-arrow.carousel-hidden{display:none}.carousel-track{width:100%;display:flex;position:relative}.carousel-prev.block,.carousel-next.block{opacity:1}.carousel-prev,.carousel-next{opacity:0;font-size:0;line-height:0;width:40px;height:100%;border-radius:100%;position:absolute;top:0;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:transparent;border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:4;background:none}.carousel-prev:hover,.carousel-prev:focus,.carousel-next:hover,.carousel-next:focus{opacity:1;color:transparent;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}.carousel-prev:hover:before,.carousel-prev:focus:before,.carousel-next:hover:before,.carousel-next:focus:before{opacity:1}.carousel-prev.carousel-disabled:before,.carousel-next.carousel-disabled:before{opacity:.25}.carousel-prev:before,.carousel-next:before{content:"";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain}.carousel-prev:before{background-image:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Earrow-left2%3C/title%3E%3Cpath fill='%23900' d='M12.586 27.414l-10-10c-0.781-0.781-0.781-2.047 0-2.828l10-10c0.781-0.781 2.047-0.781 2.828 0s0.781 2.047 0 2.828l-6.586 6.586h19.172c1.105 0 2 0.895 2 2s-0.895 2-2 2h-19.172l6.586 6.586c0.39 0.39 0.586 0.902 0.586 1.414s-0.195 1.024-0.586 1.414c-0.781 0.781-2.047 0.781-2.828 0z'%3E%3C/path%3E%3C/svg%3E%0A")}.carousel-next:before{background-image:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Earrow-right2%3C/title%3E%3Cpath fill='%23900' d='M19.414 27.414l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z'%3E%3C/path%3E%3C/svg%3E%0A")}.carousel-next.custom:before,.carousel-prev.custom:before{content:unset;background-image:unset}.carousel-prev{left:0px}[dir=rtl] .carousel-prev{right:-25px;left:auto}[dir=rtl] .carousel-prev:before{content:""}.carousel-next{right:0px}[dir=rtl] .carousel-next{right:auto;left:-25px}[dir=rtl] .carousel-next:before{content:""}.carousel-dots{display:block;width:100%;padding:0;margin-top:1em;list-style:none;text-align:center}.carousel-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.carousel-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.carousel-dots li button:hover,.carousel-dots li button:focus{outline:none}.carousel-dots li button:hover:before,.carousel-dots li button:focus:before{opacity:1}.carousel-dots li button:before{font-family:slick;font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.carousel-dots li.carousel-dots-active button:before{opacity:.75;color:#000}.Carousel .carousel-initialized.scrolling .CustomArrow{display:none}.slide{display:flex;justify-content:center;padding:100px 0}.slide .container{width:1440px}.slide .container .carousel-prev{background-color:#eceaea;width:40px;height:40px;margin:auto;top:0;bottom:0}.slide .container .carousel-next{background-color:#eceaea;width:40px;height:40px;margin:auto;top:0;bottom:0;right:37px}.trustedBy{background-color:#f7f5f5;height:100px;display:flex;justify-content:center;margin-bottom:30px}.trustedBy .container{width:800px;display:flex;align-items:center;gap:60px;color:#cdcbcb;font-weight:500}.catCard{width:250px;height:340px;color:#fff;border-radius:5px;cursor:pointer;position:relative}.catCard img{height:100%;width:100%;object-fit:cover}.catCard .desc{font-weight:300;position:absolute;top:15px;left:15px}.catCard .title{font-weight:500;font-size:24px;position:absolute;left:15px;top:40px}.videoBanner{background-color:#edfbed;display:flex;justify-content:center;padding:100px}.videoBanner .container{width:1440px;display:flex;align-items:center;gap:150px}.videoBanner .container .item1{display:flex;flex-direction:column;gap:15px}.videoBanner .container .item1 h1{font-weight:500}.videoBanner .container .item1 p{font-weight:300;font-size:18px;color:#5e5d5d;letter-spacing:.5px}.videoBanner .container .item1 .title{font-weight:500;font-size:18px;display:flex;align-items:center;gap:10px}.videoBanner .container .item2 video{width:720px}.imgBanner{background-color:#0d084d;color:#fff;display:flex;justify-content:center;padding:100px}.imgBanner .container{width:1440px;display:flex;align-items:center;gap:150px}.imgBanner .container .item1{display:flex;flex-direction:column}.imgBanner .container .item1 h1{font-weight:500;margin-bottom:25px}.imgBanner .container .item1 p{font-weight:300;font-size:18px;letter-spacing:.5px;margin-bottom:25px}.imgBanner .container .item1 .title{font-weight:500;font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:15px}.imgBanner .container .item1 button{margin-top:50px;width:100%;height:40px;outline:none;cursor:pointer;border:none;background-color:#1eb53f;border-radius:5px;color:#fff;font-size:16px;font-weight:500}.imgBanner .container .item2 img{width:720px}.projectCard{width:300px;height:300px;border-radius:5px;cursor:pointer;background-color:#ede9e0}.projectCard img{width:100%;height:70%;border-radius:5px;object-fit:cover}.projectCard .info{display:flex;align-items:center;gap:20px;padding:15px}.projectCard .info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.projectCard .info .text h2{font-size:15px;font-weight:700}.projectCard .info .text span{font-size:13px;font-weight:500;color:gray}.gigCard{width:324px;height:400px;margin-bottom:25px;border:1px solid rgb(240,232,232)}.gigCard:hover .desc{text-decoration:underline}.gigCard img{width:100%;height:45%;object-fit:cover}.gigCard .info{padding:10px 20px;display:flex;flex-direction:column;gap:15px}.gigCard .info .user{display:flex;align-items:center;gap:10px;font-weight:700}.gigCard .info .user img{width:26px;height:26px;border-radius:50%}.gigCard .info .desc{color:#000;font-weight:700;font-size:18px}.gigCard .info .star{display:flex;align-items:center;gap:5px}.gigCard .info .star .icon{width:14px;height:14px;color:var(--star-color)}.gigCard .info .star span{font-size:14px;font-weight:700;color:var(--star-color)}.gigCard .line{height:.1px;background-color:#d3d3d3}.gigCard .details{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.gigCard .details img{width:16px;height:16px;cursor:pointer}.gigCard .details .price span{font-size:13px;color:#000}.gigCard .details .price h2{color:#000;font-size:20px;font-weight:700}.most{display:flex;justify-content:center}.most .container{width:1440px;margin:0 60px;padding:30px 0;display:flex;flex-direction:column;gap:15px}.most .container h2{margin-bottom:15px}.most .container .cards{display:flex;flex-wrap:wrap;gap:32px}.footer{display:flex;justify-content:center;color:gray;margin:50px 0}.footer .container{width:1440px}.footer .container .top{display:flex;justify-content:space-between;margin:0 40px}.footer .container .top .item{display:flex;flex-direction:column;gap:15px}.footer .container .top .item h2{font-weight:500;font-size:20px;color:#000}.footer .container .top .item span{font-weight:400;cursor:pointer}.footer .container .top .item span:hover{color:var(--btn-color);text-decoration:underline}.footer .container hr{margin:40px}.footer .container .bottom{margin:0 40px;display:flex;align-items:center;justify-content:space-between}.footer .container .bottom .left{display:flex;align-items:center;gap:20px}.footer .container .bottom .left h2{cursor:pointer}.footer .container .bottom .left span{font-size:14px}.footer .container .bottom .right{display:flex;align-items:center;gap:20px}.footer .container .bottom .right .social{display:flex;align-items:center;gap:20px;margin-right:30px}.footer .container .bottom .right .social a{display:flex;align-items:center;text-decoration:none;color:inherit}.footer .container .bottom .right .social a:nth-child(1):hover{color:#0396ff}.footer .container .bottom .right .social a:nth-child(2):hover{color:#0175a2}.footer .container .bottom .right .social a:nth-child(3):hover{color:#ff006a}.footer .container .bottom .right .social a:nth-child(4):hover{color:#00f}.footer .container .bottom .right .social .handle{width:24px;height:24px;cursor:pointer}.footer .container .bottom .right .link{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;width:100px;height:30px}.footer .container .bottom .right .link:hover{color:#000;background-color:#f0ebeb;border-radius:30px}.stars{display:flex;align-items:center;gap:5px;color:var(--star-color)}.gig{display:flex;justify-content:center;margin:0 50px}.gig .container{width:1440px;padding:30px 0;display:flex;gap:50px;margin:0 50px}.gig .container .left{flex:3;display:flex;flex-direction:column;gap:20px}.gig .container .left .breadCrumbs{font-weight:300;font-size:15px;color:gray}.gig .container .left .breadCrumbs:hover{text-decoration:underline;cursor:pointer}.gig .container .left h1{font-weight:600}.gig .container .left .user{display:flex;align-items:center;gap:10px}.gig .container .left .user .pp{height:35px;width:35px;border-radius:50%;object-fit:cover}.gig .container .left .user span{font-weight:500;font-size:18px}.gig .container .left .slider .carousel-next{right:100px}.gig .container .left .slider .carousel-prev{left:-9px}.gig .container .left .slider img{max-height:400px;object-fit:contain;max-width:700px;background-color:#f9f7f7}.gig .container .left .seller{margin-top:50px;display:flex;flex-direction:column;gap:20px}.gig .container .left .seller .user{display:flex;align-items:center;gap:20px}.gig .container .left .seller .user img{width:100px;height:100px;border-radius:50%;object-fit:cover}.gig .container .left .seller .user .info{display:flex;flex-direction:column;gap:10px}.gig .container .left .seller .user button{background-color:#fff;color:#000;outline:none;border:1px solid black;padding:10px;border-radius:5px;cursor:pointer;font-weight:500}.gig .container .left .seller .user button:hover{background-color:#000;color:#fff}.gig .container .left .seller .box{border:1px solid lightgrey;border-radius:5px;padding:20px;margin-top:20px}.gig .container .left .seller .box .items{display:flex;flex-wrap:wrap;justify-content:space-between}.gig .container .left .seller .box .items .item{width:300px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.gig .container .left .seller .box .items .item .title{font-weight:500;color:gray}.gig .container .left .seller .box .items .item .desc{font-weight:700}.gig .container .left .seller .box p{margin-top:20px}.gig .container .right{flex:2;border:1px solid lightgrey;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:20px;position:sticky;height:max-content;top:150px}.gig .container .right .price{display:flex;align-items:center;justify-content:space-between}.gig .container .right .price h2{font-weight:500}.gig .container .right .price h3{font-weight:700}.gig .container .right p{color:gray;margin:10px 0}.gig .container .right .details .item{display:flex;align-items:center;gap:10px;font-weight:700}.gig .container .right .features{display:flex;flex-direction:column;gap:10px}.gig .container .right .features .item{display:flex;align-items:center;gap:10px;color:gray}.gig .container .right .features .item .check{color:#1ec61e}.gig .container .right button{background-color:var(--btn-color);padding:10px;outline:none;border:none;border-radius:5px;color:#fff;font-size:15px;font-weight:500;cursor:pointer}.reviews{margin-top:50px}.reviews .add{margin-top:50px;display:flex;flex-direction:column;gap:20px}.reviews .add .error-msg{color:red}.reviews .add .addForm{display:flex;flex-direction:column;gap:20px}.reviews .add .addForm input{padding:20px}.reviews .add .addForm select{width:100px;padding:10px}.reviews .add .addForm button{width:100px;border:none;padding:10px;color:#fff;background-color:var(--btn-color);font-size:15px;border-radius:5px;cursor:pointer}.review{display:flex;flex-direction:column;gap:20px;margin:20px 10px}.review .user{display:flex;align-items:center}.review .user .pp{width:50px;height:50px;border-radius:50%;object-fit:cover}.review .user .country{display:flex;align-items:center;gap:10px;color:gray}.review .user .country img{width:20px}.review .user .country span{font-size:15px}.review .helpful{display:flex;align-items:center;gap:10px}.review .helpful .like{cursor:pointer}.review .helpful .like:first-of-type:hover{color:#14d114}.review .helpful .like:last-of-type:hover{color:red}.review span{font-weight:700}.gigs{display:flex;justify-content:center}.gigs .container{width:1440px;margin:0 60px;padding:30px 0;display:flex;flex-direction:column;gap:15px}.gigs .container .breadcrumbs{font-weight:300;font-style:13px;color:gray}.gigs .container p{color:gray;font-weight:300}.gigs .container .menu{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gigs .container .menu .left{display:flex;align-items:center;gap:10px;font-weight:500}.gigs .container .menu .left span{font-size:20px}.gigs .container .menu .left input{padding:5px;border:1px solid lightgrey;outline:none}.gigs .container .menu .left button{background-color:var(--btn-color);color:#fff;padding:7px 10px;outline:none;border:none;font-weight:500;border-radius:5px;cursor:pointer}.gigs .container .menu .right{display:flex;position:relative;align-items:center;gap:10px}.gigs .container .menu .right .sortBy{color:gray;font-weight:300}.gigs .container .menu .right .sortType{font-weight:500}.gigs .container .menu .right .icon{width:15px;cursor:pointer}.gigs .container .menu .right .rightMenu{position:absolute;padding:15px;background-color:#fff;border-radius:5px;border:.5px solid grey;top:30px;right:0;display:flex;flex-direction:column;gap:10px}.gigs .container .menu .right .rightMenu span{cursor:pointer}.gigs .container .cards{display:flex;flex-wrap:wrap;gap:32px}.orders{display:flex;justify-content:center}.orders .container{width:1440px;padding:50px 0;margin:0 60px}.orders .container .title{display:flex;align-items:center;justify-content:space-between}.orders .container table{width:100%}.orders .container table th{text-align:left}.orders .container table tr{height:50px}.orders .container table tr td .art{width:80px;height:35px;object-fit:cover;border-radius:5px}.orders .container table tr td .mail{color:#37c637;cursor:pointer}.orders .container table tr td .mail:hover{color:green}.orders .container table tr:nth-child(even){background-color:#f3fdf3}.myGigs{display:flex;justify-content:center}.myGigs .container{width:1440px;padding:50px 0;margin:0 60px}.myGigs .container .title{display:flex;align-items:center;justify-content:space-between}.myGigs .container .title button{background-color:var(--btn-color);color:#fff;font-weight:500;border:none;padding:10px;cursor:pointer;border-radius:5px}.myGigs .container table{width:100%}.myGigs .container table th{text-align:left}.myGigs .container table tr{height:50px}.myGigs .container table tr td .art{width:80px;height:35px;object-fit:cover;border-radius:5px}.myGigs .container table tr td .delete{color:red;cursor:pointer}.myGigs .container table tr td .delete:hover{color:brown}.myGigs .container table tr:nth-child(even){background-color:#f3fdf3}.add{display:flex;justify-content:center}.add .container{width:1440px;padding:50px 0;margin:0 60px}.add .container h1{font-weight:500;margin-bottom:30px}.add .container .sections{display:flex;justify-content:space-between;gap:100px}.add .container .sections .left,.add .container .sections .right{display:flex;flex-direction:column;flex:1;gap:10px;justify-content:space-between}.add .container .sections .left .file,.add .container .sections .right .file{width:200px}.add .container .sections .left label,.add .container .sections .right label{font-size:18px;font-weight:500}.add .container .sections .left input,.add .container .sections .left textarea,.add .container .sections .left select,.add .container .sections .right input,.add .container .sections .right textarea,.add .container .sections .right select{padding:15px}.add .container .sections .left .images,.add .container .sections .right .images{display:flex;align-items:center;gap:20px}.add .container .sections .left .images .imagesInput,.add .container .sections .right .images .imagesInput{display:flex;flex-direction:column;gap:30px}.add .container .sections .left button,.add .container .sections .right button{background-color:var(--btn-color);color:#fff;font-size:18px;padding:10px;border-radius:5px;cursor:pointer;outline:none;border:none}.add .container .sections .left .add,.add .container .sections .right .add{display:flex;justify-content:space-between}.add .container .sections .left .add input,.add .container .sections .right .add input{width:80%}.add .container .sections .left .addedFeatures,.add .container .sections .right .addedFeatures{display:flex;gap:20px}.add .container .sections .left .addedFeatures button,.add .container .sections .right .addedFeatures button{height:30px;font-size:12px;font-weight:400;background:transparent;color:red;border:1px solid red;display:flex;align-items:center;gap:20px}.message{display:flex;justify-content:center}.message .container{width:1200px;margin:50px}.message .container .breadcrumbs{font-weight:300;font-size:13px;color:gray}.message .container .messages{margin:30px 0;padding:50px;display:flex;flex-direction:column;gap:15px;height:400px;overflow:scroll}.message .container .messages .item{display:flex;gap:20px;max-width:600px;font-size:18px}.message .container .messages .item.owner{flex-direction:row-reverse;align-self:flex-end}.message .container .messages .item.owner p{border-radius:20px 0 20px 20px;background-color:#44c044}.message .container .messages .item img{height:40px;width:40px;border-radius:50%;object-fit:cover}.message .container .messages .item p{padding:15px;background-color:#d3d3d3;border-radius:0 20px 20px}.message .container .write{display:flex;align-items:center;justify-content:space-between}.message .container .write textarea{width:80%;height:100px;padding:10px;border:1px solid lightgray;border-radius:10px}.message .container .write button{background-color:var(--btn-color);padding:20px;color:#fff;font-weight:500;border:none;border-radius:10px;cursor:pointer;width:100px}.messages{display:flex;justify-content:center}.messages .container{width:1440px;padding:50px 0;margin:0 60px}.messages .container .title{display:flex;align-items:center;justify-content:space-between}.messages .container table{width:100%}.messages .container table th{text-align:left}.messages .container table tr{height:80px}.messages .container table tr td{padding:10px}.messages .container table tr td:first-child{font-weight:700}.messages .container table tr td:nth-child(2){color:gray}.messages .container table tr td:nth-child(2):hover{text-decoration:underline}.messages .container table tr td button{background-color:var(--btn-color);color:#fff;font-weight:500;border:none;padding:10px;cursor:pointer;border-radius:5px}.messages .container table tr.active{background-color:#dbf9db}.login{display:flex;align-items:center;justify-content:center}.login form{width:360px;padding:50px 0;display:flex;flex-direction:column;gap:20px}.login form h1{margin-bottom:20px}.login form label{font-size:18px}.login form input,.login form textarea{padding:20px;border:1px solid rgb(216,214,214)}.login form button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:var(--btn-color);cursor:pointer}.login form span{color:red;font-size:12px}.register{display:flex;align-items:center;justify-content:center}.register form{width:960px;padding:50px 0;display:flex;gap:120px}.register form h1{font-weight:500;margin-bottom:20px}.register form .left,.register form .right{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.register form .left label,.register form .right label{font-size:18px}.register form .left input,.register form .left textarea,.register form .right input,.register form .right textarea{padding:20px;border:1px solid rgb(216,214,214)}.register form .left button,.register form .right button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#1dbf73;cursor:pointer}.register form .left .toggle,.register form .right .toggle{display:flex;align-items:center;gap:10px}.register form .left .toggle .switch,.register form .right .toggle .switch{position:relative;display:inline-block;width:50px;height:24px}.register form .left .toggle .switch input,.register form .right .toggle .switch input{opacity:0;width:0;height:0}.register form .left .toggle .slider,.register form .right .toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:24px}.register form .left .toggle .slider:before,.register form .right .toggle .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.register form .left .toggle input:checked+.slider,.register form .right .toggle input:checked+.slider{background-color:#2196f3}.register form .left .toggle input:focus+.slider,.register form .right .toggle input:focus+.slider{box-shadow:0 0 1px #2196f3}.register form .left .toggle input:checked+.slider:before,.register form .right .toggle input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.success{display:flex;justify-content:center;align-items:center;margin:250px 0;flex-direction:column;gap:50px}.success h1{color:#1fc71f}.success img{width:200px}.checkoutForm{display:flex;justify-content:center;margin:50px 0}.checkoutForm form{width:30vw;min-width:500px;align-self:center;box-shadow:0 0 0 .5px #32325d1a,0 2px 5px #32325d1a,0 1px 1.5px #00000012;border-radius:7px;padding:40px}.checkoutForm #payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}.checkoutForm #payment-element{margin-bottom:24px}.checkoutForm button{background:#5469d4;font-family:Arial,sans-serif;color:#fff;border-radius:4px;border:0;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:0 4px 5.5px #00000012;width:100%}.checkoutForm button:hover{filter:contrast(115%)}.checkoutForm button:disabled{opacity:.5;cursor:default}.checkoutForm .spinner,.checkoutForm .spinner:before,.checkoutForm .spinner:after{border-radius:50%}.checkoutForm .spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.checkoutForm .spinner:before,.checkoutForm .spinner:after{position:absolute;content:""}.checkoutForm .spinner:before{width:10.4px;height:20.4px;background:#5469d4;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}.checkoutForm .spinner:after{width:10.4px;height:10.2px;background:#5469d4;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0px 10.2px;transform-origin:0px 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media only screen and (max-width: 600px){.checkoutForm form{width:80vw;min-width:initial}}
