@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css);.social-icons-section{padding-top:10px}.social-icons-section a{display:inline-flex;width:50px;height:50px;margin-right:15px;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;color:var(--app-text);font-size:28px;transition:background-color .1s ease-in-out .1s}.social-icons-section a:hover{background-color:#50c878}.social-icons-section a:last-child{margin-right:0}@media screen and (max-width:767px){.social-icons-section a{width:40px;height:40px;margin-right:10px}}.app-testimonials .content-section{max-width:1100px;margin:auto;background-color:var(--alternate-section-bg);padding:5%;border-radius:5px}.app-testimonials .content-section .at-heading{text-align:center;font-size:36px;color:var(--app-text);margin:0}.app-testimonials .content-section .testimonial-card{border-radius:10px;width:70%;margin:40px auto}.app-testimonials .content-section .testimonial-card .tc-heading{text-align:center;font-size:16px}.app-testimonials .content-section .testimonial-card .tc-desc{text-align:center;font-weight:500;color:var(--app-text);line-height:2;max-width:90%;margin:auto}.app-testimonials .content-section .testimonial-card .tc-name{text-align:center;margin:40px 0 10px;color:#50c878;font-weight:600;font-size:18px}.app-testimonials .content-section .testimonial-card .tc-role{text-align:center;margin:0;font-size:14px;font-weight:500;color:var(--desc-text)}.app-testimonials .slick-dots{padding-bottom:20px}.app-testimonials .slick-dots li{margin-right:15px}.app-testimonials .slick-dots li button:before{font-size:14px;color:var(--app-text)}.app-testimonials .slick-dots li.slick-active button:before{color:#50c878}@media screen and (max-width:767px){.app-testimonials .content-section{padding:40px 20px 20px}.app-testimonials .content-section .at-heading{font-size:28px}.app-testimonials .content-section .testimonial-card{width:95%;margin:40px auto 10px}.app-testimonials .content-section .testimonial-card .tc-heading{text-align:center;font-size:16px}.app-testimonials .content-section .testimonial-card .tc-desc{line-height:1.8;max-width:95%}.app-testimonials .content-section .testimonial-card .tc-role{line-height:1.5}}header.app-header{width:100%;position:fixed;top:0;left:0;background-color:var(--body-background);z-index:1025}header.app-header .content{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:15px 0;height:80px}header.app-header .content .left-side{position:relative;display:flex;align-items:center}header.app-header .content .left-side .sk--logo-section{color:var(--app-text);text-decoration:none}header.app-header .content .left-side .sk--logo-section .sk--square{width:60px;height:55px;border:5px solid #50c878;border-radius:3px}header.app-header .content .left-side .sk--logo-section .sk--text{background-color:var(--body-background);padding:6px;font-size:28px;z-index:1000000;position:absolute;top:10px;left:-2px;font-weight:600}header.app-header .content .right-side{display:flex;justify-content:flex-end}header.app-header .content .right-side ul{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;list-style-type:none}header.app-header .content .right-side ul li{margin:0 20px}header.app-header .content .right-side ul li a{color:var(--app-text);text-decoration:none;font-size:16px;font-weight:600}header.app-header .content .right-side ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}header.app-header .content .right-side ul li:hover a{color:#50c878}header.app-header .content .right-side ul li:last-child{margin-right:0}header.app-header .content .right-side ul li i{color:var(--app-text);font-size:24px;margin:0 15px;cursor:pointer}header.app-header .content .right-side ul li.active-link a{color:#50c878}@media screen and (max-width:767px){header.app-header .content{padding:20px}header.app-header .content .right-side .menu-icon{z-index:1026}header.app-header .content .right-side .menu-icon i{font-size:32px;color:var(--app-text)}header.app-header .content .right-side ul{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center}header.app-header .content .right-side ul li{margin:20px 0}header.app-header .content .right-side ul li a{color:var(--app-text);text-decoration:none;font-size:16px;font-weight:600}header.app-header .content .right-side ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}header.app-header .content .right-side ul li:hover a{color:#50c878}header.app-header .content .right-side ul li:last-child{margin-right:0}header.app-header .content .right-side ul li i{color:var(--app-text);font-size:24px;margin:0 15px;cursor:pointer}header.app-header .content .right-side ul li.active-link a{color:#50c878}}.app-footer{margin-top:20px;background-color:var(--alternate-section-bg);padding:40px;display:flex;justify-content:center;align-items:center}.app-footer .content{text-align:center}.app-footer .content .desc{color:var(--desc-text);font-size:16px;font-weight:500}.tech-stack-container .content-section{max-width:1100px;margin:auto;background-color:var(--body-background);padding:5%;border-radius:5px}.tech-stack-container .content-section .heading{text-align:center;font-size:36px;color:var(--app-text);margin:0}.tech-stack-container .content-section .flex-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px}.tech-stack-container .content-section .flex-section .skill-card{width:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:20px 0;padding:20px}.tech-stack-container .content-section .flex-section .skill-card .image-section{max-width:100px;margin-bottom:10px}.tech-stack-container .content-section .flex-section .skill-card .image-section img{width:100%;object-fit:cover}.tech-stack-container .content-section .flex-section .skill-card:hover{background-color:var(--alternate-section-bg);border-radius:5px;-webkit-transform:scale(1.1);transform:scale(1.1)}.tech-stack-container .content-section .flex-section .skill-card span{color:var(--app-text);font-weight:600}@media screen and (max-width:767px){.tech-stack-container .content-section{padding:40px 20px 20px}.tech-stack-container .content-section .heading{font-size:28px}.tech-stack-container .content-section .flex-section{margin-top:20px}.tech-stack-container .content-section .flex-section .skill-card{width:50%}}.dev-card-container{width:100%;max-width:650px;margin:auto;background:#1b2d48;padding:30px;border-radius:10px;position:relative;font-family:"Montserrat",sans-serif}.dev-card-container .download-button{position:absolute;right:-50px;top:40px}.dev-card-container .download-button button{background-color:#8bc34a;width:40px;height:40px;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;border:none;font-size:20px}.dev-card-container .top-section{display:flex;justify-content:space-between}.dev-card-container .top-section .left-side{flex:0 0 175px;justify-content:center;align-items:center;display:flex}.dev-card-container .top-section .left-side .image-section{position:relative}.dev-card-container .top-section .left-side .image-section input{display:none}.dev-card-container .top-section .left-side .image-section .edit-icon{position:absolute;bottom:10px;right:5px;background-color:#8bc34a;width:40px;height:40px;border-radius:50%;display:none;justify-content:center;align-items:center;cursor:pointer}.dev-card-container .top-section .left-side .image-section img{width:150px;height:150px;border-radius:50%;object-fit:cover;cursor:pointer}.dev-card-container .top-section .left-side .image-section:hover .edit-icon{display:flex}.dev-card-container .top-section .right-side{width:calc(100% - 190px)}.dev-card-container .top-section .right-side .contact-info{text-align:right}.dev-card-container .top-section .right-side .contact-info p{margin:0 0 2px;font-size:14px;color:#83aff0}.dev-card-container .top-section .right-side .main-content{margin-top:15px}.dev-card-container .top-section .right-side .main-content .role{font-size:20px;margin:0;color:#ddd}.dev-card-container .top-section .right-side .main-content .skills{margin:6px 0 0;font-size:14px;line-height:1.5;color:#8bc34a}.dev-card-container .bottom-section{margin-top:35px}.dev-card-container .bottom-section .heading{color:#ddd;font-size:18px;margin:0 0 15px}.dev-card-container .bottom-section p{color:#86bbd3;font-weight:500;line-height:1.5;text-align:justify;font-size:16px;margin:0 0 15px}.dev-card-container .footer-section{display:flex;flex-wrap:wrap;justify-content:space-between}.dev-card-container .footer-section .sm--section{position:relative;margin-top:10px;flex:0 0 48%;display:flex;align-items:center;border-bottom:1px dashed #ddd;padding-bottom:10px;margin-bottom:10px}.dev-card-container .footer-section .sm--section .remove-icon{position:absolute;color:#fff;top:0;right:10px;cursor:pointer;display:none}.dev-card-container .footer-section .sm--section:hover .remove-icon{display:inline-block}.dev-card-container .footer-section .sm--section .sm--left-side{margin-right:15px}.dev-card-container .footer-section .sm--section .sm--left-side i{font-size:32px;color:#8bc34a}.dev-card-container .footer-section .sm--section .sm--right-side .sm--heading{margin:0;line-height:1;font-size:16px;color:#ddd}.dev-card-container .footer-section .sm--section .sm--right-side a{text-decoration:none;font-size:13px;color:#83aff0}.inline-editor-container input,.inline-editor-container textarea{background-color:transparent;outline:none;border:none;border-bottom:1px dotted #354763;font-family:"Varela Round",sans-serif;width:100%;margin-bottom:2px;resize:none}.inline-editor-container p{margin:0;line-height:1.5}.autosuggest-page{max-width:1100px;margin:auto;padding-top:150px}.autosuggest-page .heading{color:var(--app-text);font-size:24px;text-align:center}.autosuggest-page .flex-section{display:flex;align-items:center;background:var(--alternate-section-bg);border-radius:5px}.autosuggest-page .flex-section .left-side{flex:0 0 300px;padding:40px}.autosuggest-page .flex-section .left-side p{color:var(--app-text);font-size:24px;font-weight:600}.autosuggest-page .flex-section .left-side .form-section{margin-bottom:20px}.autosuggest-page .flex-section .left-side .form-section label{color:var(--app-text);display:flex;align-items:center;font-weight:600;margin-bottom:10px}.autosuggest-page .flex-section .left-side .form-section input[type=number],.autosuggest-page .flex-section .left-side .form-section input[type=text]{width:100%;height:45px;border-radius:5px;border:1px solid var(--alternate-section-bg);padding-left:10px;font-size:16px;font-weight:500;font-family:"Montserrat",sans-serif}.autosuggest-page .flex-section .left-side .form-section input[type=checkbox]{width:20px;height:20px;margin-right:15px}.autosuggest-page .flex-section .right-side{width:calc(100% - 400px);display:flex;justify-content:center;align-items:center;padding-top:40px;padding-bottom:40px}.autosuggest-page .flex-section .right-side .content{width:100%}.autosuggest-page .flex-section .right-side .content .no-results-found{background-color:var(--app-text)}.autosuggest-page .flex-section .right-side .content input{font-family:"Montserrat",sans-serif}.autosuggest-page .flex-section .right-side .content .autosuggest-container{margin:auto;position:relative}.autosuggest-page .flex-section .right-side .content .autosuggest-container .suggestions-container{position:absolute;z-index:1000}.autosuggest-page .flex-section .right-side .content .code-section{width:100%;background-color:var(--body-background);padding:40px;margin-top:40px;position:relative}.autosuggest-page .flex-section .right-side .content .code-section .copied-message{position:absolute;top:60px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.autosuggest-page .flex-section .right-side .content .code-section .copy-button{position:absolute;top:15px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);border:none;padding:8px 15px;font-size:20px;border-radius:5px;cursor:pointer;outline:none}.autosuggest-page .flex-section .right-side .content .code-section code{color:var(--app-text);font-size:16px}.autosuggest-page .flex-section .right-side .content .code-section code p{margin:10px 0}.autosuggest-page .flex-section .right-side .content .code-section code .keyword{color:#ff9800}.autosuggest-page .flex-section .right-side .content .code-section code .string{color:#8bc34a}.autosuggest-page .flex-section .right-side .content .code-section code .tab{padding-left:20px}.autosuggest-page .flex-section .right-side .content .code-section code .varaible{color:#50c5ff}.datepicker-demo-page{max-width:1100px;margin:auto;padding-top:150px}.datepicker-demo-page .heading{color:var(--app-text);font-size:24px;text-align:center}.datepicker-demo-page .flex-section{display:flex;background:var(--alternate-section-bg);border-radius:5px}.datepicker-demo-page .flex-section .react-datepicker-input-conatiner input{font-family:"Montserrat",sans-serif}.datepicker-demo-page .flex-section .left-side{flex:0 0 300px;padding:40px}.datepicker-demo-page .flex-section .left-side p{color:var(--app-text);font-size:24px;font-weight:600}.datepicker-demo-page .flex-section .left-side .form-section{margin-bottom:20px}.datepicker-demo-page .flex-section .left-side .form-section label{color:var(--app-text);display:flex;align-items:center;font-weight:600;margin-bottom:10px}.datepicker-demo-page .flex-section .left-side .form-section input[type=number],.datepicker-demo-page .flex-section .left-side .form-section input[type=text],.datepicker-demo-page .flex-section .left-side .form-section select{width:100%;height:45px;border-radius:5px;border:1px solid var(--alternate-section-bg);padding-left:10px;font-size:16px;font-weight:500;font-family:"Montserrat",sans-serif}.datepicker-demo-page .flex-section .left-side .form-section input[type=checkbox]{width:20px;height:20px;margin-right:15px}.datepicker-demo-page .flex-section .right-side{width:calc(100% - 400px);display:flex;justify-content:center;align-items:center;padding-top:40px;padding-bottom:40px}.datepicker-demo-page .flex-section .right-side .content{width:100%}.datepicker-demo-page .flex-section .right-side .content .demo{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.datepicker-demo-page .flex-section .right-side .content .demo .selected-date-section{margin-top:15px;color:var(--app-text);font-weight:500}.datepicker-demo-page .flex-section .right-side .content .demo .react-datepicker-input-conatiner{width:100%}.datepicker-demo-page .flex-section .right-side .content .code-section{width:100%;background-color:var(--body-background);padding:40px;margin-top:40px;position:relative}.datepicker-demo-page .flex-section .right-side .content .code-section .copied-message{position:absolute;top:60px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.datepicker-demo-page .flex-section .right-side .content .code-section .copy-button{position:absolute;top:15px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);border:none;padding:8px 15px;font-size:20px;border-radius:5px;cursor:pointer;outline:none}.datepicker-demo-page .flex-section .right-side .content .code-section code{color:var(--app-text);font-size:16px}.datepicker-demo-page .flex-section .right-side .content .code-section code p{margin:10px 0;font-size:14px}.datepicker-demo-page .flex-section .right-side .content .code-section code .keyword{color:#ff9800}.datepicker-demo-page .flex-section .right-side .content .code-section code .string{color:#8bc34a}.datepicker-demo-page .flex-section .right-side .content .code-section code .tab{padding-left:20px}.datepicker-demo-page .flex-section .right-side .content .code-section code .varaible{color:#50c5ff}@media screen and (max-width:767px){.datepicker-demo-page .flex-section{flex-wrap:wrap}.datepicker-demo-page .flex-section .left-side,.datepicker-demo-page .flex-section .right-side{flex:0 0 100%}}.app-landing-section{color:var(--app-text);height:550px;display:flex;justify-content:center;align-items:center;flex-direction:column}.app-landing-section .sub-heading{margin:0;font-weight:600;font-size:20px}.app-landing-section .heading{margin:15px 0;font-size:64px;font-weight:800}.app-landing-section .desc{margin:0;font-weight:600;font-size:20px}.app-landing-section .buttons-container{display:flex}.about-me-section{max-width:1100px;background-color:var(--alternate-section-bg);margin:auto;padding:7.5%;border-radius:5px;display:flex;justify-content:center}.about-me-section .left-side{margin-right:5%;max-width:35%;position:relative}.about-me-section .left-side:before{content:"";width:60%;z-index:0;top:-20px;left:-20px;height:50%;background:var(--app-text);display:block;position:absolute;border-bottom-left-radius:20px;border-top-right-radius:20px;border-top-left-radius:10px}.about-me-section .left-side img{width:100%;position:relative;z-index:1000;background:hsla(0,0%,58.8%,.9);border-radius:10px}.about-me-section .left-side:after{content:"";width:60%;z-index:0;right:-20px;bottom:-15px;height:50%;background:var(--app-text);display:block;position:absolute;border-bottom-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:10px}.about-me-section .right-side{width:60%}.about-me-section .right-side .heading{font-size:30px;font-weight:600;text-shadow:0 0 15px var(--app-text-shadow);line-height:1.5;color:var(--app-text);margin:0}.about-me-section .right-side .desc{line-height:1.8;font-size:17px;color:var(--desc-text);font-weight:500}.projectss-banner{max-width:1100px;margin:auto;padding:3% 5%;background-color:var(--alternate-section-bg);display:flex;justify-content:space-between;align-items:center;border-radius:5px}.projectss-banner .heading{font-size:30px;font-weight:600;text-shadow:0 0 15px var(--app-text-shadow);line-height:1.5;color:var(--app-text);margin:0}.projectss-banner .desc{line-height:1.8;font-size:17px;color:var(--desc-text);font-weight:500;margin:0}.services-section{max-width:1100px;margin:20px auto;padding:5%}.services-section .heading{margin:0;font-size:36px;font-weight:600;color:var(--app-text)}.services-section .desc{color:var(--app-text);font-size:18px;line-height:28px;font-weight:500}.services-section .services-flex{display:flex;align-items:center;justify-content:space-evenly;margin-top:60px}.services-section .services-flex .service--card{width:100%;margin:0 15px;background-color:var(--alternate-section-bg);padding:20px 10px;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:-webkit-transform .1s ease-in-out .1s;transition:transform .1s ease-in-out .1s;transition:transform .1s ease-in-out .1s,-webkit-transform .1s ease-in-out .1s}.services-section .services-flex .service--card img{max-width:100px;width:100%;background:var(--image-background);border-radius:20px;padding:10px;object-fit:cover}.services-section .services-flex .service--card .sc-heading{color:var(--app-text);font-size:16px;font-weight:500}.services-section .services-flex .service--card:first-child{margin-left:0}.services-section .services-flex .service--card:last-child{margin-right:0}.services-section .services-flex .service--card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.services-section .services-flex .service--card:hover img{background:#50c878}.sk--contact-section{background-color:var(--body-background);max-width:1100px;margin:20px auto;padding:5%;border-radius:5px}.sk--contact-section .main--heading{margin:0;font-size:36px;font-weight:600;color:var(--app-text)}.sk--contact-section .sk--contact-flex-section{display:flex;justify-content:space-between;padding:20px 0}.sk--contact-section .sk--contact-flex-section .sk--lside{flex:0 0 40%}.sk--contact-section .sk--contact-flex-section .sk--lside .desc{color:var(--app-text);font-size:18px;line-height:28px;font-weight:500}.sk--contact-section .sk--contact-flex-section .sk--lside .email-section{margin-top:40px;margin-bottom:40px}.sk--contact-section .sk--contact-flex-section .sk--lside .email-section p{color:var(--desc-text);margin:0 0 5px;font-weight:500}.sk--contact-section .sk--contact-flex-section .sk--lside .email-section a{color:#50c878;text-decoration:none;font-weight:600}.sk--contact-section .sk--contact-flex-section .sk--lside .follow-section{margin-top:40px}.sk--contact-section .sk--contact-flex-section .sk--lside .follow-section p{color:var(--desc-text);margin:0 0 5px;font-weight:500}.sk--contact-section .sk--contact-flex-section .sk--rside{flex:0 0 40%}.sk--contact-section .sk--contact-flex-section .sk--rside .thank-you-message{background:#50c878;padding:15px;border-radius:5px;margin-bottom:15px}.sk--contact-section .sk--contact-flex-section .sk--rside .thank-you-message h4{margin:0;font-weight:600;line-height:1.5}.sk--contact-section .sk--contact-flex-section .sk--rside .form-section{margin-bottom:20px}.sk--contact-section .sk--contact-flex-section .sk--rside .form-section input,.sk--contact-section .sk--contact-flex-section .sk--rside .form-section textarea{width:100%;background-color:var(--alternate-section-bg);height:50px;border-radius:5px;border:none;outline:none;font-size:16px;color:var(--desc-text);padding:15px;font-family:"Montserrat",sans-serif;font-weight:500}.sk--contact-section .sk--contact-flex-section .sk--rside .form-section textarea{height:unset;resize:none}.sk--contact-section .sk--contact-flex-section .sk--rside .button-section{text-align:right;position:relative}@media screen and (max-width:767px){.app-landing-section{padding:20px;height:500px}.app-landing-section .sub-heading{font-size:14px}.app-landing-section .heading{font-size:36px;text-align:center}.app-landing-section .desc{font-size:16px;text-align:center}.app-landing-section .buttons-container{display:block}.about-me-section{padding:7.5%;flex-wrap:wrap}.about-me-section .left-side{flex:0 0 90%;margin-right:0;max-width:unset;position:relative;margin-bottom:40px}.about-me-section .right-side{width:100%}.about-me-section .right-side .heading{font-size:24px}.about-me-section .right-side .desc{font-size:15px}.projectss-banner{display:block}.projectss-banner .heading{font-size:28px}.projectss-banner .desc{font-size:16px}.projectss-banner .button-section{width:208px}.services-section{padding:20px}.services-section .heading{font-size:28px}.services-section .desc{font-size:16px}.services-section .services-flex{margin-top:30px;flex-wrap:wrap}.services-section .services-flex .service--card{flex:0 0 100%;margin:0 0 20px}.sk--contact-section{padding:40px 20px 20px}.sk--contact-section .main--heading{font-size:28px}.sk--contact-section .sk--contact-flex-section{flex-wrap:wrap}.sk--contact-section .sk--contact-flex-section .sk--lside{flex:0 0 100%}.sk--contact-section .sk--contact-flex-section .sk--lside .desc{font-size:16px}.sk--contact-section .sk--contact-flex-section .sk--lside .follow-section{margin-top:40px;margin-bottom:40px}.sk--contact-section .sk--contact-flex-section .sk--rside{flex:0 0 100%}}.otp-form-page{max-width:1100px;margin:auto;padding-top:150px}.otp-form-page .heading{color:var(--app-text);font-size:24px;text-align:center}.otp-form-page .flex-section{display:flex;align-items:center;background:var(--alternate-section-bg);border-radius:5px}.otp-form-page .flex-section .left-side{flex:0 0 300px;padding:40px}.otp-form-page .flex-section .left-side p{color:var(--app-text);font-size:24px;font-weight:600}.otp-form-page .flex-section .left-side .form-section{margin-bottom:20px}.otp-form-page .flex-section .left-side .form-section label{color:var(--app-text);display:flex;align-items:center;font-weight:600;margin-bottom:10px}.otp-form-page .flex-section .left-side .form-section input[type=number],.otp-form-page .flex-section .left-side .form-section input[type=text]{width:100%;height:45px;border-radius:5px;border:1px solid var(--alternate-section-bg);padding-left:10px;font-size:16px;font-weight:500;font-family:"Montserrat",sans-serif}.otp-form-page .flex-section .left-side .form-section input[type=checkbox]{width:20px;height:20px;margin-right:15px}.otp-form-page .flex-section .right-side{width:calc(100% - 400px);display:flex;justify-content:center;align-items:center;padding-top:40px;padding-bottom:40px}.otp-form-page .flex-section .right-side .content{width:100%}.otp-form-page .flex-section .right-side .content .react-otp-ui-input-container{justify-content:center}.otp-form-page .flex-section .right-side .content span.input-separator{color:var(--app-text)}.otp-form-page .flex-section .right-side .content .code-section{width:100%;background-color:var(--body-background);padding:40px;margin-top:40px;position:relative}.otp-form-page .flex-section .right-side .content .code-section .copied-message{position:absolute;top:60px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.otp-form-page .flex-section .right-side .content .code-section .copy-button{position:absolute;top:15px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);border:none;padding:8px 15px;font-size:20px;border-radius:5px;cursor:pointer;outline:none}.otp-form-page .flex-section .right-side .content .code-section code{color:var(--app-text);font-size:16px}.otp-form-page .flex-section .right-side .content .code-section code p{margin:10px 0}.otp-form-page .flex-section .right-side .content .code-section code .keyword{color:#ff9800}.otp-form-page .flex-section .right-side .content .code-section code .string{color:#8bc34a}.otp-form-page .flex-section .right-side .content .code-section code .tab{padding-left:20px}.otp-form-page .flex-section .right-side .content .code-section code .varaible{color:#50c5ff}@media screen and (max-width:767px){.otp-form-page .flex-section{flex-wrap:wrap}.otp-form-page .flex-section .left-side,.otp-form-page .flex-section .right-side{flex:0 0 100%}}.projects-page .projects--section{max-width:1100px;margin:100px auto auto;border-radius:5px}.projects-page .projects--section .heading{font-size:32px;margin:0;color:var(--app-text)}.projects-page .projects--section .npm-packages-section{margin-top:20px;background-color:var(--alternate-section-bg);padding:40px;border-radius:5px}.projects-page .projects--section .npm-packages-section .sub-heading{color:var(--app-text);font-size:24px;margin:0;font-weight:500}.projects-page .projects--section .npm-packages-section .flex-section{margin-top:30px}.projects-page .projects--section .npm-packages-section .flex-section .package-card{width:100%;margin-bottom:60px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section{font-size:18px;color:var(--app-text);font-weight:600}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section span.name{margin-right:10px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section a{color:var(--app-text);margin-right:10px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section a i{font-size:20px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .desc{color:var(--desc-text);font-weight:500;padding-left:20px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section{padding-left:20px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section input{font-weight:500;font-family:"Montserrat",sans-serif}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .use-heading{font-size:16px;color:var(--app-text);font-weight:500}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .open-drawer-button{border:2px solid var(--app-text);padding:6px 25px;font-size:16px;cursor:pointer;font-weight:400;outline:none;background-color:var(--app-text);color:var(--alternate-section-bg);font-weight:500;margin-right:15px;font-family:"Montserrat",sans-serif;text-transform:capitalize}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .no-results-found{background-color:var(--app-text)}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .links-container{margin-top:20px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .links-container .link-section{padding:10px 15px;cursor:pointer;font-size:18px;font-weight:500}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .links-container .link-section i{padding-right:15px;font-size:24px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .tags-input__contianer{max-width:70%;font-family:"Montserrat",sans-serif}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .tag-names{color:var(--app-text)}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs{position:relative;margin:15px 20px;display:inline-block}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs button{background-color:#50c878;height:35px;border:none;width:150px;font-size:14px;cursor:pointer;outline:none;color:var(--app-text);font-family:"Montserrat",sans-serif;font-weight:600;transition:width .2s ease-in-out .2s;position:relative;z-index:10;margin-right:8px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs button a{color:var(--app-text);text-decoration:none}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs button:hover{width:200px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs button:disabled{opacity:.5;cursor:not-allowed}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs button.secondary{background-color:var(--alternate-section-bg)}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs button:hover+.span-after{width:200px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs .span-after{width:150px;height:35px;background-color:var(--desc-text);display:block;position:absolute;right:0;top:8px;z-index:1;transition:width .2s ease-in-out .2s}@media screen and (max-width:767px){.projects-page .projects--section{margin-top:100px}.projects-page .projects--section .heading{font-size:24px;padding:0 20px}.projects-page .projects--section .npm-packages-section{padding:20px}.projects-page .projects--section .npm-packages-section .sub-heading{font-size:20px}.projects-page .projects--section .npm-packages-section .flex-section .package-card{margin-bottom:40px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section{font-size:18px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section span.name{margin-right:5px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .links-section a i{font-size:16px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section,.projects-page .projects--section .npm-packages-section .flex-section .package-card .desc{padding-left:0}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .use-heading{font-size:14px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .open-drawer-button{padding:6px 15px;font-size:14px;margin-bottom:15px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .links-container .link-section{font-size:14px}.projects-page .projects--section .npm-packages-section .flex-section .package-card .demo-section .tags-input__contianer{max-width:1000%}}.resume--container{padding-top:100px;min-height:100vh;max-width:1100px;margin:auto}.resume--container .note-text{color:var(--app-text);font-size:14px;font-weight:600}.resume--container img{width:100%}.taginput-demo-page{max-width:1100px;margin:auto;padding-top:150px}.taginput-demo-page .heading{color:var(--app-text);font-size:24px;text-align:center}.taginput-demo-page .flex-section{display:flex;background:var(--alternate-section-bg);border-radius:5px}.taginput-demo-page .flex-section .left-side{flex:0 0 300px;padding:40px}.taginput-demo-page .flex-section .left-side p{color:var(--app-text);font-size:24px;font-weight:600}.taginput-demo-page .flex-section .left-side .form-section{margin-bottom:20px}.taginput-demo-page .flex-section .left-side .form-section label{color:var(--app-text);display:flex;align-items:center;font-weight:600;margin-bottom:10px}.taginput-demo-page .flex-section .left-side .form-section input[type=number],.taginput-demo-page .flex-section .left-side .form-section input[type=text]{width:100%;height:45px;border-radius:5px;border:1px solid var(--alternate-section-bg);padding-left:10px;font-size:16px;font-weight:500;font-family:"Montserrat",sans-serif}.taginput-demo-page .flex-section .left-side .form-section input[type=checkbox]{width:20px;height:20px;margin-right:15px}.taginput-demo-page .flex-section .left-side .form-section .tags-input__contianer{border:none}.taginput-demo-page .flex-section .left-side .form-section .tags-input__contianer input{border:none;width:auto}.taginput-demo-page .flex-section .left-side .form-section .tags-input__contianer .tag__box{font-family:"Montserrat",sans-serif;font-weight:600;background-color:#50c878;border-color:#50c878;margin-bottom:5px}.taginput-demo-page .flex-section .left-side .form-section .tags-input__contianer .tag__box.warning__box{background-color:#e91e63;border-color:#e91e63}.taginput-demo-page .flex-section .right-side{width:calc(100% - 400px);display:flex;justify-content:center;align-items:center;padding-top:40px;padding-bottom:40px}.taginput-demo-page .flex-section .right-side .content{width:100%}.taginput-demo-page .flex-section .right-side .content .tags-input__contianer{border:none;max-width:500px;margin:auto}.taginput-demo-page .flex-section .right-side .content .tags-input__contianer input{font-family:"Montserrat",sans-serif;font-weight:500}.taginput-demo-page .flex-section .right-side .content .tags-input__contianer .tag__box{font-family:"Montserrat",sans-serif;font-weight:600;background-color:#50c878;border-color:#50c878;margin-bottom:5px}.taginput-demo-page .flex-section .right-side .content .tags-input__contianer .tag__box.warning__box{background-color:#e91e63;border-color:#e91e63}.taginput-demo-page .flex-section .right-side .content span.input-separator{color:var(--app-text)}.taginput-demo-page .flex-section .right-side .content .code-section{width:100%;background-color:var(--body-background);padding:40px;margin-top:40px;position:relative}.taginput-demo-page .flex-section .right-side .content .code-section .copied-message{position:absolute;top:60px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.taginput-demo-page .flex-section .right-side .content .code-section .copy-button{position:absolute;top:15px;right:15px;color:var(--alternate-section-bg);background-color:var(--app-text);border:none;padding:8px 15px;font-size:20px;border-radius:5px;cursor:pointer;outline:none}.taginput-demo-page .flex-section .right-side .content .code-section code{color:var(--app-text);font-size:16px}.taginput-demo-page .flex-section .right-side .content .code-section code p{margin:10px 0}.taginput-demo-page .flex-section .right-side .content .code-section code .keyword{color:#ff9800}.taginput-demo-page .flex-section .right-side .content .code-section code .string{color:#8bc34a}.taginput-demo-page .flex-section .right-side .content .code-section code .tab{padding-left:20px}.taginput-demo-page .flex-section .right-side .content .code-section code .varaible{color:#50c5ff}@media screen and (max-width:767px){.taginput-demo-page .flex-section{flex-wrap:wrap}.taginput-demo-page .flex-section .left-side,.taginput-demo-page .flex-section .right-side{flex:0 0 100%}}html{--alternate-section-bg:#111;--app-text:#f7f8f3;--desc-text:#ddd;--body-background:#030303;--app-text-shadow:#000;--image-background:transparent}html,html[data-theme=light]{--black:#030303;--theme-color:red}html[data-theme=light]{--alternate-section-bg:#eee;--app-text:#2b2b2b;--body-background:#fbfbfb;--desc-text:#2b2b2b;--app-text-shadow:#fff;--image-background:#333}body{margin:0;background-color:#030303;background-color:var(--body-background);font-family:"Montserrat",sans-serif}body *{box-sizing:border-box;outline:none}body .date-picker-container .floating-datepicker{z-index:1010}body .button-section{position:relative;margin:30px 20px}body .button-section button{background-color:#50c878;height:45px;border:none;width:200px;font-size:16px;cursor:pointer;outline:none;color:#f7f8f3;color:var(--app-text);font-family:"Montserrat",sans-serif;font-weight:600;transition:width .2s ease-in-out .2s;position:relative;z-index:1005;margin-right:8px}body .button-section button a{color:#f7f8f3;color:var(--app-text);text-decoration:none}body .button-section button:hover{width:250px}body .button-section button:disabled{opacity:.5;cursor:not-allowed}body .button-section button.secondary{background-color:#111;background-color:var(--alternate-section-bg)}body .button-section button:hover+.span-after{width:250px}body .button-section .span-after{width:200px;height:45px;background-color:#ddd;background-color:var(--desc-text);display:block;position:absolute;right:0;top:8px;z-index:10;transition:width .2s ease-in-out .2s}
/*# sourceMappingURL=main.a5b8dd42.chunk.css.map */