@import url(https://fonts.googleapis.com/css2?family=Clicker+Script&family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);.about .about-content,.about .about-content .about-text{flex:0 0 100%;max-width:100%}.about .about-content .about-text h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:15px}.about .about-content .about-text h3 span{color:#2299f8;font-family:clicker script,cursive}.about .about-content .about-text p{color:#fff;font-size:16px;line-height:25px}.about .about-content .personal-info{flex:0 0 60%;margin-top:40px;max-width:60%}.about .about-content .personal-info .info-item{flex:0 0 50%}.about .about-content .personal-info .info-item p{border-bottom:1px solid #433e3e;color:#2299f8;font-size:16px;font-weight:600;padding:10px 0}.about .about-content .personal-info .info-item p span{color:#fff;display:inline-block;font-weight:400;margin-left:4px}.about .about-content .personal-info .buttons{margin-top:30px}.about .about-content .personal-info .buttons .btn{margin-right:15px;margin-top:10px}.about .about-content .skills{flex:0 0 40%;margin-top:40px;max-width:40%}.about .about-content .skills .skills-item{flex:0 0 100%;max-width:100%}.about .about-content .skills .skills-item h5{color:#2299f8;font-size:25px;font-weight:600;line-height:70px;text-align:center;text-transform:capitalize}.btn-three{background-color:initial;border:1px solid #fff;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-right:10px;outline:none;padding:.8em 2em;text-transform:uppercase;transition:all .3s ease 0s}.btn-three:hover{background-color:#2299f8;box-shadow:0 5px 25px #2299f8;color:#fff;-webkit-transform:translateY(-7px);transform:translateY(-7px)}.btn-three:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:1199px){.about .about-content .personal-info .info-item p span{display:block;margin-left:0}}@media (max-width:767px){.about .about-content .education,.about .about-content .experience,.about .about-content .personal-info,.about .about-content .skills{flex:0 0 100%;max-width:100%}}.social-contact{align-items:center;display:flex;justify-content:center}.social-icon-div{border:2px dashed #2299f8;border-radius:50%;cursor:pointer;margin:6px;padding:6px;transition:border .3s ease}.social-icon-div:hover{-webkit-animation:rotateIcon .6s forwards;animation:rotateIcon .6s forwards;border:2px dotted #2299f8}@-webkit-keyframes rotateIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes rotateIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.social-icon{height:40px}@media only screen and (max-width:720px){.social-icon{height:32px}}.project-sec{padding-top:50px}.gallery-btn{border:2px solid #fefefe;color:#fefefe;display:inline-block;font-size:20px;font-weight:600;padding:5px 17px;position:relative;text-decoration:none;text-transform:uppercase}.gallery-btn:before{background-color:#212121;content:"";height:calc(100% - 12px);left:-2px;position:absolute;top:6px;-webkit-transform:scaleY(1);transform:scaleY(1);transition:.3s ease-in-out;width:calc(100% + 4px)}.gallery-btn:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.gallery-btn:after{background-color:#212121;content:"";height:calc(100% + 4px);left:6px;position:absolute;top:-2px;-webkit-transform:scaleX(1);transform:scaleX(1);transition:.3s ease-in-out;transition-delay:.5s;width:calc(100% - 12px)}.gallery-btn:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}.gallery-btn span{position:relative;z-index:3}.btn-gallery{background-color:initial;border:none;text-decoration:none}.box{background:#0a212f;border-radius:10px;font-family:Raleway,sans-serif;margin-bottom:30px;overflow:hidden;position:relative;text-align:center}.box img{height:250px;transition:all .5s;width:100%}.box:hover img{-webkit-filter:blur(3px);filter:blur(3px);opacity:.2;-webkit-transform:scale(1.1);transform:scale(1.1)}.box-content{color:#fff;left:0;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease 0s;width:100%}.box:hover .box-content{opacity:1}.box .title{font-size:23px;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-shadow:2px 2px 5px rgba(0,0,0,.5);text-transform:uppercase}.box .title:after{border:2px solid #fff;border-left:none;border-right:none;clear:both;content:"";display:block;height:7px;margin:8px auto 0;opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:all .4s ease 0s;width:130px}.box:hover .title:after{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}.box .post{display:block;font-size:13px;font-weight:400;letter-spacing:2px;text-transform:capitalize}.box .icon{bottom:10px;left:50%;list-style:none;margin:0;padding:0;position:absolute;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);transition:all .5s linear}.box:hover .icon{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.box .icon li{display:inline-block;margin:0 2px}.box .icon li a{border:2px solid #fff;border-radius:50%;color:#fff;display:block;font-size:20px;height:35px;line-height:33px;transition:all .4s ease 0s;width:35px}.box .icon li a:hover{background-color:#2299f8;color:#fff;text-shadow:2px 2px 4px #0a212f}@media only screen and (max-width:990px){.box{margin:0 0 30px}}@media only screen and (max-width:768px){.gallery-btn{border:1px solid #fefefe;color:#fefefe;display:inline-block;font-size:16px;font-weight:400;padding:2px 10px;position:relative;text-decoration:none;text-transform:uppercase}}.skill{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px;text-align:center}.skill .skill-inner{border:2px solid #a3a3a3b1;border-radius:50%;height:200px;margin-bottom:20px;padding:54px 0 48px;transition:.7s;width:200px}.skill:hover .skill-inner{border:2px dashed #2299f8;-webkit-transform:scale(1.1);transform:scale(1.1)}.skill .skill-inner img{display:block;height:50px;margin:auto auto 29px;transition:.7s;width:50px}.skill:hover .skill-inner img{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.skill .skill-inner h1{color:#2299f8;font-size:30px;font-weight:300;margin:0;transition:.7s}.skill p,.skill:hover .skill-inner h1{color:#fff}.skill p{font-size:14px;margin:0}.main-timeline{font-family:Poppins,sans-serif}.main-timeline:after{clear:both;content:"";display:block}.main-timeline .timeline{float:left;margin-top:50px;padding:0 75px 0 0;width:calc(50% + 1px)}.main-timeline .timeline-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.07);border-radius:10px;box-shadow:0 0 10px 1px hsla(0,0%,64%,.25);color:#fff;display:block;padding:30px;position:relative;z-index:1}.main-timeline .timeline-content:hover{text-decoration:none}.main-timeline .title-c{font-size:30px;font-weight:600;letter-spacing:1px;margin:0 0 10px}.main-timeline .title-d{font-size:20px;font-weight:400;letter-spacing:1px;margin:0 0 10px}.main-timeline .title-j{font-size:15px;font-weight:300;letter-spacing:1px;margin:0 0 10px}.main-timeline .description{word-wrap:break-word;color:hsla(0,0%,100%,.7);font-size:12px;letter-spacing:1px;margin:0}.main-timeline .timeline-year{border-bottom:3px dashed #2299f8;color:#999;font-size:35px;font-weight:600;position:absolute;right:-150px;text-align:center;text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:150px}.main-timeline .timeline-year:after,.main-timeline .timeline-year:before{background-image:radial-gradient(circle farthest-corner at 10% 20%,rgba(34,153,248,.87) 20.8%,rgba(34,59,248,.84) 74.4%);bottom:-5px;content:"";height:8px;left:-5px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.main-timeline .timeline-year:after{border-radius:50%;left:auto;right:-1px}.main-timeline .timeline:nth-child(2n){float:right;padding:0 0 0 75px}.main-timeline .timeline:nth-child(2n) .timeline-year{border-bottom:3px dashed #2299f8;left:-150px;right:auto}.main-timeline .timeline:nth-child(2n) .timeline-year:after,.main-timeline .timeline:nth-child(2n) .timeline-year:before{background-image:radial-gradient(circle farthest-corner at 10% 20%,rgba(34,153,248,.87) 20.8%,rgba(34,59,248,.84) 74.4%);left:auto;right:-5px}.main-timeline .timeline:nth-child(2n) .timeline-year:after{left:0;right:auto}.timeline-year img{margin-bottom:5px;width:70px}@media screen and (max-width:767px){.main-timeline .timeline,.main-timeline .timeline:nth-child(2n){margin:0 0 30px;padding:0 100px 0 0;width:100%}.main-timeline .timeline:nth-child(2n){padding:0 0 0 100px}.main-timeline .timeline-year,.main-timeline .timeline:nth-child(2n) .timeline-year{font-size:25px;right:-100px;width:100px}.main-timeline .timeline:nth-child(2n) .timeline-year{left:-100px}.timeline-year img{width:60px}.main-timeline .timeline:nth-child(2n){float:left}}@media screen and (max-width:479px){.main-timeline .timeline{padding:0 40px 0 0}.main-timeline .timeline:nth-child(2n){padding:0 0 0 40px}.main-timeline .timeline-year{border:none;right:-70px}.main-timeline .timeline:nth-child(2n) .timeline-year{border:none;left:-70px}.main-timeline .timeline-year:after,.main-timeline .timeline-year:before{display:none}}.padd-15{padding-left:15px;padding-right:15px}.section-title{flex:0 0 100%;margin-bottom:60px;max-width:100%}.section-title h2{color:#fff;font-family:clicker script,cursive;font-size:40px;font-weight:700;position:relative}.section-title h2:before{width:50px}.section-title h2:after,.section-title h2:before{background-color:#2299f8;content:"";height:4px;left:0;position:absolute;top:100%}.section-title h2:after{margin-top:8px;width:25px}.demo{background:#f2f2f2}.form-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.07);border-radius:10px;box-shadow:0 0 10px 1px rgba(0,0,0,.25);font-family:Nunito,sans-serif;padding:60px 100px 100px;text-align:center}.form-container .title{color:#c8c1c1;display:inline-block;font-size:30px;font-weight:400;margin:0 0 20px;position:relative;text-transform:capitalize}.form-container .form-horizontal .form-group{font-size:0;margin:0 0 15px}.form-container .form-horizontal .form-control{background:#000;border:1px dashed #2299f8;border-bottom:none;border-radius:50px;border-top:none;color:#fffcf6;font-size:16px;font-weight:600;height:45px;letter-spacing:1px;padding:6px 30px}.form-container .form-horizontal .form-control:focus{box-shadow:none;outline:none}.form-container .form-horizontal .form-control::-webkit-input-placeholder{color:#fff;font-style:italic;font-weight:200;opacity:.5}.form-container .form-horizontal .form-control::placeholder{color:#fff;font-style:italic;font-weight:200;opacity:.5}.form-container .form-horizontal .btn{background-color:#e6a760;border:none;border-radius:50px;box-shadow:inset -3px -3px 10px #bd841b;color:#fff;font-size:25px;font-style:italic;font-weight:700;text-transform:capitalize;transition:all .3s ease 0s;width:100%}.form-container .form-horizontal .btn:hover{letter-spacing:3px}.form-container .form-horizontal .btn:focus{outline:none}@media only screen and (max-width:479px){.form-container{padding:50px 50px 70px}}.btn-four{background-color:initial;border:1px solid #fff;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1.5px;outline:none;padding:.8em 2em;text-transform:uppercase;transition:all .3s ease 0s}.btn-four:hover{background-color:#2299f8;box-shadow:0 5px 25px #2299f8;color:#fff;-webkit-transform:translateY(-7px);transform:translateY(-7px)}.btn-four:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.email-signature{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.07);border-radius:10px;box-shadow:0 0 10px 1px hsla(0,0%,63%,.25);font-family:Poppins,sans-serif;font-size:0;margin-top:50px;padding:50px 20px;position:relative;z-index:1}.email-signature .signature-icon{background:#2299f8;border-radius:50%;box-shadow:0 0 0 25px #e7e7e7;color:#fff;font-size:55px;height:160px;left:50%;line-height:105px;padding:18px;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:160px;z-index:1}.email-signature .signature-icon img{border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);height:100%;width:100%}.email-signature .signature-details{display:inline-block;padding-right:120px;text-align:center;vertical-align:top;width:50%}.email-signature .title{color:#fff;font-size:22px;font-weight:700;margin:0;text-transform:capitalize}.email-signature .title span{color:#2299f8}.email-signature .post{color:#c8c1c1;display:block;font-size:14px;font-weight:500;margin:0 0 7px;text-transform:capitalize}.email-signature .social-links{border-top:2px solid #2299f8;display:inline-block;list-style:none;margin:0;padding:8px 0 0;position:relative}.email-signature .social-links li{display:inline-block;margin:0 5px}.email-signature .social-links li a{background-color:#333;border-radius:50%;color:#fff;display:block;font-size:11px;height:23px;line-height:23px;transition:all .3s ease 0s;width:23px}.email-signature .social-links li a:hover{background-color:#2299f8}.email-signature .signature-content{display:inline-block;list-style:none;margin:0;padding:0 0 0 140px;width:50%}.email-signature .signature-content li{color:#c8c1c1;font-size:12px;font-weight:500;margin:0 0 12px;padding:2px 0 2px 25px;position:relative}.email-signature .signature-content li:last-child{margin-bottom:0}.email-signature .signature-content li i{background-color:#2299f8;border-radius:50%;color:#fff;font-size:10px;height:20px;left:0;line-height:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}@media screen and (max-width:767px){.email-signature{padding:20px 20px 45px}.email-signature .signature-icon{box-shadow:0 0 0 10px #e7e7e7;left:50%;top:125px;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.email-signature .signature-content,.email-signature .signature-details{padding:0;text-align:center;width:100%}.email-signature .signature-details{margin:0 0 200px}.email-signature .signature-content li{margin:0 0 10px;padding:0}.email-signature .signature-content li i{position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.form-container .title{font-size:20px}}a,a:hover{text-decoration:none}.navbar{padding:20px 0}.top-head{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000c9;border-bottom:1px solid #ffffff4a;position:-webkit-sticky;position:sticky;position:fixed;top:0;width:100%;z-index:99}.navbar-nav a{color:#fff;font-size:16px;font-weight:500;margin-right:18px}@media (min-width:992px){.navbar-expand-lg .navbar-collapse{display:flex!important;justify-content:flex-end}}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.nav-link:focus,.nav-link:hover{color:#2299f8}.navbar-toggler{background-color:#2299f8;padding:2px 10px}.nav-link{position:relative}.navbar-brand img{width:75%}.nav-link:before{background-color:#2299f8;border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:.5s;width:0}.navbar-nav li:hover .nav-link:before{width:100%}.sub-menu{position:relative}.nav-link.sub-menu:after{content:"\F282";font-family:bootstrap-icons;position:absolute;right:-10px;top:10px}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.btn-one{align-items:center;background-color:initial;border:1px solid #fff;border-radius:20px 20px 20px 0;box-shadow:0 8px 15px rgba(0,0,0,.1);color:#fff!important;cursor:pointer;display:flex;font-size:12px!important;height:40px;justify-content:center;outline:none;transition:all .3s ease 0s;width:40px}.btn-one:hover{background-color:#2299f8;box-shadow:0 5px 25px #2299f8;color:#fff;-webkit-transform:translateY(-7px);transform:translateY(-7px)}.btn-one:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.logo a{color:#fff;font-size:25px;font-weight:700;letter-spacing:5px;padding:10px 15px;position:relative}.logo a span{font-family:clicker script,cursive;font-size:30px}.logo a:before{border-bottom:5px solid #2299f8;border-left:5px solid #2299f8;bottom:0;left:0}.logo a:after,.logo a:before{content:"";height:20px;position:absolute;width:20px}.logo a:after{border-right:5px solid #2299f8;border-top:5px solid #2299f8;right:0;top:0}@media only screen and (max-width:1200px){.navbar-nav .btn1,.navbar-nav .btn2{height:40px;width:115px}.navbar-nav a{font-size:14px;margin-right:12px}}@media only screen and (max-width:992px){.nav-link.sub-menu:after{left:43px;top:11px}.navbar-nav .btn1{margin:10px 0}.navbar-nav{margin-top:20px}.navbar-nav .nav-link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar-nav a{font-size:16px}.btn-one{margin-top:15px}}.container{margin:auto;width:100%}.section .container{padding-bottom:70px;padding-top:130px}.home{color:#fff;display:flex;min-height:100vh}.home .home-info{flex:0 0 60%;margin:auto;max-width:60%}h1.hello{font-size:28px;margin:15px 0}h1.hello span{color:#2299f8;font-family:clicker script,cursive;font-size:30px;font-weight:700}h3.my-profession{font-size:30px;margin:15px 0}.typing{color:#2299f8}.typing:after{-webkit-animation:blink .7s infinite;animation:blink .7s infinite;content:"|"}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.home-info p{color:#fff;font-size:20px;margin-bottom:25px}.home .home-img{max-width:40%;position:relative;text-align:center}.home-img:after{border-bottom:10px solid #2299f8;border-right:10px solid #2299f8;bottom:-50px;right:60px}.home-img:after,.home-img:before{content:"";height:80px;position:absolute;width:80px}.home-img:before{border-left:10px solid #2299f8;border-top:10px solid #2299f8;left:60px;top:-50px}.home .home-img img{border-radius:5px;height:400px;margin:auto}.btn-two{background-color:initial;border:1px solid #fff;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1.5px;outline:none;padding:.8em 2em;text-transform:uppercase;transition:all .3s ease 0s}.btn-two:hover{background-color:#2299f8;box-shadow:0 5px 25px #2299f8;color:#fff;-webkit-transform:translateY(-7px);transform:translateY(-7px)}.btn-two:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:991px){.home .home-info{flex:0 0 100%;max-width:100%}.home .home-img{margin-top:50px}}@media (max-width:1399px){.home-img:after,.home-img:before{display:none}}.blog-sec{margin-top:30px}.blog-box{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;height:100%;margin-bottom:40px;padding:25px;transition:all .3s ease}.blog-box:hover{border-color:#2299f8;box-shadow:0 10px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.blog-content .title{color:#fff;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:15px}.blog-content .date{color:#2299f8;font-size:14px;margin-bottom:15px}.blog-content .excerpt{color:#a5a5a5;font-size:16px;line-height:1.6;margin-bottom:20px}.read-more{color:#2299f8;font-weight:500;text-decoration:none;transition:all .3s ease}.read-more:hover{color:#fff}.article-container{background:rgba(0,0,0,.6);border-radius:15px;margin-top:20px;padding:40px}.back-link{color:#2299f8;display:inline-block;margin-bottom:30px;text-decoration:none}.back-link:hover{color:#fff}.article-content h1{color:#fff;font-size:32px;margin-bottom:25px}.article-content h2{color:#2299f8;font-size:24px;margin-bottom:15px;margin-top:30px}.article-content h3{color:#e0e0e0;font-size:20px;margin-bottom:10px;margin-top:25px}.article-content p{color:#a5a5a5;font-size:16px;line-height:1.8;margin-bottom:20px}.article-content a{color:#2299f8;text-decoration:underline}.article-content code{background:hsla(0,0%,100%,.1);border-radius:4px;color:#ffca28;font-family:monospace;padding:2px 6px}
/*# sourceMappingURL=main.98af91c9.css.map*/