.DetailSection{display:flex;margin-bottom:4rem;margin-top:4rem}.DetailSection .img{height:50vh;width:100%}.DetailSection .img img{height:100%;object-fit:cover;width:100%}.DetailSection .about-info{margin-left:2rem}@media screen and (max-width:1100px){.DetailSection{flex-direction:column}.DetailSection .about-info{margin-left:0;margin-top:1rem}}.about-detail{display:flex}.about-detail p{padding:.3rem 0}.about-detail .right-section{margin-left:2.3rem}.skill-category-container{grid-column-gap:3rem;grid-row-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:repeat(2,1fr);margin:3rem 0;row-gap:3rem}@media screen and (max-width:1100px){.skill-category-container{grid-template-columns:1fr}}table{border-collapse:collapse}table th{border:1px solid #0381ff38;padding:.5rem}table th:first-child{text-align:right}table th:last-child{text-align:left}.blogs{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:1080px){.blogs{gap:2rem;grid-template-columns:repeat(1,1fr)}}.blogs .blog{background-color:#161925;overflow:hidden;padding:1rem;width:100%}.blogs .blog .blog-content{overflow:hidden;padding-bottom:2rem}.blogs .blog .blog-content img{transition:all .2s ease-in-out;width:100%}.blogs .blog .blog-content img:hover{transform:scale(1.1)}.blogs .blog .blog-content img{padding-bottom:2rem}.blogs .blog .blog-content .blog-link{color:inherit;font-family:inherit;font-size:2rem;margin:2rem 0;padding-bottom:2rem;text-decoration:none;transition:all .4s ease-in-out}.blogs .blog .blog-content .blog-link:hover{color:#037fff}.ContactItem{width:100%}.ContactItem:not(:last-child){margin-bottom:1rem}.ContactItem .contact{align-items:center;background-color:#191d2b;display:flex;padding:3rem 0}.ContactItem .contact img{border:1px solid #2e344e;margin-left:2rem;width:16%}.ContactItem .contact .right-items{margin-left:2rem}.ContactItem .contact .right-items h6{font-size:1.4rem;font-weight:500}.contact-details{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:6rem}@media screen and (max-width:700px){.contact-details{grid-template-columns:repeat(1,1fr)}}.contact-details .map-sect{background-color:#192d2b;padding:1rem;width:97%}.contact-details .map-sect iframe{height:100%;width:100%}@media screen and (max-width:700px){.contact-details .map-sect{height:50vh;margin-bottom:1rem;width:100%}}.contact-details .contact-sect{display:flex;flex-direction:column;justify-content:space-between;width:100%}.sidebar{background-color:#191d2b;border-right:1px solid #2e344e;height:100vh;position:fixed;width:16%;z-index:11}@media screen and (max-width:1000px){.sidebar{transform:translateX(-100%);transition:all .4s ease-in-out;width:30%}}@media screen and (max-width:411px){.sidebar{transform:translateX(-100%);width:50%}}@media screen and (max-width:1000px){.nav-toggle{transform:translateX(0)}}.main-content{background-color:#10121b;background-image:url(/react/static/media/dots.9978678b9b3cb292d679.svg);display:grid;margin-left:16%;min-height:100vh;position:relative;width:84%}.main-content .content{margin:5rem 15rem}@media screen and (max-width:1400px){.main-content .content{margin:2rem 10rem}}@media screen and (max-width:1100px){.main-content .content{margin:2rem 10rem}}@media screen and (max-width:710px){.main-content .content{margin:2rem 3rem}}@media screen and (max-width:1000px){.main-content{margin-left:0;width:100%}}.nav-btn{align-items:center;background-color:inherit;border:inherit;cursor:pointer;height:4rem;justify-content:space-between;position:absolute;right:10%;top:5%;width:4rem;z-index:10}.nav-btn .line-1,.nav-btn .line-2,.nav-btn .line-3{background-color:#3858cc;border-radius:20px;display:none;height:.4rem;pointer-events:none;width:100%}.nav-btn .line-1:not(:last-child),.nav-btn .line-2:not(:last-child),.nav-btn .line-3:not(:last-child){margin-bottom:.5rem}@media screen and (max-width:1000px){.nav-btn,.nav-btn .line-1,.nav-btn .line-2,.nav-btn .line-3{display:block}}.HomePage{left:auto!important;position:static!important;top:auto!important;transform:none!important}.hero-text{color:#fff;font-size:3.6rem;text-align:center}.hero-text span{color:#037fff}.h-sub-text{text-align:center}.icons{align-items:center;display:flex;justify-content:center;padding:1.5rem 0}.icons .icon-holder{margin-right:1rem}.icons .icon-holder .icon{color:#a4acc4;font-size:2.5rem;transition:all .4s ease-in-out}.icons .icon-holder .fb:hover{color:aqua}.icons .icon-holder .gh:hover{color:#f0f}.icons .icon-holder .li:hover{color:#ff0}.icons .icon-holder .yt:hover{color:#adff2f}.icons .icon-holder .rg:hover{color:#8a2be2}.NavBar{height:100vh}.NavBar .nav{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.NavBar .nav .profile{border-bottom:1px solid #2e344e;margin-top:1rem;text-align:center;width:100%}.NavBar .nav .profile img{border:5px solid #2e344e;border-radius:100%;margin-bottom:1rem;width:70%}.NavBar .nav .nav-items{width:100%}.NavBar .nav .nav-items .nav-item{list-style:none;text-align:center}.NavBar .nav .nav-items .nav-item a{color:inherit;display:block;font-size:inherit;padding:.5rem 0;position:relative;text-decoration:none}.NavBar .nav .nav-items .nav-item a:before{background-color:#0381ff33;content:"";height:100%;left:0;overflow-x:hidden;position:absolute;top:0;transform:scale(0);transform-origin:left;transition:transform .6s .2s,width .5s cubic-bezier(.2,.1,.3,1);width:0}.NavBar .nav .nav-items .nav-item a:hover:before{transform:scale(1);width:100%}.NavBar .nav .footer{border-top:1px solid #2e344e;width:100%}.NavBar .nav .footer p{padding:1 rem 0;text-align:center}.active{background-color:#037fff}.skill-container .skill-title{font-size:1.4rem;font-weight:400}.skill-container .skill-bar{align-items:center;display:flex}.skill-container .skill-bar .skill-progress{width:100%}.skill-container .skill-bar .skill-progress .progress{background-color:rgba(3,129,255,.247);height:.5rem;margin-left:1rem;position:relative;width:100%}.skill-container .skill-bar .skill-progress .progress .inner-progress{background-color:#037fff;bottom:0;height:100%;left:0;position:absolute}.service-container{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:2rem;padding:0 5px;width:100%}@media(max-width:767px){.service-container{grid-template-columns:1fr!important;margin-left:0;margin-right:0;max-width:100%}}@media(min-width:768px)and (max-width:1199px){.service-container{gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:0 10px}}@media(min-width:1200px){.service-container{gap:2rem;grid-template-columns:repeat(4,1fr);padding:0 15px}}.ServiceSection,.ServiceSection .service{box-sizing:border-box;max-width:100%;width:100%}.ServiceSection .service{background-color:#191d2b;border:1px solid #2e344e;border-top:8px solid #2e344e;height:100%;margin:0 auto;transition:all .4s ease-in-out}@media(max-width:767px){.ServiceSection .service{margin:0;max-width:100%}}.ServiceSection .service:hover{border-top:8px solid #037fff;transform:translateY(-3px)}.ServiceSection .service .service-content{box-sizing:border-box;padding:1rem;text-align:center;width:100%}@media(max-width:360px){.ServiceSection .service .service-content{padding:.75rem .5rem}}@media(max-width:320px){.ServiceSection .service .service-content{padding:.5rem}}.ServiceSection .service .service-content img{display:block;height:auto;margin:0 auto .75rem;max-width:100%;width:45px}@media(max-width:360px){.ServiceSection .service .service-content img{margin-bottom:.5rem;width:40px}}@media(max-width:280px){.ServiceSection .service .service-content img{width:35px}}.ServiceSection .service .service-content .service-title{word-wrap:break-word;font-size:1.1rem;font-weight:500;margin:.75rem 0;overflow-wrap:break-word;padding-bottom:.75rem;position:relative}@media(max-width:360px){.ServiceSection .service .service-content .service-title{font-size:1rem;margin:.5rem 0;padding-bottom:.5rem}}@media(max-width:280px){.ServiceSection .service .service-content .service-title{font-size:.95rem}}.ServiceSection .service .service-content .service-title:after{background-color:#2e344e;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.ServiceSection .service .service-content .service-items{list-style:none;margin:.75rem 0 0;padding:0;text-align:center}.ServiceSection .service .service-content .service-items .service-item{word-wrap:break-word;color:#a0a8c3;font-size:.85rem;line-height:1.3;overflow-wrap:break-word;padding:.25rem 0}@media(max-width:360px){.ServiceSection .service .service-content .service-items .service-item{font-size:.8rem;padding:.2rem 0}}@media(max-width:280px){.ServiceSection .service .service-content .service-items .service-item{font-size:.75rem}.service-container{gap:.5rem;padding:0 2px}.ServiceSection .service{border-width:6px 1px 1px}.ServiceSection .service:hover{border-top-width:6px}}.portfolios{grid-row-gap:2rem;grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);row-gap:2rem;width:100%}@media screen and (max-width:1600px){.portfolios{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.portfolios{grid-template-columns:repeat(1,1fr)}}.portfolios .portfolio .image-data{position:relative}.portfolios .portfolio .image-data:before{background-color:hsla(0,0%,100%,.925);content:"";height:calc(100% - 30px);left:15px;opacity:.5;position:absolute;top:12px;transform:scale(0);transform-origin:center;transition:all .4s ease-in-out;width:calc(100% - 30px)}.portfolios .portfolio .image-data:hover:before{transform:scale(1)}.portfolios .portfolio .image-data img{height:30vh;object-fit:cover;width:100%}.portfolios .portfolio .image-data .hover-item{display:flex;gap:1.5rem;left:50%;list-style:none;padding:1rem 2rem;position:absolute;top:70%;transform:translate(-50%,-50%);visibility:hidden}.portfolios .portfolio .image-data .hover-item li a{align-items:center;background-color:#037fff;border-radius:50%;color:#fff;display:flex;font-family:inherit;height:50px;justify-content:center;opacity:.9;padding:.8rem;text-decoration:none;transition:all .3s ease-in-out;width:50px}.portfolios .portfolio .image-data .hover-item li a:hover{background-color:#0260c0;opacity:1;transform:scale(1.1)}.portfolios .portfolio .image-data .hover-item li a svg{font-size:1.2rem}.portfolios .portfolio .image-data:hover .hover-item{top:50%;transition:all .5s ease-in-out .2s;visibility:visible}.portfolios .portfolio h5{color:#fff;font-size:1.7rem;font-weight:400;transition:all .3s ease-in-out}.portfolios .portfolio h5:hover{color:#037fff;cursor:pointer}.Title{color:#fff;font-size:2rem;letter-spacing:3px;margin-bottom:4rem;padding-bottom:1rem;position:relative;text-transform:uppercase}.Title:before{background-color:#0381ff38;width:6rem}.Title:after,.Title:before{border-radius:50px;bottom:0;content:"";height:.3rem;left:0;position:absolute}.Title:after{background-color:#037fff;width:3rem}.Title span{font-size:5rem;left:0;opacity:.07;position:absolute;top:15%}.btn{background-color:#037fff;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:2px;margin-top:1rem;outline:none;padding:1rem 2rem;position:relative;text-transform:uppercase}.btn:after{background-color:#a4acc4;bottom:0;content:"";height:100%;left:0;opacity:.5;position:absolute;transition:all .4s ease-in-out;width:0}.btn:hover:after{height:100%;opacity:.5;width:100%}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width:1270px){.buttons{margin:2rem 5rem}}@media screen and (max-width:1100px){.buttons{margin:2rem 5rem}}.btn-port{background-color:rgba(3,129,255,.439);border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;margin-bottom:2rem;outline:none;padding:.6rem 1rem;transition:all .3s ease-in-out}.btn-port:not(last-child){margin-right:1rem}.btn-port:active,.btn-port:focus,.btn-port:hover{background-color:#037fff}*{box-sizing:border-box;margin:0;padding:0}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background-color:rgba(0,86,216,.596);border-radius:50px}body::-webkit-scrollbar-track{background-color:#777}body{color:#a4acc4;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:1.2rem}span{color:#037fff}@media screen and (max-width:700px){html{font-size:90%}}@media screen and (max-width:411px){html{font-size:70%}}@media screen and (max-width:480px){h2{font-size:70%}h3{font-size:60%}}
/*# sourceMappingURL=main.69212008.css.map*/