:root{font-size:62.5%;scroll-behavior:smooth;--borderOfPara:0.05rem solid lightskyblue}@font-face{font-family:myFont;src:url(/font-family/Urbanist.ttf)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;text-decoration:none;list-style-type:none;-webkit-user-drag:none;font-family:"myFont",sans-serif;-webkit-tap-highlight-color:#fff0}body{width:100%;height:100vh;background-color:rgb(208 207 206 / .587);position:relative;overflow-x:hidden}header{width:100%;height:6.5rem;display:flex;align-items:center;justify-content:space-between;background-color:rgb(2 2 2 / .926);box-shadow:0 0 1.3rem .2rem #000;position:fixed;top:0;left:0;z-index:5}header .logo{margin-left:2rem;width:6rem;height:6rem;display:inline-block;position:relative}.logo img{position:absolute;top:.2rem;width:5.5rem;transform:scale(1.9)}.navbar{width:40%;margin-right:1rem}.navbar ul{width:100%;list-style-type:none;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-size:1.8rem;letter-spacing:.1rem}.navbar ul a{width:100%;color:#fff;transition:all 0.1s linear;position:relative;text-transform:uppercase;font-weight:500}ul a::after{content:"";width:0;border-bottom:.2rem solid #ff0;position:absolute;left:50%;bottom:-.5rem;transition:all 0.1s linear}ul a:hover::after{left:0;width:100%}.menu{position:absolute;right:1.5rem;cursor:pointer;width:fit-content;height:fit-content;display:none}.menuChildOne,.menuChildTwo,.menuChildThree{width:3rem;height:.3rem;background-color:#fff;margin:.5rem;transition:all 0.2s linear}.menuChildtop{transform:translate(0,260%) rotate(-48deg)}.menuChildNone{opacity:0}.menuChildBottom{transform:translate(0,-260%) rotate(43deg)}.main{width:100%;display:grid;grid-template-rows:100%;grid-template-columns:34rem 100%;background-image:url(images/HeroImg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;margin-top:5.2rem;overflow:hidden}.main .heroImg{position:relative;margin-top:1rem}.main .heroImg .img1{width:100%;height:97%}.main .heroImg .img2{width:17rem;position:absolute;top:55%;left:51.63%;transform:translate(-50%,-50%);opacity:.8;transition:all 0.4s ease-out}.img2.none{opacity:0!important}.main .heroImg .img3{position:absolute;top:80.7%;left:46.2%;width:4rem;height:4rem;cursor:pointer;opacity:.8;transition:all 0.2s linear}.img3:hover{opacity:1}.main .heroImg #battery{opacity:0}#watch{font-size:3rem;letter-spacing:.1rem;position:absolute;top:29%;text-align:center;left:34%;color:#fff;opacity:.8;font-family:'Times New Roman',Times,serif;transition:all 0.5s ease-out}.main .heroImg #watch.none{top:40%}.main .heroInfo{width:100%;margin-right:1rem}.main .heroInfo h1{font-size:4.5rem;text-align:right;margin:6.5rem 0;width:48%;position:relative;-webkit-text-stroke:.1rem #030303}.main .heroInfo a span{width:5rem;position:absolute;top:50%;transform:translate(0,-50%);text-align:center;font-size:2.8rem;animation:topBottom 0.6s linear infinite alternate;color:#000}@keyframes topBottom{from{transform:translate(0,-10%)}to{transform:translate(0,-50%)}}.main .heroInfo a{color:#fff0;transition:all 0.2s linear}.main .heroInfo a:hover{color:#f80c0c}.main .aboutPara{width:60%;font-size:1.9rem;word-wrap:break-word;text-align:justify;line-height:2.9rem;word-spacing:.5rem;letter-spacing:.1rem;backdrop-filter:blur(15px);border:.1rem solid #000;padding:1rem;margin-top:-7.5rem;border-radius:1rem;transform:translate(120%,0);transition:all 1s ease-out}.main .aboutPara::first-letter{font-size:3rem;font-weight:500;color:rgb(236 236 128 / .856);font-family:serif}.aboutparaReverse{transform:translate(0,0)!important}.skillsSection{width:100%}.skillsSection h1{width:50%;font-size:3rem;text-align:center;margin:10rem auto 10rem;border-radius:1rem}.skillsSection .coursesSkillsValues{position:relative;margin-top:5rem;width:50rem}.skillsSection .coursesSkillsValues::before{content:"";position:absolute;top:-2rem;width:88%;height:110%;background-color:#f4fda3bb;border-radius:0 15% 15% 0;border:.01rem solid #b1b1b1}.skillsSection .coursesSkillsValues div h2{font-size:2.5rem;margin:1rem 0 -.8rem 5rem}.skillsSection .coursesSkillsValues div progress{margin:1rem 0 0 5rem;width:30rem;height:1.85rem;margin-bottom:3rem;border:none;border-radius:.6rem;border:.1rem solid #000}progress::-webkit-progress-bar{background-color:#bebdbd;border-radius:.6rem}progress::-webkit-progress-value{background-color:#3796fc;border-radius:.6rem;margin-left:.01rem}progress::-moz-progress-bar{background-color:#007bff;border-radius:.6rem}progress::-ms-fill{background-color:#007bff;border:none;border-radius:.6rem}.skillsSection .coursesSkillsValues .html{position:relative}.skillsSection .coursesSkillsValues .html span{position:absolute;top:50%;right:5rem;transform:translate(-50%,-50%);font-size:2.3rem;font-weight:600}.skillsSection .coursesSkillsValues .css{position:relative}.skillsSection .coursesSkillsValues .css span{position:absolute;top:50%;right:5rem;transform:translate(-50%,-50%);font-size:2.3rem;font-weight:600}.skillsSection .coursesSkillsValues .js{position:relative}.skillsSection .coursesSkillsValues .js span{position:absolute;top:50%;right:5rem;transform:translate(-50%,-50%);font-size:2.3rem;font-weight:600}#gotoTop{width:8rem;height:3rem;border:.01rem solid #000534;margin-top:5rem;margin-bottom:5rem;background-color:#132aff;position:fixed;z-index:555;bottom:0;border-radius:1rem;font-size:1.8rem;text-align:center;padding-top:.2rem;padding-right:.15rem;color:#fff;cursor:pointer;transition:all 0.2s linear;display:none}#gotoTop:hover{background-color:#3543c3}#certificationsSection{scroll-margin-top:8rem}.certificationsSection h1{width:50%;font-size:3rem;text-align:center;margin:10rem auto 5rem;border-radius:1rem}.certificationsSection h2{font-size:2.5rem;margin-left:5rem}.paraOne,.paraTwo,.paraThree{font-size:1.8rem;min-width:35rem;max-width:60rem;margin:2rem auto;margin-top:5rem;background-color:snow;border-radius:1rem;border:.01rem solid rgb(25 26 27 / .196);text-align:center;padding:.3rem 0;box-shadow:inset 0 0 .6rem .25rem #fbfbccc8}.certificationsSection .certificatesOfHTML,.certificatesOfCss,.certificatesOfJs{min-width:35rem;max-width:60rem;height:35rem;margin:2rem auto 5rem;position:relative;background-color:rgb(247 233 213 / .411);border:.1rem solid #000;border-radius:1.5rem;box-shadow:0 0 2rem .5rem rgb(116 109 100 / .719) inset}.back,.img,.next{position:absolute}.back,.next{width:6rem;height:2rem}.back{width:6rem;top:50%;left:.3rem}.img{width:78%;height:100%;top:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.img img{width:90%;border-radius:1rem;transition:all 0.2s linear;border:.1rem solid #000}.img img:hover{transform:scale(1.1)}.next{width:6rem;top:50%;right:.3rem}.back{width:6rem;top:50%;left:.3rem}.backBtn,.nextBtn{width:100%;height:2.3rem;font-size:1.3rem;border:.1rem solid #000;border-radius:.5rem;text-align:center;transition:all 0.2s linear;background-color:#fff0;position:relative}.backBtn:hover,.nextBtn:hover{color:#fff;font-weight:600;font-size:1.4rem;letter-spacing:.05rem}.backBtn::before,.nextBtn::before{content:"";background-color:#083ed3;color:#fff;width:100%;height:0;border-radius:.5rem;position:absolute;top:0;left:0;transition:all 0.2s linear;z-index:-1}.backBtn::before{content:"";background-color:#fd3108;color:#fff;width:100%;height:0;border-radius:.5rem;position:absolute;top:0;left:0;transition:all 0.2s linear;z-index:-1}.backBtn:hover::before,.nextBtn:hover::before{height:100%}.jsH2,.cssH2{margin-top:10rem}.contactUsSection{height:40rem;margin:10rem 0;scroll-margin-top:15rem}.contactUsH1{width:50%;font-size:3rem;text-align:center;margin:0 auto 5rem;border-radius:1rem}.allContactResourses{margin:0 auto;width:95%;height:20rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.allContactResourses .div1{border:.1rem solid #000;border-radius:1rem;padding:1rem;background-image:linear-gradient(to top right,rgb(0 128 0 / .548) 50%,lightgreen 50%)}.allContactResourses .div2{border:.1rem solid #000;border-radius:1rem;padding:1rem;background-image:linear-gradient(to bottom right,#f7f4b6 50%,rgb(134 221 134 / .548) 50%);position:relative}.allContactResourses .div1 h1,.allContactResourses .div2 h2{margin:0 auto;width:fit-content;font-size:2.3rem}.allContactResourses .div2 p{width:100%;margin:.5rem 0;font-size:1.9rem;color:#000;padding:1rem 0;position:relative;text-align:center}.allContactResourses .div2 p a{text-decoration:none;color:#000;transition:all 0.2s linear}.allContactResourses .div2 p a:hover{color:#3c15e6}.allContactResourses .div1 .span2 img{width:20.4rem;margin:1rem auto;display:block}.allContactResourses .div2 span{display:inline-block;position:absolute;left:1rem;position:absolute;left:0;top:50%;transform:translate(0,-45%)}.allContactResourses .div2 span img{display:inline-block;width:4rem}footer{width:100%;border:1px solid #000;background-color:#181818;position:relative}footer ul{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:6rem}footer img{transition:all 0.2s linear;filter:drop-shadow(0 0 .2rem #ffffff)}footer img:hover{transform:scale(1.1);filter:drop-shadow(0 0 .4rem #fffefe)}footer .imgOne{width:5rem}footer .imgFour{width:4.3rem}footer p{font-size:1.8rem;text-align:center;margin-top:1rem;margin-bottom:1rem;color:#fff}@media (max-width:860px){header{height:6rem}header .logo{width:4rem;height:4rem;margin-left:1.6rem}.logo img{top:50%;left:50%;width:4.5rem;transform:translate(-50%,-50%) scale(1.9)}.navbar{margin-right:0;width:50%}.navbar ul{font-size:1.5rem}.main{margin-top:4.7rem;grid-template-columns:26rem 100%}.main .heroImg{height:45rem;margin-top:-1rem}.main .heroImg .img2{width:12rem;left:52%;top:52%}.main .heroImg .img3{width:3rem;height:3rem;top:81%;left:46.3%}#watch{font-size:2.3rem;letter-spacing:0}.main .heroInfo h1{display:none}.main .aboutPara{width:64%;font-size:1.5rem;line-height:2.5rem;height:fit-content;transform:translate(0,0);margin-left:0;border:.1rem solid #000;margin-top:6rem}.skillsSection h1{margin:8rem auto 8rem}.skillsSection .coursesSkillsValues{margin-top:3rem}.skillsSection .coursesSkillsValues::before{height:115%;border-radius:0 10% 10% 0}.skillsSection .coursesSkillsValues div h2{font-size:2rem}.skillsSection .coursesSkillsValues div progress{margin-bottom:2rem}.skillsSection .coursesSkillsValues .html span,.skillsSection .coursesSkillsValues .css span,.skillsSection .coursesSkillsValues .js span{font-size:2rem;font-weight:600}.certificationsSection h1{margin:6rem auto 4rem}.certificationsSection h2{font-size:2.3rem}.paraOne,.paraTwo,.paraThree{font-size:1.6rem;max-width:55rem}.certificationsSection .certificatesOfHTML,.certificatesOfCss,.certificatesOfJs{max-width:55rem;height:29rem}.img{width:76%}.next{width:5.5rem;right:1rem}.back{width:5.5rem;left:1rem}.backBtn:hover,.nextBtn:hover{letter-spacing:.04rem}.jsH2,.cssH2{margin-top:8rem}.contactUsSection{margin:8rem 0}.contactUsH1{margin:0 auto 3rem}.allContactResourses{height:29rem;gap:1.5rem;grid-template-rows:100%}.allContactResourses .div1 h1,.allContactResourses .div2 h2{font-size:2.1rem}.allContactResourses .div2 p{margin:1rem 0;font-size:1.6rem;padding-left:3.7rem;font-weight:500}.allContactResourses .div2 span img{width:3.5rem}footer ul{margin-top:0}footer .imgOne{width:4.5rem}footer .imgFour{width:4.2rem}footer p{font-size:1.7rem;margin:.2rem 0}}@media (max-width:730px){.main .heroImg{height:45rem}.main .heroImg .img2{width:13rem;top:55.5%}.main .aboutPara{width:60%;padding:.5rem;margin-top:3rem;margin-left:-2.3rem}}@media (max-width:600px){.navbar{transition:all 0.5s ease;width:100%;position:absolute;top:100%;max-height:0;overflow:hidden}.navbar ul{flex-direction:column;height:100vh;justify-content:start;padding-top:3rem;gap:4rem;background-color:rgb(0 0 0 / .466);backdrop-filter:blur(1.5rem)}ul li a{font-size:2.2rem;letter-spacing:.1rem}.show{max-height:100vh}.menu{display:block}.main{min-width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,50rem);margin-top:4.7rem;overflow:scroll}.main .heroImg{width:30rem;height:100%;margin:auto;margin-top:2rem}.main .heroImg .img1{height:100%}.main .heroImg .img2{width:15rem;left:51.5%;top:57%}.main .heroImg .img3{width:4rem;height:4rem;left:45.2%;top:82.7%}.main .heroImg #watch{letter-spacing:.1rem;top:30%;left:34.5%}.main .heroImg #watch.none{top:42%}.main .heroInfo{margin-top:5rem;height:fit-content}.main .aboutPara{font-size:1.7rem;word-spacing:.3rem;backdrop-filter:blur(10px);border:.1rem solid #000;width:90%;margin:0 auto}.skillsSection h1{width:100%;margin:10rem auto 10rem}.skillsSection .coursesSkillsValues{margin-top:5rem;width:100%}.skillsSection .coursesSkillsValues::before{width:70%;border-radius:0 15% 15% 0}.skillsSection .coursesSkillsValues div h2{font-size:1.6rem;margin:1.5rem 0 -.8rem 1rem}.skillsSection .coursesSkillsValues div progress{margin:1rem 0 2rem 1rem;width:55%;height:1.5rem}.skillsSection .coursesSkillsValues .html span{top:53%;right:30%;font-size:1.6rem}.skillsSection .coursesSkillsValues .css span{top:53%;right:30%;font-size:1.6rem}.skillsSection .coursesSkillsValues .js span{top:53%;right:30%;font-size:1.6rem}.certificationsSection h1{width:100%;margin:10rem auto 5rem}.certificationsSection h2{font-size:2.3rem;margin:0;padding-left:2rem;font-weight:500}.paraOne,.paraTwo,.paraThree{font-size:1.4rem;width:90%}.certificationsSection .certificatesOfHTML,.certificatesOfCss,.certificatesOfJs{width:90%;height:28.5rem}.img{width:77%}.next{width:4rem}.back{width:4rem}.backBtn,.nextBtn{height:2rem;font-size:1rem}.backBtn:hover,.nextBtn:hover{font-weight:500;font-size:1.1rem;letter-spacing:.02rem}.contactUsSection{width:100%;margin:5rem 0}.contactUsH1{width:100%}.allContactResourses{display:block;width:98%;height:30rem}.allContactResourses .div1{display:none}.allContactResourses .div2{width:100%}.allContactResourses .div2 p{margin:.5rem auto;font-size:1.7rem}footer img{margin-top:1rem;margin-bottom:-1.8rem}footer .imgOne{width:4.6rem}footer .imgFour{width:4rem}footer p{font-size:1.8rem;margin-top:2rem}}@media (max-width:480px){header{box-shadow:0 0 .4rem .3rem #000!important}.main{grid-template-rows:3rem;grid-template-rows:60rem;overflow-x:hidden}.main .heroImg{width:29rem;height:80%;margin-top:3rem}.main .heroImg #battery{border:.1rem solid #42445A78;position:absolute;left:23.5%;top:21%;width:56.2%;color:#fff;font-size:.7rem;text-align:right;padding:.1rem .2rem;opacity:1}.main .heroImg .img2{width:13rem;top:58%}.main .heroImg .img3{width:3.5rem;height:3.5rem;left:45.9%;top:83.3%}.main .heroImg #watch{font-size:2.35rem}.main .heroImg #watch.none{top:42%}.main .aboutPara{width:95%;overflow:unset;margin-top:-7rem}.skillsSection h1{font-size:3rem}.skillsSection .coursesSkillsValues::before{width:75%;height:115%}.skillsSection .coursesSkillsValues .html span{top:50%;right:23%}.skillsSection .coursesSkillsValues .css span{top:50%;right:23%}.skillsSection .coursesSkillsValues .js span{top:50%;right:23%}.certificationsSection h1{margin:6rem auto 5rem}.certificationsSection h2{margin-top:10rem}.paraOne,.paraTwo,.paraThree{min-width:90%;max-width:100%}.certificationsSection{min-width:90%!important;max-width:100%}.certificationsSection .certificatesOfHTML,.certificatesOfCss,.certificatesOfJs{min-width:95%;max-width:100%;height:25rem;overflow:hidden}.back{width:3.4rem;left:.7rem}.next{width:3.4rem;right:.7rem}.jsH2,.cssH2{margin-top:10rem}.contactUsSection{width:98%;margin:5rem auto}.contactUsH1{font-size:2.8rem}.allContactResourses .div2 p{font-size:1.3rem;padding:1rem 0 1rem 5rem}}@media (max-width:380px){.main .heroImg{width:34rem;height:90%;margin:auto;margin-top:-1rem}.main .heroImg .img2{width:16rem}.main .heroImg .img3{width:4rem;height:4rem;left:46.3%}.main .heroImg #watch{left:37%}.main .heroImg #watch.none{left:37%}.main .aboutPara{font-size:1.7rem;word-spacing:.3rem;letter-spacing:.1rem;height:fit-content;margin:auto}.certificationsSection .certificatesOfHTML,.certificatesOfCss,.certificatesOfJs{height:20rem}.back{left:.8rem}.next{right:.8rem}}@media (max-width:330px){.main .heroImg{width:30rem;margin-top:-1.5rem}.main .heroImg .img1{width:34rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .heroImg .img2{top:58%;transform:translate(-50%,-50%)}.main .heroImg #watch{font-size:2.8rem;left:33%}.main .heroImg #watch.none{left:33%}.main .heroImg .img3{top:83.6%;left:46.1%}.certificationsSection .certificatesOfHTML,.certificatesOfCss,.certificatesOfJs{min-width:95%;max-width:100%;height:17rem;overflow:hidden}footer ul{gap:1rem}footer .imgOne{width:4rem}footer .imgFour{width:3.55rem}footer p{font-size:1.3rem;text-align:center;margin-bottom:1rem}}