@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}section{padding:100px 0}.max-width{max-width:1300px;margin:auto;padding:0 80px}.about,.services,.skills,.teams,.contact,footer{font-family:Poppins,sans-serif}.about .about-content,.services .serv-content,.skills .skills-content,.contact .contact-content{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}section .title{text-align:center;margin-bottom:60px;padding-bottom:20px;font-family:Ubuntu,sans-serif;font-size:40px;font-weight:500;position:relative}section .title:before{content:"";background:#111;width:180px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}section .title:after{color:#dc143c;background:#fff;padding:0 5px;font-size:20px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.navbar{z-index:999;width:100%;padding:30px 0;font-family:Ubuntu,sans-serif;transition:all .3s;position:fixed}.navbar.sticky{background:#dc143c;padding:15px 0}.navbar .max-width{justify-content:space-between;align-items:center;display:flex}.navbar .logo a{color:#fff;font-size:35px;font-weight:600}.navbar .logo a span{color:#dc143c;transition:all .3s}.navbar.sticky .logo a span{color:#fff}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{color:#fff;margin-left:25px;font-size:18px;font-weight:500;transition:color .3s;display:block}.navbar .menu li a:hover{color:#dc143c}.navbar.sticky .menu li a:hover{color:#fff}.menu-btn{color:#fff;cursor:pointer;font-size:23px;display:none}.scroll-up-btn{text-align:center;color:#fff;z-index:9999;cursor:pointer;opacity:0;pointer-events:none;background:#dc143c;border-bottom-width:2px;border-radius:6px;width:42px;height:45px;font-size:30px;line-height:45px;transition:all .3s;position:fixed;bottom:10px;right:30px}.scroll-up-btn.show{opacity:1;pointer-events:auto;bottom:30px}.scroll-up-btn:hover{filter:brightness(90%)}.home{color:#fff;background-size:cover;background-attachment:fixed;height:100vh;min-height:500px;font-family:Ubuntu,sans-serif;display:flex}.home .max-width{width:100%;display:flex}.home .max-width .row{margin-right:0}.home .home-content .text-1{font-size:27px}.home .home-content .text-2{margin-left:-3px;font-size:75px;font-weight:600}.home .home-content .text-3{margin:5px 0;font-size:40px}.home .home-content .text-3 span{color:#dc143c;font-weight:500}.home .home-content a{color:#fff;background:#dc143c;border:2px solid #dc143c;border-radius:6px;margin-top:20px;padding:12px 36px;font-size:25px;font-weight:400;transition:all .3s;display:inline-block}.home .home-content a:hover{color:#dc143c;background:0 0}.about .title:after{content:"who i am"}.about .about-content .left{width:45%}.about .about-content .left img{object-fit:cover;border-radius:6px;width:400px;height:400px}.about .about-content .right{width:55%}.about .about-content .right .text{margin-bottom:10px;font-size:25px;font-weight:600}.about .about-content .right .text span{color:#dc143c}.about .about-content .right p{text-align:justify}.about .about-content .right a{color:#fff;background:#dc143c;border:2px solid #dc143c;border-radius:6px;margin-top:20px;padding:10px 30px;font-size:20px;font-weight:500;transition:all .3s;display:inline-block}.about .about-content .right a:hover{color:#dc143c;background:0 0}.services,.teams{color:#fff;background:#111}.services .title:before,.teams .title:before{background:#fff}.services .title:after,.teams .title:after{content:"Technical Skills";background:#111}.services .serv-content .card{text-align:center;cursor:pointer;background:#222;border-radius:6px;width:calc(33% - 20px);padding:50px 25px;transition:all .3s}.services .serv-content .card:hover{background:#dc143c}.services .serv-content .card .box{transition:all .3s}.services .serv-content .card:hover .box{transform:scale(1.05)}.services .serv-content .card i{color:#dc143c;font-size:50px;transition:color .3s}.services .serv-content .card:hover i{color:#fff}.services .serv-content .card .text{margin:10px 0 7px;font-size:25px;font-weight:500}.skills .title:after{content:"What i Learn"}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{margin-bottom:10px;font-size:20px;font-weight:600}.skills .skills-content .left p{text-align:justify}.skills .skills-content .left a{color:#fff;background:#dc143c;border:2px solid #dc143c;border-radius:6px;margin-top:20px;padding:8px 16px;font-size:18px;font-weight:500;transition:all .3s;display:inline-block}.skills .skills-content .left a:hover{color:#dc143c;background:0 0}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.skills .skills-content .right span{font-size:18px;font-weight:500}.skills .skills-content .right .line{background:#d3d3d3;width:100%;height:5px;position:relative}.skills .skills-content .right .line:before{content:"";background:#dc143c;height:100%;position:absolute;top:0;left:0}.skills-content .right .Java:before{width:80%}.skills-content .right .HTML:before{width:90%}.skills-content .right .CSS:before{width:70%}.skills-content .right .JavaScript:before{width:80%}.skills-content .right .Bootstrap:before{width:60%}.skills-content .right .React:before{width:64%}.skills-content .right .GitHub:before{width:80%}.skills-content .right .MySQL:before{width:70%}.teams .title:after{content:""}.teams .carousel .card{text-align:center;background:#222;border-radius:6px;padding:25px 35px;transition:all .3s;overflow:hidden}.teams .carousel .card:hover{background:#dc143c}.teams .carousel .card .box{flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex}.teams .carousel .card:hover .box{transform:scale(1.05)}.teams .carousel .card .text{margin:10px 0 7px;font-size:25px;font-weight:500}.teams .carousel .card img{object-fit:cover;border:5px solid #dc143c;border-radius:50%;width:150px;height:150px;transition:all .3s}.teams .carousel .card:hover img{border-color:#fff}.owl-dots{text-align:center;margin-top:20px}.owl-dot{border-radius:50%;width:13px;height:13px;margin:0 5px;transition:all .3s;border:2px solid #dc143c!important;outline:none!important}.owl-dot.active{border-radius:14px;width:35px}.owl-dot.active,.owl-dot:hover{background:#dc143c!important}.contact .title:after{content:"get in touch"}.contact .contact-content .column{width:calc(50% - 30px)}.contact .contact-content .text{margin-bottom:10px;font-size:20px;font-weight:600}.contact .contact-content .left p{text-align:justify}.contact .contact-content .left .icons{margin:10px 0}.contact .contact-content .row{align-items:center;height:65px;display:flex}.contact .contact-content .row .info{margin-left:30px}.contact .contact-content .row i{color:#dc143c;font-size:25px}.contact .contact-content .info .head{font-weight:500}.contact .contact-content .info .sub-title{color:#333}.contact .right form .fields{display:flex}.contact .right form .field,.contact .right form .fields .field{width:100%;height:45px;margin-bottom:15px}.contact .right form .textarea{width:100%;height:80px}.contact .right form .name{margin-right:10px}.contact .right form .field input,.contact .right form .textarea textarea{border:1px solid #d3d3d3;border-radius:6px;outline:none;width:100%;height:100%;padding:0 15px;font-family:Poppins,sans-serif;font-size:17px;transition:all .3s}.contact .right form .field input:focus,.contact .right form .textarea textarea:focus{border-color:#b3b3b3}.contact .right form .textarea textarea{resize:none;padding-top:10px}.contact .right form .button-area{align-items:center;display:flex}.right form .button-area button{color:#fff;cursor:pointer;background:#dc143c;border:2px solid #dc143c;border-radius:6px;outline:none;flex-wrap:nowrap;height:45px;font-size:18px;font-weight:500;transition:all .3s;display:block;width:160px!important}.right form .button-area button:hover{color:#dc143c;background:0 0}footer{color:#fff;text-align:center;background:#111;padding:15px 23px}footer span a{color:#dc143c;text-decoration:none}footer span a:hover{text-decoration:underline}@media (max-width:1104px){.about .about-content .left img{width:350px;height:350px}}@media (max-width:991px){.max-width{padding:0 50px}}@media (max-width:947px){.menu-btn{z-index:999;display:block}.menu-btn i.active:before{content:""}.navbar .menu{text-align:center;background:#111;width:100%;height:100vh;padding-top:80px;transition:all .3s;position:fixed;top:0;left:-100%}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{margin:20px 0;font-size:25px;display:inline-block}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content a{padding:10px 30px;font-size:23px}.max-width{max-width:930px}.about .about-content .column{width:100%}.about .about-content .left{justify-content:center;margin:0 auto 60px;display:flex}.about .about-content .right{flex:100%}.services .serv-content .card{width:calc(50% - 10px);margin-bottom:20px}.skills .skills-content .column,.contact .contact-content .column{width:100%;margin-bottom:35px}}@media (max-width:690px){.max-width{padding:0 23px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:20px}.services .serv-content .card{width:100%}}@media (max-width:500px){.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:27px}.about .about-content .right .text,.skills .skills-content .left .text{font-size:19px}.contact .right form .fields{flex-direction:column}.contact .right form .name,.contact .right form .email{margin:0}.right form .error-box{width:150px}.scroll-up-btn{width:35px;height:38px;font-size:23px;line-height:38px;bottom:15px;right:15px}}
*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}.carousel{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.carousel .card{text-align:center;background:#222;border-radius:10px;width:300px;padding:20px}.carousel .card img{object-fit:cover;border-radius:10px;width:100%;height:200px}.carousel .box{flex-direction:column;align-items:center;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}section{padding:100px 0}.max-width{max-width:1300px;margin:auto;padding:0 80px}.about,.services,.skills,.teams,.contact,footer{font-family:Poppins,sans-serif}.about .about-content,.services .serv-content,.skills .skills-content,.contact .contact-content{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}section .title{text-align:center;margin-bottom:60px;padding-bottom:20px;font-family:Ubuntu,sans-serif;font-size:40px;font-weight:500;position:relative}section .title:before{content:"";background:#111;width:180px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}section .title:after{color:#dc143c;background:#fff;padding:0 5px;font-size:20px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.navbar{z-index:999;width:100%;padding:30px 0;font-family:Ubuntu,sans-serif;transition:all .3s;position:fixed}.navbar.sticky{background:#dc143c;padding:15px 0}.navbar .max-width{justify-content:space-between;align-items:center;display:flex}.navbar .logo a{color:#fff;font-size:35px;font-weight:600}.navbar .logo a span{color:#dc143c;transition:all .3s}.navbar.sticky .logo a span{color:#fff}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{color:#fff;margin-left:25px;font-size:18px;font-weight:500;transition:color .3s;display:block}.navbar .menu li a:hover{color:#dc143c}.navbar.sticky .menu li a:hover{color:#fff}.menu-btn{color:#fff;cursor:pointer;font-size:23px;display:none}.scroll-up-btn{text-align:center;color:#fff;z-index:9999;cursor:pointer;opacity:0;pointer-events:none;background:#dc143c;border-bottom-width:2px;border-radius:6px;width:42px;height:45px;font-size:30px;line-height:45px;transition:all .3s;position:fixed;bottom:10px;right:30px}.scroll-up-btn.show{opacity:1;pointer-events:auto;bottom:30px}.scroll-up-btn:hover{filter:brightness(90%)}.home{display:flex}.home .home{color:#fff;background:url(/images/wall1.jpg) 50%/cover no-repeat;height:100vh;display:flex}.home{color:#fff;background-size:cover;background-attachment:fixed;height:100vh;min-height:500px;font-family:Ubuntu,sans-serif}.home .max-width{width:100%;display:flex}.home .max-width .row{margin-right:0}.home .home-content .text-1{font-size:27px}.home .home-content .text-2{margin-left:-3px;font-size:75px;font-weight:600}.home .home-content .text-3{margin:5px 0;font-size:40px}.home .home-content .text-3 span{color:#dc143c;font-weight:500}.home .home-content a{color:#fff;background:#dc143c;border:2px solid #dc143c;border-radius:6px;margin-top:20px;padding:12px 36px;font-size:25px;font-weight:400;transition:all .3s;display:inline-block}.home .home-content a:hover{color:#dc143c;background:0 0}.about .title:after{content:"who i am"}.about .about-content .left{width:45%}.about .about-content .left img{object-fit:cover;border-radius:6px;width:400px;height:400px}.about .about-content .right{width:55%}.about .about-content .right .text{margin-bottom:10px;font-size:25px;font-weight:600}.about .about-content .right .text span{color:#dc143c}.about .about-content .right p{text-align:justify}.about .about-content .right a{color:#fff;background:#dc143c;border:2px solid #dc143c;border-radius:6px;margin-top:20px;padding:10px 30px;font-size:20px;font-weight:500;transition:all .3s;display:inline-block}.about .about-content .right a:hover{color:#dc143c;background:0 0}.services,.teams{color:#fff;background:#111}.services .title:before,.teams .title:before{background:#fff}.services .title:after,.teams .title:after{content:"Technical Skills";background:#111}.services .serv-content .card{text-align:center;cursor:pointer;background:#222;border-radius:6px;width:calc(33% - 20px);padding:50px 25px;transition:all .3s}.services .serv-content .card:hover{background:#dc143c}.services .serv-content .card .box{transition:all .3s}.services .serv-content .card:hover .box{transform:scale(1.05)}.services .serv-content .card i{color:#dc143c;font-size:50px;transition:color .3s}.services .serv-content .card:hover i{color:#fff}.services .serv-content .card .text{margin:10px 0 7px;font-size:25px;font-weight:500}.skills .title:after{content:"What i Learn"}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{margin-bottom:10px;font-size:20px;font-weight:600}.skills .skills-content .left p{text-align:justify}.skills .skills-content .left a{color:#fff;background:#dc143c;border:2px solid #dc143c;border-radius:6px;margin-top:20px;padding:8px 16px;font-size:18px;font-weight:500;transition:all .3s;display:inline-block}.skills .skills-content .left a:hover{color:#dc143c;background:0 0}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.skills .skills-content .right span{font-size:18px;font-weight:500}.skills .skills-content .right .line{background:#d3d3d3;width:100%;height:5px;position:relative}.skills .skills-content .right .line:before{content:"";background:#dc143c;height:100%;position:absolute;top:0;left:0}.skills-content .right .Java:before{width:80%}.skills-content .right .HTML:before{width:90%}.skills-content .right .CSS:before{width:70%}.skills-content .right .JavaScript:before{width:80%}.skills-content .right .Bootstrap:before{width:60%}.skills-content .right .React:before{width:64%}.skills-content .right .GitHub:before{width:80%}.skills-content .right .MySQL:before{width:70%}.teams .title:after{content:""}.teams .carousel .card{text-align:center;background:#222;border-radius:6px;padding:25px 35px;transition:all .3s;overflow:hidden}.teams .carousel .card:hover{background:#dc143c}.teams .carousel .card .box{flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex}.teams .carousel .card:hover .box{transform:scale(1.05)}.teams .carousel .card .text{margin:10px 0 7px;font-size:25px;font-weight:500}.teams .carousel .card img{object-fit:cover;border:5px solid #dc143c;border-radius:50%;width:150px;height:150px;transition:all .3s}.teams .carousel .card:hover img{border-color:#fff}.owl-dots{text-align:center;margin-top:20px}.owl-dot{border-radius:50%;width:13px;height:13px;margin:0 5px;transition:all .3s;border:2px solid #dc143c!important;outline:none!important}.owl-dot.active{border-radius:14px;width:35px}.owl-dot.active,.owl-dot:hover{background:#dc143c!important}.contact .title:after{content:"get in touch"}.contact .contact-content .column{width:calc(50% - 30px)}.contact .contact-content .text{margin-bottom:10px;font-size:20px;font-weight:600}.contact .contact-content .left p{text-align:justify}.contact .contact-content .left .icons{margin:10px 0}.contact .contact-content .row{align-items:center;height:65px;display:flex}.contact .contact-content .row .info{margin-left:30px}.contact .contact-content .row i{color:#dc143c;font-size:25px}.contact .contact-content .info .head{font-weight:500}.contact .contact-content .info .sub-title{color:#333}.contact .right form .fields{display:flex}.contact .right form .field,.contact .right form .fields .field{width:100%;height:45px;margin-bottom:15px}.contact .right form .textarea{width:100%;height:80px}.contact .right form .name{margin-right:10px}.contact .right form .field input,.contact .right form .textarea textarea{border:1px solid #d3d3d3;border-radius:6px;outline:none;width:100%;height:100%;padding:0 15px;font-family:Poppins,sans-serif;font-size:17px;transition:all .3s}.contact .right form .field input:focus,.contact .right form .textarea textarea:focus{border-color:#b3b3b3}.contact .right form .textarea textarea{resize:none;padding-top:10px}.contact .right form .button-area{align-items:center;display:flex}.right form .button-area button{color:#fff;cursor:pointer;background:#dc143c;border:2px solid #dc143c;border-radius:6px;outline:none;flex-wrap:nowrap;height:45px;font-size:18px;font-weight:500;transition:all .3s;display:block;width:160px!important}.right form .button-area button:hover{color:#dc143c;background:0 0}.swiper{width:100%;padding:20px 0}.swiper-slide{justify-content:center;display:flex}.swiper-slide .card{width:100%;max-width:320px}footer{color:#fff;text-align:center;background:#111;padding:15px 23px}footer span a{color:#dc143c;text-decoration:none}footer span a:hover{text-decoration:underline}@media (max-width:1104px){.about .about-content .left img{width:350px;height:350px}}@media (max-width:991px){.max-width{padding:0 50px}}@media (max-width:947px){.menu-btn{z-index:999;display:block}.menu-btn i.active:before{content:""}.navbar .menu{text-align:center;background:#111;width:100%;height:100vh;padding-top:80px;transition:all .3s;position:fixed;top:0;left:-100%}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{margin:20px 0;font-size:25px;display:inline-block}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content a{padding:10px 30px;font-size:23px}.max-width{max-width:930px}.about .about-content .column{width:100%}.about .about-content .left{justify-content:center;margin:0 auto 60px;display:flex}.about .about-content .right{flex:100%}.services .serv-content .card{width:calc(50% - 10px);margin-bottom:20px}.skills .skills-content .column,.contact .contact-content .column{width:100%;margin-bottom:35px}}@media (max-width:690px){.max-width{padding:0 23px}.home .home-content .text-2{font-size:60px}.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:20px}.services .serv-content .card{width:100%}}@media (max-width:500px){.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:27px}.about .about-content .right .text,.skills .skills-content .left .text{font-size:19px}.contact .right form .fields{flex-direction:column}.contact .right form .name,.contact .right form .email{margin:0}.right form .error-box{width:150px}.scroll-up-btn{width:35px;height:38px;font-size:23px;line-height:38px;bottom:15px;right:15px}}.max-width{margin:auto}