@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,700);body{font-family:"Maven Pro",sans-serif;padding-top:70px}.full-screen{padding:8rem 0}.skills{width:100%;max-width:900px;padding:0 30px;height: 100% !important;}.skill-name{font-size:18px;font-weight:700;text-transform:uppercase;margin:15px 0}.skill-bar{height:20px;background:#cacaca;border-radius:8px}.skill-per{height:20px;background-color:yellow;border-radius:8px;width:0;transition:1s linear;position:relative}.skill-per::before{content:attr(per);position:absolute;padding:4px 6px;background-color:#000;color:#fff;font-size:12px;border-radius:4px;top:-35px;right:0;transform:translateX(50%)}.skill-per::after{content:'';position:absolute;width:10px;height:10px;background-color:#000;top:-16px;right:0;transform:translateX(50%) rotate(45deg);border-radius:2px}.small-text{color:#5b5b5b;font-size:14px;font-weight:700;padding:8px 16px;border-radius:50px;letter-spacing:.2px}ul{margin:0;padding:0}ul li{list-style:none}a{font-weight:400;text-decoration:none!important;transition:all 0.4s ease}a:hover{color:#ffc200!important}.navbar-brand .uil{font-size:40px}p{font-size:18px;font-weight:300;line-height:1.5;color:#5b5b5b}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-1px}h1{color:#212121;font-size:2.8em;margin:24px 0}h2{color:#353535;font-size:2.4em;font-weight:700}h3{color:#484848}h3,b,strong{font-weight:700}.custom-btn{background:#eee;color:#5b5b5b;font-weight:700;border-radius:50px;padding:13px 29px;font-size:14px;line-height:normal;overflow:hidden;transition:all 0.4s ease}.custom-btn:hover{color:#ffc200}.custom-btn.custom-btn-bg{background:#474559;color:#fff}.custom-btn.custom-btn-bg:hover{background:#ffc200;color:#ffffff!important}.animated{position:relative}.animated-info{display:inline-block;vertical-align:top;margin-top:5px;min-width:260px;position:relative}.animated-item{color:#ffc200}.animated-item{font-size:38px;line-height:inherit;display:block;opacity:0;overflow:hidden;position:absolute;top:0;right:0;left:0;animation:BottomTotop 6s linear infinite 0s}.animated-item:nth-child(2n+2){animation-delay:2s}.animated-item:nth-child(3n+3){animation-delay:4s}@keyframes BottomTotop{0%{opacity:0}5%{opacity:0;transform:translateY(5px)}10%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(0)}30%{opacity:0;transform:translateY(5px)}80%{opacity:0}100%{opacity:0}}.navbar{position:fixed;top:-50px;right:0;left:0;z-index:999999;will-change:transform;transition:transform 200ms linear}.navbar[class*="-unpinned"]{transform:translate(0,-150%)}.navbar[class*="-pinned"]{transform:translate(0,0)}.navbar[class*="headroom--not-top"]{background:#fff;border-bottom:1px solid #f0f0f0;padding-top:0;padding-bottom:0}.navbar-brand{font-weight:700}.navbar-expand-sm .navbar-nav .nav-link{padding:0 20px}.nav-link{font-weight:700;font-size:16px;overflow:hidden}.nav-link span{position:relative;display:inline-block;transition:transform 0.3s}.nav-link span:before{position:absolute;top:100%;content:attr(data-hover);transform:translate3d(0,0,0)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#ffc200;font-weight:700}.navbar-light .navbar-nav .nav-link:focus span,.navbar-light .navbar-nav .nav-link:hover span{transform:translateY(-100%)}.navbar-light .navbar-toggler-icon{background:none}.navbar-toggler{border:0;padding:0;width:32px;height:32px;line-height:32px;outline:none;cursor:pointer;margin-right:10px}.navbar-toggler:focus{outline:none}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:first-child{transform:rotate(45deg);top:6px}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(2){display:none}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:last-child{transform:rotate(-45deg);bottom:1px}.navbar-toggler .navbar-toggler-icon{background:#212121;display:block;width:100%;height:2px;margin:5px 0;transition:all 0.4s ease;position:relative}.copyright-text{font-size:16px;font-weight:400;display:block}.color-mode{font-weight:700;cursor:pointer}.color-mode-icon{position:relative;right:6px}.color-mode-icon:after{font-family:'unicons';content:'\ea9f';font-size:30px;font-weight:300;font-style:normal}.color-mode-icon.active:after{font-family:'unicons';content:'\eb65';font-size:30px;color:#fff}.dark-mode{background:#0c0c0d}.dark-mode .navbar-light .navbar-nav .nav-link{color:rgba(255,255,255,.8)}.dark-mode .navbar-light .navbar-nav .nav-link:hover{color:#ffc200}.dark-mode .navbar[class*="headroom--not-top"]{background:#0c0c0d;border-bottom:1px solid #1f1f1f}.dark-mode .small-text{background:#0d0c15;color:#fff}.dark-mode .feature-card .uil,.dark-mode .navbar-light .navbar-brand,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode .color-mode{color:#fff}.dark-mode .owl-carousel .owl-nav button.owl-next,.dark-mode .owl-carousel .owl-nav button.owl-prev,.dark-mode .owl-carousel button.owl-dot{color:#fff}.timeline-wrapper{position:relative;padding:22px 0}.timeline-wrapper:last-child:before{height:0}.timeline-wrapper:before{content:"";background:#474559;width:3px;height:100%;position:absolute;left:38px}.timeline-yr{background:#474559;border-radius:100%;position:absolute;width:75px;height:75px;line-height:75px;text-align:center}.timeline-yr span{color:#fff;font-size:16px;font-weight:700;display:block;line-height:75px}.timeline-info{display:inline-block;vertical-align:top;max-width:432px;margin-left:6em}.timeline-info small{color:#474559;font-size:16px;font-weight:700;display:inline-block;vertical-align:middle;margin-left:15px}.owl-carousel .owl-nav span{display:none}.owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before{background:none;padding:0;display:block;position:absolute;top:50%;transform:translate(0,-50%);font-family:'unicons';font-size:100px;line-height:normal}.owl-carousel .owl-nav .owl-prev:before{content:'\e833';left:-45px}.owl-carousel .owl-nav .owl-next:before{content:'\e836';right:-45px}.owl-theme .owl-nav [class*=owl-]{background:none;border-radius:0;margin:0;padding:0;font-size:inherit}.owl-theme .owl-nav [class*=owl-]:hover{color:#ffc200}.owl-theme .owl-dots .owl-dot{outline:none}.owl-theme .owl-dots .owl-dot span{width:8px;height:8px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#5b5b5b}.google-map iframe{width:100%}.contact{margin-top:140px}.contact-form{position:relative}.contact-form .form-control{background:transparent;border-radius:2px;outline:none;box-shadow:none;font-weight:700;margin:16px 0}.contact-form .form-control:not(textarea){height:48px}.contact-form .form-control:hover,.contact-form .form-control:focus{border-color:#ffc200}.contact-form .submit-btn{background:#ffc200;border-radius:50px;color:#fff;font-weight:700;border:0;cursor:pointer;transition:all 0.4s ease}.contact-form .submit-btn:hover{background:#474559}.contact-info{background:#474559;border-radius:0 0 3px 3px;position:relative;bottom:8px}.contact-info p,.contact-info a{color:#f7f3f3}.img-fluid{max-width:100%;height:auto;filter:grayscale(0) blur(0);transition:all 2s ease}.img-fluid:hover{width:100%;max-width:100%;height:600px;object-fit:cover;height:100%;object-position:50% 30%;border-radius:50%;transform:rotate(360deg)}.social-links .uil{color:#f7f3f3;font-size:20px;display:block;margin:5px 0}.social-links .uil:hover{color:#ffc200}@media (min-width:1270px){.owl-theme .owl-dots{position:relative;bottom:50px}}@media (max-width:991px){.full-screen{padding-bottom:4rem}.color-mode{display:none}.about-image{margin-top:4em}.mobile-mt-2,.contact-form{margin-top:2em}.contact-info{padding:0 2rem}}@media (max-width:767px){h1{font-size:2.4em}h2{font-size:2em}.animated-item{font-size:28px}.navbar-collapse{background:#fff;text-align:center;padding-bottom:20px}.navbar-expand-sm .navbar-nav .nav-link{padding:3px 20px}.img-fluid{display:none!important}.anas0505{margin-top:12px!important}}@media (max-width:580px){.animated-info{min-width:200px}.animated-item{font-size:30px}.custom-btn-group{text-align:center}.custom-btn{display:block;margin:10px 0}.owl-theme .owl-nav{display:none}.timeline-info small{display:block;margin:10px 0 0 0}}@media (max-width:320px){.animated-text{margin-top:0}.about-text{text-align:center}.full-screen{padding:4rem 0}.mobile-block{display:block}.contact-info{flex-direction:column}.social-links li{display:inline-block;vertical-align:top}}.anas0505{margin-top:-140px}.section-heading{font-size:clamp(2rem,10vw,5rem);text-transform:uppercase;font-family:'Montserrat';letter-spacing:.2rem;text-align:center;position:relative;margin-bottom:10rem}.section-heading::before{content:attr(data-outline);position:absolute;left:2%;top:-20%;width:100%;text-align:center;text-transform:uppercase;font-family:'Montserrat';letter-spacing:.2rem;color:transparent;-webkit-text-stroke:1.5px yellow;z-index:-1}.skill-bars{padding:25px 30px;width:100%;background:rgb(148,148,148);box-shadow:5px 5px 20px rgba(0,0,0,.2);border-radius:10px;transition:1s ease;z-index:1!important;height:700px}.skill-bars:hover{transform:translateY(13%)!important;background-color:gray!important}.skill-bars .bar{margin:20px 0}.skill-bars .bar:first-child{margin-top:0}.skill-bars .bar .info{margin-bottom:5px}.skill-bars .bar .info span{font-weight:500;font-size:17px;opacity:0;animation:showText 0.5s 1s linear forwards}@keyframes showText{100%{opacity:1}}.skill-bars .bar .progress-line{height:10px;width:100%;background:#fff;position:relative;transform:scaleX(0);transform-origin:left;border-radius:10px;box-shadow:inset 0 1px 1px rgba(141,32,32,.05),0 1px rgba(97,35,35,.8);animation:animate 1s cubic-bezier(1,0,.5,1) forwards}@keyframes animate{100%{transform:scaleX(1)}}.bar .progress-line span{height:100%;position:absolute;border-radius:10px;transform:scaleX(0);transform-origin:left;background:yellow;animation:animate 1s 1s cubic-bezier(1,0,.5,1) forwards}.bar .progress-line.html span{width:90%}.bar .progress-line.css span{width:85%}.bar .progress-line.javascript span{width:70%}.bar .progress-line.bootstrap span{width:80%}.bar .progress-line.mysql span{width:75%}.bar .progress-line.php span{width:80%}.bar .progress-line.laravel span{width:75%}.progress-line span::before{position:absolute;content:"";top:-10px;right:0;height:0;width:0;border:7px solid transparent;border-bottom-width:0;border-right-width:0;border-top-color:#000;opacity:0;animation:showText2 0.5s 1.5s linear forwards}.progress-line span::after{position:absolute;top:-28px;right:0;font-weight:500;background:#000;color:#fff;padding:1px 8px;font-size:12px;border-radius:3px;opacity:0;animation:showText2 0.5s 1.5s linear forwards}@keyframes showText2{100%{opacity:1}}.progress-line.html span::after{content:"90%"}.progress-line.css span::after{content:"85%"}.progress-line.javascript span::after{content:"70%"}.progress-line.bootstrap span::after{content:"80%"}.progress-line.php span::after{content:"80%"}.progress-line.mysql span::after{content:"75%"}.progress-line.laravel span::after{content:"75%"}.gotopbtn{position:fixed;width:50px;height:50px;background:#e60073;bottom:40px;right:50px;text-decoration:none;text-align:center;line-height:50px;color:#000;font-size:30px;border-radius:10px}.card:hover{transform:translateY(-3%)}.card:hover i{transform:translateX(0%) rotateY(360deg);color:white!important}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;transition:1s ease;height:350px}.card p{color:white!important}.card i{color:yellow!important;transition:1s ease}.card2{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;transition:1s ease;height:385px}.card2 p{color:white!important}.card2:hover{transform:translateX(-4%);background-color:gray!important}.card2:hover img{transform:scale(1.2);border-radius:5%}.btn{transition:.8s ease-in-out}.card2 .btn{border:1px solid white!important;color:#fff}.card2 .btn:hover{background-color:yellow!important;color:black!important}.card:hover{background-color:gray!important;border-radius:40px;height:385px}.card2 img{transition:1s ease}.whatsapp_float{position:fixed;width:70px;height:60px;bottom:120px;right:40px;background-color:#25d366;color:#fff!important;border-radius:50px;text-align:center;font-size:30px}.whatsapp-icon{margin-top:16px}.anas99{margin-top:13px!important}@media screen and (max-width:767px){.whatsapp-icon{margin-top:10px}.anas99{margin-top:10px!important}.whatsapp_float{width:40px;height:40px;bottom:200px;right:10px;font-size:22px}}@media screen and (max-width:767px){.gotopbtn{width:40px;height:40px;bottom:140px;right:10px;font-size:22px}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:5px;box-shadow:inset 0 0 10px rgba(0,0,0,.25)}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#e60073}@media screen and (max-width:767px){::-webkit-scrollbar{width:2px!important}::-webkit-scrollbar-track{border-radius:2px!important;box-shadow:inset 0 0 10px rgba(0,0,0,.25)!important}::-webkit-scrollbar-thumb{border-radius:2px!important;background-color:#e60073!important}}