.list{list-style:none;display:flex;align-items:center;justify-content:flex-end}.list li{padding:12px 14px;font-size:16px}.list li a{text-decoration:none;color:#fff}.main-logo .main-logo-img{width:50px}.main-div{position:fixed;top:0;right:0;left:0;z-index:1030;transition:all .8s}.none-menu-bar{display:none}.none-menu-bar p{width:40px;height:40px;border:1px solid #fff;text-align:center;line-height:49.5px;border-radius:5px}.main-bg-containt{text-align:center;z-index:1;position:relative;padding-top:60px!important}.none-menu-bar p i{color:#fff;font-size:29px}.main-bg-containt h1{color:#fff;font-size:65px;margin-bottom:10px}.main-bg-containt p span:before{content:"";color:#27e278;-webkit-animation:profile 5s infinite;animation:profile 5s infinite;margin:0 0 0 6px}@-webkit-keyframes profile{0%{content:"UI/UX Designer"}50%{content:"Web Developer"}to{content:"UI/UX Designer"}}@keyframes profile{0%{content:"UI/UX Designer"}50%{content:"Web Developer"}to{content:"UI/UX Designer"}}.main-bg-containt p{font-size:27px;font-weight:400;color:#fff;margin-bottom:20px}.main-bg{background:url(../img/zia-syed-gOq27RHoL3s-unsplash.389d47cf.jpg) 50%/cover;position:relative;padding:100px 0;min-height:100vh}.wave_shape{position:absolute;bottom:0;left:0;right:0}.main-bg-details p{color:#fff;width:52%;margin:0 auto;margin-bottom:20px;font-size:17px}.downlord{background:#27e278;color:#fff;margin-right:10px;margin:14px 10px 10px 0}.downlord,.Touch{border-radius:0;font-size:15px;padding:23px 15px}.Touch{background:#fff;color:#27e278;margin-right:10px;margin:14px 0 10px 10px}.fixed_bg{background-attachment:fixed!important}.main-bg:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0;background-color:rgba(12,14,39,.8)}.ap-details{background:#252740;padding:70px 0}.ap-img-ap{width:90%;z-index:1}.ap-img{position:relative}.ap-img-border{position:absolute;border:8px solid #fff;top:35px;bottom:-36px;left:30px;right:5px;z-index:0}.about{border-bottom:1px solid #fff}.about h3{color:#fff;font-size:40px;font-weight:400;margin-bottom:3px}.about p{color:#fff;font-size:17px;padding-bottom:15px}.basic-info h3{color:#fff;font-size:28px;font-weight:400;margin-bottom:3px;padding-top:15px}.add{list-style-type:none}.add li{color:#fff;font-size:18px;padding:6px 0;display:flex;align-items:center}.add li p{width:125px}.skills{padding:50px 0;background:#121833}.skills-heading{text-align:center}.skills-heading h2{color:#fff;font-size:38px;font-weight:500}.skills-heading p{padding-top:8px;width:60%;margin:auto;color:#fff;font-size:17px;padding-bottom:14px}.main-progres{padding:16px;background:#41465c}.design .design-heading{display:flex;align-items:center;justify-content:space-between;list-style:none;margin-bottom:20px}.design-heading li a{color:#fff;text-decoration:none;font-size:18px}.nav-header{background:#000}.progres-bar-s{width:100%;position:relative;height:3px;background:#ddd;border-radius:100px}.progres-bar-green{position:absolute;width:85%;height:3px;background:#27e278;border-radius:100px}.services{background:#252740;padding:50px 0}.services-icon{text-align:center;border:1px solid #fff;padding:18px;transition:all .5s}.services-icon a{color:#27e278;font-size:41px}.services-icon h4{color:#fff;padding-bottom:9px;font-size:23px}.services-icon p{color:#fff;line-height:18px;font-size:17px}.services-icon:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.claint-s{background:url(../img/bg-img.fedd4518.jpg) 50%/cover;padding:50px 0;position:relative}.claint-s:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0;background-color:rgba(12,14,39,.8)}.projects-completed{position:relative;text-align:center}.projects-completed a{color:#fff;font-size:40px}.projects-completed h3{font-size:28px;color:#fff}.projects-completed p{color:#fff;font-size:12px}.myportfolio{background:#252740;padding:50px 0}.img-head-p{list-style:none;display:flex;align-items:center;justify-content:center}.img-head-p li{color:#fff;padding:5px 20px;transition:all .8s;border-bottom:1px solid transparent}.img-head-p li:hover{border-bottom:1px solid #0f0;color:#0f0}.myresume{background:#121833;padding:50px 0}.education-head{display:flex;align-items:center}.education-head i{color:#fff;height:40px;width:40px;background:#27e278;border-radius:100px;text-align:center;line-height:40px;margin-right:15px}.education-head h4{color:#fff;font-weight:400}.education-details{border-left:1px solid #fff;margin-left:20px}.education-main-details{padding:17px 0 0 25px;position:relative}.education-main-details:before{content:"";position:absolute;top:38px;left:-7.5px;height:14px;width:14px;background:rgba(39,225,120,.6352941176470588);border-radius:100px}input,textarea{color:#fff}.education-main-details:after{content:"";position:absolute;top:41px;left:-5px;height:8px;width:8px;background:#27e178;border-radius:100px}.education-main-details-p{padding:20px;background-color:hsla(0,0%,100%,.1);position:relative}.education-main-details-p:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-right:15px solid #2a3048;border-bottom:10px solid transparent;top:18px;left:-15px}.SecondarySchool{border-bottom:1px solid #fff}.SecondarySchool p{color:#27e278;font-size:17px}.SecondarySchool p span{color:#fff}.SecondarySchool h3{color:#fff;font-size:25px;font-weight:400;padding:5px 0}.High-School p{padding:7px 0 0 0;font-size:16px;color:#fff}.Testimonials{padding:50px 0;background:#252740}.VueCarousel-slide{height:100px;color:#fff;background:#59ecff;display:flex;align-items:center;justify-content:center;border-right:1px solid #fff;box-sizing:border-box;font-size:12px;text-align:center}.clients-pic .v-img{width:50px}.clients-name-details{background:#3b3d53;padding:18px}.clients-img-c{display:flex;align-items:center}.clients-name-fill{margin-left:14px}.clients-name-fill h4{color:#fff;font-size:20px;font-weight:400}.clients-name-fill p{font-size:12px;font-style:italic;color:#27e278}.c-details p{color:#fff;font-size:15px;padding-top:13px}.Blog{background:#121833;padding:50px 0}.card-main{background:#2a2f48;padding:12px}.ui-ux-heading h5 a{color:#27e278;text-decoration:none;padding:8px 0}.ui-ux-heading{padding:8px 0 0 0}.ui-ux-heading p{color:#fff;font-size:21px;font-weight:500;padding:4px 0 0 0}.calender p a{text-decoration:none;color:#fff;font-size:12px}.calender span{color:#fff;font-size:11px}.calender p{color:#fff;font-size:13px;padding:6px 0;font-weight:300}.readmore h5 a{text-decoration:none;color:#fff;font-size:16px;font-weight:400}.contact-me{padding:50px 0;background:#252740}.input-tag input{border:1px solid #fff;padding:4px 0 4px 6px;width:100%;height:45px}.input-tag input::-moz-placeholder{font-size:14px;color:#fff}.input-tag input:-ms-input-placeholder{font-size:14px;color:#fff}.input-tag input::placeholder{font-size:14px;color:#fff}.massage-text textarea{width:100%;border:1px solid #fff;padding:0 6px 0 6px;height:118px}.massage-text textarea::-moz-placeholder{font-size:14px;color:#fff}.massage-text textarea:-ms-input-placeholder{font-size:14px;color:#fff}.massage-text textarea::placeholder{font-size:14px;color:#fff}.submit-button .v-btn{width:100%;border-radius:0;padding:0 0 0 0;background:#27e278;color:#fff;font-size:12px;font-size:15px;height:41px}.location{text-align:center;margin-top:20px}.location i{font-size:45px;color:#27e278}.location h4{font-size:15px;padding:5px 0}.location h4,.location p{color:#fff;font-weight:400}.location p{font-size:13px}.footer{background:#121833;padding:100px 0 30px 0;position:relative}.footer:before{content:"";position:absolute;left:0;top:0;right:0;background-image:url(../img/shap-2.c7edcad1.png);height:100px;background-position:top;background-repeat:no-repeat;width:100%}.footer-logo .v-img{width:50px;margin:0 auto}.new p{color:#fff;text-align:center;padding:10px 0}.footer-input input{background:#fff;padding:0 0 0 7px;height:39px;width:500px}.footer-input{position:relative;text-align:center}.footer-input .v-btn{border-radius:0;font-size:11px;color:#fff;background:#27e278;position:absolute;top:1px;right:339px;height:36px}.footer-list{width:70%;margin:20px auto;border-top:1px solid #fff;border-bottom:1px solid #fff}.f-list{list-style:none;display:flex;align-items:center;justify-content:center;padding:9px 0}.f-list li{padding:0 22px}.f-list li a{text-decoration:none;color:#fff;font-size:13px}.f-list li a:hover{color:#27e278}.f-social{list-style:none;display:flex;align-items:center;justify-content:center}.f-social li a{color:#fff;text-decoration:none}.f-social li a:hover{color:#27e278}.f-social li{padding:0 10px}.copy-footer{background:#0c0e27;padding:20px 0}.copy p{text-align:center;color:#fff;font-size:12px;font-weight:lighter}.copy p a{text-decoration:none;color:#27e278}.portfolio-img-p{margin-top:20px}.v-main__wrap{overflow:hidden}.none-header{display:none}@media only screen and (max-width:1024px){.about h3{font-size:35px}.about p{font-size:14px}.basic-info h3{font-size:24px}.add li{font-size:14px;padding:3px 0}.add li p{width:97px}.services-icon p{font-size:14px}.services-icon h4{padding-bottom:2px;font-size:22px}.input-tag input{height:39px}.footer-input .v-btn{right:190px}.list li{padding:12px 9px;font-size:12px}}@media only screen and (max-width:991px){.main-bg-containt h1{font-size:56px;margin-bottom:0}.main-bg-containt p{font-size:23px}.main-bg-details p{font-size:15px}.downlord,.Touch{font-size:13px;padding:19px 15px}.services-icon h4{font-size:19px}.services-icon p{font-size:13px;font-weight:100}.SecondarySchool h3{font-size:20px}.High-School p{font-size:14px}.c-details p{font-size:13px}.ui-ux-heading p{font-size:18px}.massage-text textarea{height:107px}.submit-button .v-btn{height:35px}.design-heading li a{font-size:15px}}@media only screen and (max-width:768px){.main-logo .v-img{margin:0 auto}.list{justify-content:center}.footer-input .v-btn{right:124px}.f-list li{padding:0 16px}.list li{padding:0 9px}.none-header{background:#000;width:203px;display:block;position:fixed;z-index:999999;top:0;height:100%}.logo-img-none{padding-bottom:12px}.logo-img-none .v-responsive{margin:0 auto}.logo-img-none .v-img{width:50px}.list-menu{list-style:none}.list-menu li{padding:6px 8px;border-top:1px solid #fff}.list-menu li:last-child{border-bottom:1px solid #fff}.list-menu li a{color:#fff;text-decoration:none}.list{display:none}.none-menu-bar{display:block}.main-logo-menu-bar{display:flex;align-items:center;justify-content:space-between}}@media only screen and (max-width:575px){.main-bg-containt h1{font-size:46px;margin-bottom:0}.ap-protfolio{margin-top:32px}.about p{font-weight:lighter}.about p,.add li{font-size:17px}.add li p{width:116px}.footer-input .v-btn{right:27px}.f-list li{padding:0 7px}.skills-heading h2{font-size:34px}.skills-heading p{font-weight:300}.skills{padding:21px 0}.none{display:none}.footer-input input{width:100%}.footer-input .v-btn{right:0}}@media only screen and (max-width:425px){.ap-details{padding:29px 0}.skills-heading p{width:100%}.none{display:none}.contact-me{padding:0 0}.footer-input input{width:399px}.footer-input .v-btn{right:3px}.footer-list{width:100%}.copy-footer{padding:3px 0}.img-head-p li{padding:5px 13px}}@media only screen and (max-width:375px){.footer-input input{width:349px}.f-list li{padding:0 5px}.main-bg-details p{width:100%}.img-head-p li{padding:5px 4px}.f-list li{padding:0 3px}}@media only screen and (max-width:320px){.about h3{font-size:27px}.about p{font-size:14px}.skills-heading h2{font-size:25px}.skills-heading p{font-size:15px}.footer-input input{width:296px}.footer-list{display:none}.social{margin-top:15px}.main-bg-details p{width:100%}}