.img_container{width:62%;margin:30px auto 10px;border-radius:50%;border:2px solid gray;box-shadow:1px 4px 3px #262424}h3.title_txt{color:#130f49;font-weight:700;font-weight:600;letter-spacing:.1px}.logo_img{border-radius:50%;border:2px solid #130b4e91}.header-container{width:20%;box-shadow:3px 2px 3px #d3d3d3;overflow-y:scroll;height:100vh}.title_container{display:flex;justify-content:center}.navigation_container{display:flex;justify-content:center;flex-direction:column;align-content:center;align-items:center}.navigation_container ul{list-style:none}.navigation_container ul{list-style:none;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;align-items:stretch;font-weight:500}.social_links a .fa-brands{background-color:#282856;border-radius:50%;color:#fff;font-size:20px;margin:0 8px 5px;padding:10px;width:40px}.navigation_container ul a{color:#55527c;font-family:jost,sans-serif;font-size:17px;letter-spacing:.3px;margin-top:20px;padding:5px 0;text-decoration:none;position:relative}.navigation_container ul a:after{content:"";display:block;width:0;height:1px;background-color:#1c0464;top:32px;left:0;position:absolute}@keyframes moveborder{0%{width:0px}50%{width:50%}to{width:100%}}.navigation_container ul a.active:after{content:"";display:block;width:0%;height:1.6px;background-color:#1c0464;animation:moveborder .4s ease-in-out forwards}.navigation_container ul a.active{color:#1c0464}.social_icon_container svg{color:#282856;width:25px;height:25px}.copyright p{color:#55527c;font-family:inter,sans-serif;font-size:15px;letter-spacing:.2px;line-height:28px;padding:15px 0;width:70%;text-align:center}.social_icon_container{display:flex;gap:14px;align-items:center;margin-top:20px}.copyright{display:flex;justify-content:center}.header-container::-webkit-scrollbar{display:none}svg.cross_btn{display:none}@media (max-width:768px){svg.cross_btn{position:absolute;right:10px;top:-16px;width:24px;height:24px;fill:#0c0c44;display:block}.logo_container,.cross_btn{position:relative}svg.cross_icon{position:absolute;right:15px;top:-18px}.header_container .cross_icon.display_none{display:none}}*,body{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif;scroll-behavior:smooth;transition:.3s linear}.about_container{width:80%;overflow-y:scroll}.about_container::-webkit-scrollbar{display:none}.app_container{display:flex;height:100vh}.home_continer_layout{background-color:#effbf8;background-size:cover;overflow:hidden;width:80%;position:relative}.img_container_boy{width:400px;height:400px;top:21%;right:6%;position:absolute}.img_container_boy .carton_boy_home{width:100%;object-fit:contain;height:100%;mix-blend-mode:darken;animation:example2 1s linear 2s infinite alternate}@keyframes example2{0%{-webkit-transform:translateX(-20px);transform:translate(-20px);-webkit-transform:translatey(-20px);transform:translatey(-20px)}}.circular_img_container{width:200px;height:200px;position:absolute;top:0}img.circular_png{width:90%;height:80%;object-fit:contain;position:absolute;left:-16%}.linebeforetext{height:1px;width:80px;background:#282856;margin-right:10px}.animated_text ul li{list-style:none}.animated_text_container{display:flex;align-items:center;height:60px}.animated_text{overflow:hidden;height:96px}.animated_text ul li{list-style:none;font-size:19px;line-height:96px;position:relative;top:0;color:#02024b;animation:slide 9s steps(3) infinite}@keyframes slide{to{top:-290px}}.animated_text ul li span{position:relative;line-height:80px}.animated_text ul li span:after{content:"";position:absolute;border-left:5px solid #02024b;width:100%;height:90%;left:0;top:5px;margin-left:4%;height:80%;background-color:#effbf8;animation:typing 5s steps(14) infinite}@keyframes typing{40%,60%{left:100%}to{left:0}}.text_animation_container h2{color:#282856;font-family:cabin,sans-serif;font-size:25px;font-weight:700;letter-spacing:1.5px;line-height:4vw}.text_animation_container h1{color:#282856;font-family:josefin sans;font-size:3.8vw;font-weight:700;letter-spacing:.3px;line-height:4.5vw;margin-bottom:0;margin-top:10px;display:inline-block}span.handicon{font-size:40px;margin-left:1%}.text_animation_container_main{position:absolute;top:8%;left:11%;width:50%}p.para_info{font-size:14px;font-family:jost;line-height:22px}p .para_info span{color:#008594}.btn_container{display:flex}.btn_container{display:flex;justify-content:flex-start;align-items:center;gap:4%;margin:2% 0}.btn_container button{padding:6px 16px;font-size:14px;border-radius:20px;border:none;outline:none;box-shadow:3px 3px 2px #16076f;color:#fff;font-weight:400;background-color:#130f49;cursor:pointer;display:flex;align-items:center;gap:10px}.btn_container button:hover{background-color:#fff;color:#050323}.info_container{display:flex;flex-direction:column;gap:14px}.contact_information_container{border-left:2px solid #130f49;padding-left:3%}.contact_information_container{border-left:3px solid #ffc83d;padding-left:3%;display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:16px;margin-top:4%;color:#130f49}img.circular2_png{position:absolute;right:0;rotate:180deg;top:8%;width:100px}svg.hamburger_icon{display:none}.cross-btn{display:none}.btn_container .btn_hh{text-decoration:none}@media (max-width:600px){.header-container{overflow:scroll}.text_animation_container_main{width:90%}.img_container_boy{width:260px;height:260px;top:0%;right:17%;position:absolute}.text_animation_container_main{top:15%;left:10%}.img_container_boy{width:200px;height:200px;top:0%;right:-5%}img.circular2_png{position:absolute;right:0;rotate:180deg;width:100px;bottom:0!important;top:unset}.home_continer_layout{width:100%;height:100vh;position:absolute}.animated_text_container{width:100%;justify-content:flex-start}.linebeforetext{width:20px}.text_animation_container h1{font-size:4vw}span.handicon{font-size:32px}.animated_text ul li{font-size:17px}.app_container{flex-direction:column;position:relative}.header_drawer_icon{border:1px solid red;width:100%;height:80px}.header-container{z-index:111;height:fit-content;background:#f0f8ff;width:65%;display:block;overflow:scroll}.contact_container{position:fixed;overflow-y:hidden}svg.hamburger_icon{z-index:3;left:14px;top:10;top:11px;position:absolute;width:20px;height:20px}.displayBlock,.displayNone{display:none!important}.yess{display:block!important;animation:movemenu .5s linear;translate:0%!important}@keyframes movemenu{0%{transform:translate(-100%)}to{transform:translate(0)}}.no{animation:hidemenu .5s linear}.header-container{translate:-100%}@keyframes hidemenu{0%{transform:translate(0)}to{transform:translate(-100%)}}.display_block{display:block}svg.hamburger_icon{display:block}.cross-btn{display:block}.resume_download{text-decoration:none}}.resume_download{text-decoration:none}@media (max-width:601px){.portfolio_container{flex-direction:column;align-items:center;justify-content:center;flex-wrap:unset!important;width:100%!important;overflow-x:unset!important;overflow-y:visible!important;position:absolute}}; *{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif;scroll-behavior:smooth;transition:.3s linear}body{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif;scroll-behavior:smooth;transition:.3s linear}.about_container{width:80%;background-color:#effbf8;overflow-y:scroll;padding-bottom:40px}.service_container{background:#f0f8ff;width:80%;padding-left:6%;position:relative;height:100vh;overflow:hidden}.card{animation-duration:1s;animation-name:movingbox;background-color:#fff;box-shadow:#91c0ff80 3px 3px 68px,#91c0ff99 -8px -8px 11px inset,#fff 0 11px 8px inset;height:290px;position:relative;width:300px;z-index:4;border-radius:10px;overflow:hidden;padding:30px}.card:before{animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;background-color:#399953;background-image:linear-gradient(#282856,#fff),linear-gradient(#4db9fd,#fff),linear-gradient(#ee8936,#fff),linear-gradient(#08d15f,#f1f6ff);background-repeat:no-repeat;background-size:50% 50%,50% 50%;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1;animation:4s linear 0s infinite normal none running rotate;background-position:0px 0px,100% 0px,100% 100%,0px 100%}@keyframes movingbox{0%{opacity:0;transform:scale(1.2)}}@keyframes rotate{to{transform:rotate(1turn)}}.card:after{animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;content:"";height:calc(100% - 12px);left:6px;position:absolute;top:6px;width:calc(100% - 12px);z-index:3;animation:3s ease 0s infinite alternate none running opacityChange;background:#fff;border-radius:5px}@keyframes running{50%{opacity:1}to{opacity:1}}.card_container{display:flex}.service_card{display:flex;justify-content:center;margin-top:5%;gap:5%}.card h3{z-index:6;position:relative}.card_des{z-index:8;position:relative;font-size:15px;line-height:30px;color:#5d5a5a}.card_img{z-index:6;position:relative}.card_info_container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;gap:20px}.service_txt{font-size:30px;letter-spacing:.3px;line-height:30px;margin-top:25px;font-weight:700;font-family:Jost,sans-serif}.service_txt span{color:#4169e1}.service_upper_txt{font-size:16px;letter-spacing:.3px;line-height:30px;margin-top:25px}.service_upper_txt{font-size:15px;letter-spacing:.3px;line-height:30px;margin-top:50px;color:#6b6b6b;font-family:Jost,sans-serif}.bg1{position:absolute;top:80px;left:0}.bg2{position:absolute;bottom:0;left:0;rotate:120deg}.bg3{position:absolute;top:0;right:0}@media (max-width:601px){.service_card{display:flex;justify-content:center;gap:20px;flex-direction:column;align-items:center}.service_container{overflow:unset;height:max-content;padding-left:unset;position:absolute;width:100%}}.service_upper_txt{font-size:14px;line-height:30px;margin-top:25px;z-index:22;position:relative;left:13vw}.service_txt{font-size:28px;letter-spacing:.3px;line-height:30px;margin-top:3px;position:relative;text-align:center}.card{height:260px;position:relative;width:260px}.card_info_container{gap:9px}} .about_container{width:80%;overflow-y:scroll;background-color:#effbf8;padding-bottom:40px;height:100vh}.about_container_inside{display:flex;width:100%;align-content:center;justify-content:center;align-items:center}.left_about_container{width:35%;padding:5%;text-align:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:8px}.right_about_container{width:60%}p.nicetomeet{font-size:16px;letter-spacing:.3px;line-height:30px;margin-top:25px;color:#040451}p.name_about{color:#130f49;font-size:30px;font-weight:900;margin-top:10px;font-family:Jost,sans-serif;width:110%}.gotaproject button{background-color:#282856;color:#f0f8ff;font-size:16px;margin-top:20px;cursor:pointer;border-radius:8px;padding:15px 40px}.gotaproject button:hover{color:#282856;background-color:#f0f8ff}p.hellojyoti{font-size:16px;letter-spacing:.3px;line-height:30px;margin:25px 0;color:#55527c}p.innovative_mern{font-size:16px;letter-spacing:.3px;line-height:30px;margin-top:25px;color:#55527c}p.hellojyoti,p.innovative_mern{font-size:16px;letter-spacing:.3px;line-height:30px;color:#55527c;width:90%;margin:25px auto}.icon_container{width:80px;height:80px;box-shadow:3px 3px 2px #d3d3d3,-3px 0 2px #d3d3d3;padding:6px;border-radius:8px}.icon_tech_name p{font-size:20px;line-height:25px;font-weight:600}.tech_desc p{font-size:16px;margin-top:0;line-height:30px;letter-spacing:.3px;color:#55527c}.icon_img{width:100%;height:100%}.skill_img_container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:80%;margin-bottom:40px}.info_tech{display:flex;flex-direction:column;justify-content:center;align-items:center;width:43%}.icon_card_container{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:20px;width:25%}.skill_img_container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:35px 10px;width:80%;margin:auto;gap:100px;border-radius:30px;background:#fff;border:1px solid hsla(0,25%,78%,.635);box-shadow:3px 4px 2px #d3d3d3}.skill_img_container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:35px 10px;width:80%;gap:70px;background:#fff;border:1px solid hsla(0,25%,78%,.635)}.skill_container p{color:#55527c;font-family:karla,sans-serif;font-family:var(--main-font);font-size:16px;letter-spacing:.3px;line-height:30px}.tech_stack_txt{width:80%;margin:0 auto 20px}.tech_stack_txt .techstack{color:#130f49;font-size:30px;font-weight:700;margin-top:5px}@media (max-width:601px){.about_container{width:100%;position:absolute}.about_container_inside{flex-direction:column}.left_about_container{width:90%}p.name_about{width:98%}.gotaproject{margin-top:-20px}p.nicetomeet{margin-top:unset}.right_about_container{width:85%}p.hellojyoti{width:100%;margin:2px auto}p.innovative_mern{width:100%;margin:14px auto}.skill_img_container{width:90%}.gotaproject button{margin-top:10px;padding:10px 40px}.skill_img_container{gap:30px}.icon_container{width:60px;height:60px}.icon_card_container{width:100%;margin-left:10%;justify-content:flex-start}.skill_container p{font-size:20px;line-height:25px}.tech_desc p{font-size:16px}.tech_stack_txt p{font-size:15px}.tech_stack_txt .techstack{font-size:22px}.info_tech{align-items:flex-start}}.contact_container{background:#f0f8ff;height:100vh;overflow-y:scroll;padding:50px 3vw 50px 6vw;width:80%;display:flex}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.left_contact_container,.right_contact_container{width:50%}.icon_box{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px 0}.icon_box img{width:100%;height:100%}.left_contact_container .letsconnect{color:#55527c;font-size:16px;letter-spacing:.3px;line-height:30px;margin-top:25px}.getintouch{font-size:33px;font-weight:900;margin-top:5px;color:#050567}.currentlyavilable{color:#55527c;font-size:16px;letter-spacing:.3px;line-height:30px;margin-top:25px}.currentlyavilable{color:#55527c;font-size:16px;letter-spacing:.3px;line-height:30px;margin-top:25px;width:86%}.social_icon_container{display:flex;gap:14px;align-items:center;margin-top:20px;gap:30px;justify-content:flex-start}.social_icon_container a{text-decoration:none;color:#575757}.right_contact_container form{display:flex;flex-direction:column;gap:20px}.commoninput{padding:15px;border-radius:13px;font-size:16px;outline:none;border:1px solid #04043f}.message_box{height:120px;padding:12px;border-radius:13px;border:1px solid #04043f;outline:none;font-size:15px}.submit_btn{background:#04043f;color:#fff;padding:12px;border-radius:13px;font-size:20px;text-decoration:none;text-align:center}.submit_btn:hover{background:#5d5d74;cursor:pointer}@media (max-width:601px){.left_contact_container{width:100%}.contact_container{width:100%;display:flex;flex-direction:column}.right_contact_container{width:100%}.icon_box{width:60px;height:60px;gap:4px;margin:10px 0 30px}.getintouch{font-size:25px}.left_contact_container .letsconnect{margin-top:unset}.currentlyavilable{margin-top:8px}.social_icon_container{margin-top:6px;gap:22px}.contact_container{padding:21px 6vw 6px}.currentlyavilable{font-size:13px;width:90%;line-height:25px}.message_box,p.icon_txt{font-size:13px}.commoninput{font-size:13px;padding:12px}.left_contact_container .letsconnect{font-size:14px}.submit_btn{padding:10px;font-size:15px}}.error_page_container{width:100vw;height:100vh;overflow:hidden}.error_page_container img{width:100%;height:100%}.portfolio_card a{text-decoration:none}img.projectimage{width:100%;object-fit:contain;box-sizing:border-box;mix-blend-mode:darken;min-height:190px}p.project_title{font-size:20px;color:#04043f;font-weight:700;width:90%;margin:auto}p.project_description{font-size:13px;width:90%;margin:auto;text-align:left;min-height:120px}.portfolio_card:nth-child(1) .project_description{min-height:190px}.portfolio_card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;flex-wrap:wrap;width:100%;border-radius:25px;max-width:300px;justify-content:center;box-shadow:3px 3px 3px #d3d3d3,-3px -3px 4px #d3d3d3}.portfolio_container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#effbf8;width:80%;padding:50px;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;gap:20px;overflow-y:scroll;overflow-x:scroll}; @media(max-width:601px){.portfolio_container{display:flex;display:none;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%;gap:20px;margin-top:41px;overflow-x:unset;z-index:-1}};{}