@media (min-width:770px) and (max-width:1200px){.navbar-container{max-width:1200px}}nav.navbar{padding:18px 0;position:fixed;width:100%;top:0;z-index:9999;transition:.32s ease-in-out}[dir=rtl] .navbar{direction:ltr}nav.navbar.scrolled{padding:0;background-color:#121212;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}nav.navbar a.navbar-brand{width:9%}@media (max-width:770px){nav.navbar a.navbar-brand{transform:scale(2)}}nav.navbar .navbar-nav .nav-link.navbar-link{font-weight:400;color:#fff!important;letter-spacing:.8px;padding:4px 25px;font-size:18px;opacity:.75}@media (min-width:760px) and (max-width:1200px){nav.navbar .navbar-nav .nav-link.navbar-link{font-size:14px;padding:4px 10px}}nav.navbar .navbar-nav a.nav-link.navbar-link.active,nav.navbar .navbar-nav a.nav-link.navbar-link:hover{opacity:1}span.navbar-text{display:flex;align-items:center}.social-icon{display:inline-block;margin-left:14px}@media (min-width:770px) and (max-width:1200px){.social-icon{margin-left:4px}}.social-icon a{width:42px;height:42px;background:hsla(0,0%,85%,.1);display:inline-flex;border-radius:50%;margin-right:6px;align-items:center;justify-content:center;line-height:1;border:1px solid hsla(0,0%,100%,.5)}@media (min-width:770px) and (max-width:1200px){.social-icon a{width:32px;height:32px}}.social-icon a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.social-icon a:hover:before{transform:scale(1)}.social-icon a img{width:40%;z-index:1;transition:.3s ease-in-out}.social-icon a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.download-btn{font-weight:700;background-color:#fff;padding:14px 32px;font-size:18px;border-radius:0;position:relative;transition:.3s ease-in-out;overflow:hidden;border-radius:18px;border:1px solid #fff;margin-left:8px}@media (min-width:770px) and (max-width:1200px){.download-btn{font-size:14px;padding:10px 14px;margin-left:unset}}.dl-text{position:relative;z-index:1;color:#000;display:flex;align-items:center}.download-btn:hover .dl-text{color:#fff}.download-btn:before{content:"";background:#000;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out}.download-btn:hover:before{content:"";width:100%;height:100%;position:absolute}.download-btn:hover .download-icon{filter:brightness(0) invert(1)}.download-icon{width:20px;height:20px;margin:0 8px;filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}nav.navbar .navbar-toggler:active,nav.navbar .navbar-toggler:focus{outline:none;box-shadow:none}nav.navbar .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:2px solid #fff;transition:all .3s linear;top:-2px}nav.navbar .navbar-toggler-icon:focus{border-bottom:2px solid #fff}nav.navbar .navbar-toggler-icon:after,nav.navbar .navbar-toggler-icon:before{width:24px;position:absolute;height:2px;background-color:#fff;top:0;left:0;content:"";z-index:2;transition:all .3s linear}nav.navbar .navbar-toggler-icon:after{top:8px}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{transform:rotate(45deg);background-color:#fff;height:2px}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg);background-color:#fff;height:2px}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:transparent}.banner{margin-top:0;padding:300px 0 100px;background-image:url(/assets/img/banner-bg.png);background-position:top;background-size:cover;background-repeat:no-repeat}.banner .tagline{padding:8px 10px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);border:1px solid hsla(0,0%,100%,.5);font-size:20px;margin-bottom:16px;cursor:default;display:inline-block}.banner .tagline,.banner h1{font-weight:700;letter-spacing:.8px}.banner h1{font-size:45px;line-height:1.5;margin-bottom:20px;display:block}.banner p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;width:100%}.banner button{color:#fff;font-weight:700;font-size:20px;margin-top:60px;letter-spacing:.8px;display:flex;align-items:center}.banner button svg{font-size:25px;margin:0 10px;transition:.3s ease-in-out;line-height:1}.banner button:hover svg{margin-left:25px}.rotate-arrow{transform:rotate(180deg)}.banner img{animation:updown 3s linear infinite}@keyframes updown{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.txt-rotate>.wrap{border-right:.08em solid #666;background-color:#f3ec78;background-image:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.skill{padding:0 0 50px;position:relative}.skill-bx{background:#1e1e1e;border-radius:64px;text-align:center;padding:60px 50px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}[dir=rtl] .skill-bx{direction:ltr}@media (max-width:1000px){.skill-bx{padding:60px 24px;border-radius:24px}}.skill h2{font-size:45px;font-weight:700}.section-text{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin:14px 0 75px}@media (max-width:1000px){.section-text{margin-bottom:40px}}.skill-slider{width:80%;margin:0 auto;position:relative}.skill-slider .item img{width:50%;margin:0 auto 15px}.background-image-left{top:28%;position:absolute;bottom:0;width:40%;z-index:-4}[dir=rtl] .background-image-left{left:0}.skills section span{display:inline-block;width:15px;height:15px;background:#bbb;border-radius:15px;margin:0 1px}.skills section p{margin-bottom:unset;margin-right:32px;width:50%}@media (min-width:770px) and (max-width:1000px){.skills section p{margin-right:unset}}.skills section span.full{background:#3162ce}.timeline{width:100%;background:#1e1e1e;border-radius:64px;text-align:center;padding:60px 50px;position:relative;margin:-60px auto 32px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}@media (max-width:1000px){.timeline{padding:60px 24px;border-radius:24px}}.timeline-title{text-align:center;font-size:45px;font-weight:700}.timeline-box{display:flex;max-width:100%;flex-wrap:wrap;margin:16px 0;width:100%;padding:0;position:relative;border-radius:16px;overflow:hidden;min-height:220px}@media (max-width:770px){.timeline-box{flex-direction:column}}.experience-body{padding:20px 30px;color:#000;text-align:left}[dir=rtl] .experience-body{text-align:right}.experience-info{background:#3162ce;flex:1;color:#fff}.experience-date{display:inline-block;font-size:14px;line-height:1.3;text-transform:uppercase;width:48%}.from span,.to span{display:block;font-size:18px;font-weight:500;text-transform:none}.total-time{color:#fffcfc;font-size:13px;opacity:.5;text-transform:uppercase;cursor:default;margin:16px 0}.company{display:block;font-size:18px;font-weight:800;text-align:left;cursor:default;line-height:26px;font-family:Open Sans,Arial,sans-serif}[dir=rtl] .company{text-align:right;font-family:iransans}.website{color:#1e1e1e;font-family:Open Sans,Arial,sans-serif;display:block;font-size:11px;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:26px}.website:hover{text-decoration:underline;color:#1e1e1e!important}.experience-description{flex:3;background:#fff}.experience-description h4{font-size:24px;font-weight:600;line-height:27px;margin:0 0 14px}.experience-description p{color:#5e667a;line-height:1.5;margin-bottom:8px}code{color:#a010d1!important;font-size:.8rem;font-weight:700;opacity:.8;text-align:left;word-break:break-word}.stepper{width:94%}@media (max-width:1000px){.stepper{width:100%}}.step{display:flex;transform:translateY(35px)}@media (max-width:1000px){.step{display:none}}.line{width:2px;background-color:#d3d3d3!important;transition:all .4s ease}.complete-line{background-color:#3162ce!important}.lead{font-size:1.1rem}.step-sec{border-radius:50%;border:2px solid #fff;width:32px;height:32px;transition:all .4s ease;padding:16px}.step-sec img{width:100%}.complete-step,.line-color{background-color:#3162ce}.complete-border{border:2px solid #3162ce}.m-right{margin:0 24px}.show-sec{display:flex;opacity:1;animation:appear .5s linear 0s 1 forwards}@keyframes appear{0%{opacity:0}99.9%{opacity:1}to{opacity:1;animation:poof .1s linear 0s 1}}@keyframes poof{0%{display:none}to{display:flex}}.project{padding:80px 0;position:relative;background-color:#000}[dir=rtl] .project{direction:ltr}.project h2{font-size:45px;font-weight:700;text-align:center}.project p{color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin:14px auto 30px;text-align:center;width:56%}@media (max-width:1000px){.project p{width:80%}}.project .nav.nav-pills{width:70%;margin:0 auto;border-radius:50px;background-color:hsla(0,0%,100%,.1);overflow:hidden}@media (max-width:1000px){.project .nav.nav-pills{width:90%}}.project .nav.nav-pills .nav-item{width:33.33333%}.project .nav.nav-pills .nav-link{background-color:transparent;border-radius:0;padding:17px 0;color:#fff;width:100%;font-size:17px;letter-spacing:.8px;font-weight:500;position:relative;transition:.3s ease-in-out;text-align:center;z-index:0;cursor:pointer}.project .nav.nav-pills .nav-link:before{content:"";position:absolute;width:0;height:100%;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);top:0;left:0;z-index:-1;transition:.3s ease-in-out}.project .nav.nav-pills .nav-link.active:before{width:100%!important}.project .nav.nav-pills .nav-link.active{border:1px solid #fff}.nav-link#projects-tabs-tab-first{border:1px solid hsla(0,0%,100%,.5);border-radius:55px 0 0 55px}.nav-link#projects-tabs-tab-second{border-top:1px solid hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.5)}.nav-link#projects-tabs-tab-third{border:1px solid hsla(0,0%,100%,.5);border-radius:0 55px 55px 0}.proj-imgbx{position:relative;border-radius:20px;overflow:hidden;margin-bottom:24px;cursor:pointer;border:1px solid hsla(0,0%,100%,.2)}.proj-imgbx:before{content:"";background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);opacity:.85;position:absolute;width:100%;height:0;transition:.4s ease-in-out}.proj-imgbx:hover:before{height:100%}.proj-text{position:absolute;text-align:center;top:65%;left:50%;transform:translate(-50%,-50%);transition:.5s ease-in-out;opacity:0;width:100%}.proj-imgbx:hover .proj-text{top:50%;opacity:1}.proj-text h4{font-size:30px;font-weight:700;letter-spacing:.8px;line-height:1.1em}.proj-text span{font-style:italic;font-weight:400;font-size:15px;letter-spacing:.8px}.background-image-right{top:20%;position:absolute;bottom:0;width:35%;right:0;z-index:-4}.contact{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);padding:60px 0 200px}.contact img{width:92%}.contact h2{font-size:45px;font-weight:700;margin-bottom:30px}.contact form input,.contact form textarea{width:100%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;margin:0 0 8px;padding:18px 26px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}.contact form input:focus,.contact form textarea:focus{background:#fff;color:#121212}.contact form input::-moz-placeholder,.contact form textarea::-moz-placeholder{font-size:16px;font-weight:400;color:#fff}.contact form input::placeholder,.contact form textarea::placeholder{font-size:16px;font-weight:400;color:#fff}.contact form input:focus::-moz-placeholder,.contact form textarea:focus::-moz-placeholder{color:#121212;opacity:.8}.contact form input:focus::placeholder,.contact form textarea:focus::placeholder{color:#121212;opacity:.8}.contact form button{font-weight:700;color:#000;padding:14px 48px;font-size:18px;margin-top:25px;border-radius:0;position:relative;transition:.3s ease-in-out;overflow:hidden;border-radius:18px}@media (max-width:770px){.contact form button{width:80%;margin:0 auto;display:flex;justify-content:center}}.contact form button span{position:relative}.contact form button:hover{color:#fff}.contact form button:before{content:"";background:#121212;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out}.contact form button:hover:before{width:100%}.animated-button{transition:background-color .3s ease;background-color:hsla(0,0%,100%,.1)}.animated-button.enabled{background-color:#fff}.footer{padding:0 0 50px;background-image:url(/assets/img/footer-bg.png);background-position:50%;background-size:cover;background-repeat:no-repeat}[dir=rtl] .footer{direction:ltr}.newsletter-bx{background:#fff;border-radius:55px;color:#121212;padding:85px 100px;margin-bottom:80px;margin-top:-122px}@media (max-width:770px){.newsletter-bx{padding:50px 40px}}.newsletter-bx h3{font-weight:700;letter-spacing:.5px;line-height:1.2em}@media (max-width:770px){.newsletter-bx h3{text-align:center}}.new-email-bx{background:#fff;padding:5px;border-radius:20px;position:relative;z-index:0;display:flex;align-items:center}.new-email-bx:before{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);top:-1px;left:-1px;bottom:-1px;right:-1px}.new-email-bx:after,.new-email-bx:before{content:"";border-radius:20px;position:absolute;z-index:-1}.new-email-bx:after{background:#fff;top:0;left:0;bottom:0;right:0}.new-email-bx input{width:100%;color:#121212;font-weight:500;background:transparent;border:0;padding:0 15px}.new-email-bx button{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);padding:20px 65px;color:#fff;font-weight:500;letter-spacing:.5px;border-radius:18px}.footer-img{width:26%}@media (max-width:770px){.footer-img{width:30%}}.footer p{font-weight:400;font-size:14px;color:#b8b8b8;letter-spacing:.5px;margin-top:20px}@media (max-width:770px){.mobile-sec{display:flex;justify-content:center}}.modal-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 25px;border-radius:10px;border:none;outline:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000}.close-button{position:absolute;right:10px;top:0;background-color:transparent;border:none;font-size:40px;cursor:pointer}.white-close{color:#fff}.black-close{color:#000}.image-modal{background-color:#fff;max-width:90%;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.2)}.portfolio-header{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:16px}.portfolio-header h4{color:#000}[dir=rtl] .close-button{left:10px;right:unset}.portfolio-context p,h5{color:#000;line-height:1.5;text-align:justify}.tech{background:#222529;border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:1;margin:2px;padding:4px 8px;text-decoration:none;text-transform:uppercase}.detail{border-bottom:1px solid rgba(0,0,0,.06);padding:10px 0;display:flex;align-items:center;flex-wrap:wrap}.url{color:#000;font-size:15px;letter-spacing:1px;text-transform:uppercase;display:block;font-weight:700;text-decoration:none;transition:color .25s ease-out .1s;z-index:2;cursor:pointer}[dir=rtl] .url{direction:ltr}.url:hover{color:#b6b6b6}.shape{overflow:hidden;border-radius:10px}.modal-image{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;margin-top:20px}.switch{position:relative;display:inline-block;margin:0 5px}.switch>img{position:absolute;top:15%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.06);width:25%;text-align:center}.contact-modal{background:#1e1e1e;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);max-width:90%;width:60%;max-height:80vh;direction:ltr!important}@media (max-width:770px){.contact-modal{width:100%}}.slider{margin:auto;overflow:hidden;position:relative;width:auto}.slide-track{animation:scroll 40s linear infinite;display:flex;width:calc(250px * 14)}.slide{width:100px;margin:0 80px}@media (max-width:890px){.slide{width:64px;margin:0 80px}}.slider:after,.slider:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));content:"";height:100px;position:absolute;width:200px;z-index:2}.slider:after{right:0;top:0;transform:rotate(180deg)}.slider:before{left:0;top:0}@media (max-width:770px){.slide{margin:0 50px}}@keyframes scroll{0%{transform:translateX(0)}95%{transform:translateX(calc(-250px * 7))}}.fa{right:15%}.en{left:15%}input.check-toggle-round-flat:checked~.off{color:#dd2a1b}input.check-toggle-round-flat:checked~.on{color:#fff}.switch>img.on{left:0;padding-left:2px;color:#dd2a1b}.switch>img.off{right:0;padding-right:4px;color:#fff}.check-toggle{position:absolute;margin-left:-9999px;visibility:hidden}.check-toggle+label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input.check-toggle-round-flat+label{padding:2px;width:100px;height:35px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);border-radius:60px}input.check-toggle-round-flat+label:after,input.check-toggle-round-flat+label:before{display:block;position:absolute;content:""}input.check-toggle-round-flat+label:before{top:2px;left:2px;bottom:2px;right:2px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);-webkit-moz-border-radius:60px;border-radius:60px}input.check-toggle-round-flat+label:after{top:4px;left:4px;bottom:4px;width:48px;background-color:#fff;border-radius:52px;transition:margin .2s}input.check-toggle-round-flat:checked+label:after{margin-left:44px}