@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.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);background-color:var(--body-background);font-size:28px;transition:background-color .1s ease-in-out .1s}.social-icons-section a:hover{background-color:#607d8b}.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{margin-bottom:3rem}.app-testimonials .content-section{max-width:1200px;margin:0 auto;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 .card-main-container{position:relative}.app-testimonials .content-section .card-main-container .arrows-section{position:absolute;width:100%;top:calc(50% - 1.25rem);display:flex;justify-content:space-between}.app-testimonials .content-section .card-main-container .arrows-section .left-arrow,.app-testimonials .content-section .card-main-container .arrows-section .right-arrow{align-items:center;display:flex;cursor:pointer;justify-content:center;width:2.5rem;height:2.5rem;background-color:#607d8b;color:#fff}.app-testimonials .content-section .card-main-container .arrows-section .left-arrow{border-top-right-radius:2px;border-bottom-right-radius:2px}.app-testimonials .content-section .card-main-container .arrows-section .right-arrow{border-top-left-radius:2px;border-bottom-left-radius:2px}.app-testimonials .content-section .testimonial-card{align-items:stretch;display:flex;border-radius:10px;width:100%;background-color:var(--alternate-section-bg);margin:40px auto;padding:3rem}.app-testimonials .content-section .testimonial-card .tc-heading{text-align:center;font-size:16px}.app-testimonials .content-section .testimonial-card .user-info-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:0;min-width:200px;padding-right:40px;border-right:1px solid var(--border-right-color)}.app-testimonials .content-section .testimonial-card .user-info-container .image-section{width:80px;height:80px}.app-testimonials .content-section .testimonial-card .user-info-container .image-section img{width:100%;object-fit:contain;border-radius:50%}.app-testimonials .content-section .testimonial-card .user-info-container .info-section{max-width:400px;display:flex;flex-direction:column}.app-testimonials .content-section .testimonial-card .tc-desc{padding-left:40px;font-weight:300;color:var(--app-text);line-height:1.75;margin:auto;font-family:"Mulish",sans-serif;font-size:18px;max-width:80%}.app-testimonials .content-section .testimonial-card .tc-name{margin:1rem 0 0;text-align:center;color:#607d8b;font-weight:600;font-size:18px}.app-testimonials .content-section .testimonial-card .tc-role{margin-top:.25rem;text-align:center;font-size:14px;font-weight:500;color:var(--desc-text)}.app-testimonials .content-section .dots-section{display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem}.app-testimonials .content-section .dots-section .dot-item{border:1px solid var(--alternate-section-bg);background-color:var(--body-background);border-radius:2px;cursor:pointer;height:.75rem;width:.75rem}.app-testimonials .content-section .dots-section .dot-item.active-item{background-color:#607d8b;border-color:#607d8b}@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:100%;margin:40px auto 1rem;padding:1.25rem;flex-direction:column-reverse}.app-testimonials .content-section .testimonial-card .user-info-container{border-right:0;padding-right:0;padding-top:1rem;border-top:1px solid var(--border-right-color)}.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%;padding-bottom:1rem;padding-left:0}.app-testimonials .content-section .testimonial-card .tc-role{line-height:1.5}}header.app-header{position:fixed;top:.5rem;right:.5rem;z-index:1025;border-radius:50%}header.app-header .content{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:1200px;margin:auto;width:5rem;height:5rem}header.app-header .content .left-side{position:relative;display:flex;align-items:center;justify-content: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:50px;height:48px;border:5px solid #607d8b;border-radius:3px}header.app-header .content .left-side .sk--logo-section .sk--text{background-color:var(--header-background);padding:6px;font-size:22px;z-index:1000000;position:absolute;top:15px;left:-5px;font-weight:600}header.app-header .content .right-side{display:flex;flex-direction:row;justify-content:flex-end;position:relative}header.app-header .content .right-side ul{background-color:var(--header-background);display:flex;flex-direction:row;justify-content:space-between;padding:0;margin:0;list-style-type:none}header.app-header .content .right-side ul li{margin:0 1rem}header.app-header .content .right-side ul li a{-webkit-transform:rotate(180deg);transform:rotate(180deg)}header.app-header .content .right-side ul li i{font-size:24px}header.app-header .content .right-side ul li.active-link a{font-weight:600}header.app-secondary-header{width:100%;position:fixed;top:0;left:0;background-color:var(--body-background);z-index:1025}header.app-secondary-header .content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;max-width:1200px;margin:auto;height:80px}header.app-secondary-header .content .left-side{position:relative;display:flex;align-items:center;justify-content:center}header.app-secondary-header .content .left-side .sk--logo-section{color:var(--app-text);text-decoration:none}header.app-secondary-header .content .left-side .sk--logo-section .sk--square{width:50px;height:48px;border:5px solid #607d8b;border-radius:3px}header.app-secondary-header .content .left-side .sk--logo-section .sk--text{background-color:var(--body-background);padding:6px;font-size:22px;z-index:1000000;position:absolute;top:15px;left:-5px;font-weight:600}header.app-secondary-header .content .right-side{display:flex;justify-content:flex-end}header.app-secondary-header .content .right-side .toggle-them-icon{color:var(--app-text);text-decoration:none;font-size:24px;font-weight:600}header.app-header .content .right-side .menu-icon{z-index:1026}header.app-header .content .right-side .menu-icon img{cursor:pointer;-webkit-filter:invert(1);filter:invert(1);width:2.5rem;height:2.5rem}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:20px;font-weight:500}header.app-header .content .right-side ul li a i{font-size:2rem}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:#607d8b}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:2rem;margin:0 15px;cursor:pointer}header.app-header .content .right-side ul li.active-link a{color:#607d8b}@media screen and (max-width:767px){header.app-header{width:100%;justify-content:flex-end;display:flex;top:0;right:0;border-bottom:1px solid var(--header-border-color);border-radius:0;background-color:var(--app-text-shadow)}header.app-header .content{height:3rem;padding:0 1rem;width:100%;justify-content:flex-end}header.app-header .content .right-side .menu-icon{z-index:1026}header.app-header .content .right-side .menu-icon img{cursor:pointer;-webkit-filter:invert(1);filter:invert(1);width:2rem}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:20px;font-weight:500}header.app-header .content .right-side ul li a i{font-size:2rem}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:#607d8b}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:2rem;margin:0 15px;cursor:pointer}header.app-header .content .right-side ul li.active-link a{color:#607d8b}}:root[data-theme=light] header.app-header .content .right-side .menu-icon img{cursor:pointer;-webkit-filter:unset;filter:unset}.app-footer{margin-top:20px;background-color:var(--alternate-section-bg);padding:1rem}.app-footer .content{max-width:1200px;display:flex;justify-content:center;align-items:center;margin:auto;text-align:center}.app-footer .content .desc{color:var(--desc-text);font-size:16px;font-weight:300}@media screen and (max-width:767px){.app-footer .content{flex-direction:column;text-align:center}}.tech-stack-container .content-section{max-width:1200px;margin:auto;background-color:var(--body-background);border-radius:5px;padding:7rem 0}.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:stretch;flex-wrap:wrap;margin-top:40px}.tech-stack-container .content-section .flex-section .skill-card{min-width:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:20px 0;padding:20px;transition:all .25s ease-in-out}.tech-stack-container .content-section .flex-section .skill-card .image-section{margin-bottom:10px}.tech-stack-container .content-section .flex-section .skill-card .image-section img{max-width:100%;max-height:80px;object-fit:contain;aspect-ratio:3/2;-webkit-filter:grayscale(1);filter:grayscale(1)}.tech-stack-container .content-section .flex-section .skill-card:hover{background-color:var(--alternate-section-bg);border-radius:5px;-webkit-transform:scale(1.01);transform:scale(1.01)}.tech-stack-container .content-section .flex-section .skill-card:hover img{-webkit-filter:unset;filter:unset}.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:40%;min-width:150px}}:root[data-theme=dark] .tech-stack-container .content-section .flex-section .skill-card .image-section img{mix-blend-mode:plus-lighter;-webkit-filter:invert(.15);filter:invert(.15)}.dev-card-container{width:100%;max-width:650px;margin:auto;background:#1b2d48;padding:30px;border-radius:10px;position:relative;font-family:"Plus Jakarta Sans",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}.worked-with-container .content-section{max-width:1200px;margin:0 auto;padding:7rem 0}.worked-with-container .content-section .heading{text-align:center;font-size:36px;color:var(--app-text);margin:0}.worked-with-container .content-section .flex-section{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;margin-top:80px;grid-gap:1rem;gap:1rem}.worked-with-container .content-section .flex-section .skill-card{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;flex:1 1;padding:1rem 0}.worked-with-container .content-section .flex-section .skill-card .image-section img{max-width:100%;max-height:120px;object-fit:contain;aspect-ratio:3/2;-webkit-filter:grayscale(1);filter:grayscale(1)}.worked-with-container .content-section .flex-section .skill-card:hover{border-radius:5px;-webkit-transform:scale(1.01);transform:scale(1.01);opacity:.89;background-color:var(--alternate-section-bg)}.worked-with-container .content-section .flex-section .skill-card:hover img{-webkit-filter:unset;filter:unset}.worked-with-container .content-section .flex-section .skill-card span{color:var(--app-text);font-weight:600}@media screen and (max-width:767px){.worked-with-container .content-section{padding:40px 20px 20px}.worked-with-container .content-section .heading{font-size:28px}.worked-with-container .content-section .flex-section{margin-top:20px}.worked-with-container .content-section .flex-section .skill-card{width:100%;min-width:45%}}:root[data-theme=dark] .worked-with-container .content-section .flex-section .skill-card .image-section img{-webkit-filter:invert(.15);filter:invert(.15);mix-blend-mode:plus-lighter}.autosuggest-page{max-width:1200px;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:"Plus Jakarta Sans",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:"Plus Jakarta Sans",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}@media screen and (max-width:767px){.autosuggest-page .flex-section{flex-wrap:wrap}.autosuggest-page .flex-section .left-side,.autosuggest-page .flex-section .right-side{flex:0 0 100%}}.datepicker-demo-page{max-width:1200px;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:"Plus Jakarta Sans",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:"Plus Jakarta Sans",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);display:flex;flex-direction:column}.app-landing-section .sub-heading{margin:0;font-weight:600;font-size:16px;color:#919292}.app-landing-section .heading{margin:15px 0;font-size:64px;font-weight:800}.app-landing-section .desc{margin:0;font-weight:300;font-size:20px;font-family:"Mulish",sans-serif}.about-me-section{background-color:var(--alternate-section-bg);max-width:1200px;margin:7rem auto;border:1px solid var(--alternate-section-bg);border-radius:5px;display:flex;justify-content:center;align-items:stretch;flex-direction:row-reverse;grid-gap:0 1rem;gap:0 1rem}.about-me-section .left-side{min-width:300px;width:auto;display:flex;align-items:stretch}.about-me-section .left-side img{height:auto;position:relative;z-index:1000;border-top-right-radius:3px;border-bottom-right-radius:3px;object-fit:cover;max-width:500px}.about-me-section .right-side{flex:1 1;padding:3rem;border-radius:5px}.about-me-section .right-side .heading{font-size:42px;font-weight:600;line-height:1.5;color:#d1d1d1;margin:0}.about-me-section .right-side .cta-main-container{align-items:center;display:flex;grid-gap:1rem;gap:1rem;margin-top:1rem}.about-me-section .right-side .cta-main-container .hero-cta{align-items:center;display:flex;justify-content:center;background-color:#607d8b;height:45px;border:none;border-radius:2px;width:200px;font-size:16px;cursor:pointer;outline:none;color:var(--app-button-text);font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;transition:opacity .2s ease-in-out .2s;position:relative;z-index:1005}.about-me-section .right-side .cta-main-container .hero-cta a{color:var(--app-button-text);text-decoration:none;display:flex;grid-gap:1rem;gap:1rem;align-items:center}.about-me-section .right-side .cta-main-container .hero-cta:hover{opacity:.75}.about-me-section .right-side .cta-main-container .hero-cta:disabled{opacity:.5;cursor:not-allowed}.about-me-section .right-side .cta-main-container .secondary-cta{align-items:center;display:flex;justify-content:center;border:2px solid #607d8b;height:45px;border-radius:2px;width:200px;font-size:16px;cursor:pointer;outline:none;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;transition:opacity .2s ease-in-out .2s;position:relative;z-index:1005}.about-me-section .right-side .cta-main-container .secondary-cta a{color:#919292;text-decoration:none;display:flex;grid-gap:1rem;gap:1rem;align-items:center}.about-me-section .right-side .cta-main-container .secondary-cta:hover{opacity:.75}.about-me-section .right-side .cta-main-container .secondary-cta:disabled{opacity:.5;cursor:not-allowed}.about-me-section .right-side .role-heading{font-size:24px;font-weight:600;line-height:1.5;color:#a1a2a2;margin:0}.about-me-section .right-side .desc{line-height:1.75;font-size:18px;color:#919292;font-weight:400;font-family:"Mulish",sans-serif}.about-me-section .right-side .buttons-container{display:flex}.about-me-section .right-side .buttons-container .button-section:first-child{margin-right:2rem}.projectss-banner{max-width:1200px;margin:0 auto;background-color:var(--alternate-section-bg);display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:3rem}.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.75;font-size:18px;color:var(--desc-text);font-weight:300;margin:0;font-family:"Mulish",sans-serif}.projectss-banner .button-section{margin:0}.services-section{max-width:1200px;margin:0 auto}.services-section .heading{margin:0;font-size:36px;font-weight:600;color:var(--app-text);text-align:center}.services-section .desc{color:var(--app-text);font-size:18px;line-height:1.75;font-weight:300;max-width:80%;margin:2rem auto;font-family:"Mulish",sans-serif;text-align:center}.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%;-webkit-filter:invert(1);filter:invert(1);border-radius:20px;padding:10px;object-fit:cover}.services-section .services-flex .service--card .sc-heading{color:#607d8b;font-size:20px;font-weight:500;margin:1rem auto 0;text-align:center}.services-section .services-flex .service--card .desc{color:var(--app-text);font-size:18px;line-height:1.75;font-weight:300;max-width:80%;margin:1rem auto;font-family:"Mulish",sans-serif;text-align:center}.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.05);transform:scale(1.05)}.services-section .services-flex .service--card:hover img{background:#607d8b;-webkit-filter:unset;filter:unset}.sk--contact-section{background-color:var(--body-background);max-width:1200px;margin:7rem auto 0;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:1.75;font-weight:300;font-family:"Mulish",sans-serif}.sk--contact-section .sk--contact-flex-section .sk--lside .email-section{margin-top:16px;margin-bottom:16px}.sk--contact-section .sk--contact-flex-section .sk--lside .email-section p{color:var(--desc-text);margin:0 0 5px;font-size:14px;font-weight:400}.sk--contact-section .sk--contact-flex-section .sk--lside .email-section a{color:#607d8b;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:#009688;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 .error-message-section{background:#ef9a9a;padding:15px;border-radius:5px;margin-bottom:15px}.sk--contact-section .sk--contact-flex-section .sk--rside .error-message-section 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:2px;border:none;outline:none;font-size:16px;color:var(--app-text);padding:15px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500}.sk--contact-section .sk--contact-flex-section .sk--rside .form-section input.invalid-input,.sk--contact-section .sk--contact-flex-section .sk--rside .form-section textarea.invalid-input{border:2px solid #ef9a9a}.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){.home-page{padding-left:0}.app-landing-section{margin-top:1rem}.app-landing-section .sub-heading{font-size:14px}.app-landing-section .heading{font-size:36px}.app-landing-section .desc{font-size:16px}.app-landing-section .buttons-container{display:block;max-width:210px;margin:auto}.app-landing-section .buttons-container .button-section:first-child{margin-right:0}.about-me-section{padding:0;margin-top:4rem;flex-wrap:wrap;margin-left:1rem;margin-right:1rem}.about-me-section .left-side{flex:0 0 1;margin-right:0;max-width:unset;position:relative;margin-bottom:0;border-radius:0}.about-me-section .left-side img{border-radius:0;width:100%;max-width:unset;max-height:200px;position:relative;z-index:1000;object-fit:fill;max-height:unset}.about-me-section .right-side{width:100%;padding:1rem;border-radius:0}.about-me-section .right-side .heading{font-size:24px}.about-me-section .right-side .desc,.about-me-section .right-side .role-heading{font-size:16px}.about-me-section .right-side .buttons-container{display:block;max-width:210px;margin:auto}.about-me-section .right-side .buttons-container .button-section:first-child{margin-right:0}.projectss-banner{display:block;padding:1.5rem;margin:0 1rem}.projectss-banner .heading{font-size:28px}.projectss-banner .desc{font-size:16px}.projectss-banner .button-section{width:208px;margin-top:1rem}.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}.services-section .services-flex .service--card .sc-heading{font-size:18px}.services-section .services-flex .service--card .desc{font-size:16px}.sk--contact-section{margin:40px 20px 20px}.sk--contact-section .main--heading{font-size:28px}.sk--contact-section .social-icons-section{margin-bottom:2rem}.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%}}:root[data-theme=dark] .services-section .services-flex .service--card img{-webkit-filter:unset!important;filter:unset!important}.otp-form-page{max-width:1200px;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:"Plus Jakarta Sans",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:1200px;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:300;padding-left:20px;font-family:"Mulish",sans-serif}.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:300;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:#607d8b;height:45px;border:none;border-radius:5px;width:150px;font-size:14px;cursor:pointer;outline:none;color:var(--app-button-text);font-family:"Plus Jakarta Sans",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-button-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;display:none}.projects-page .projects--section .npm-packages-section .flex-section .package-card .button-section-xs .span-after{display:none;width:150px;height:35px;background-color:var(--desc-text);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{background-color:var(--alternate-section-bg);min-height:100vh;max-width:1028px;margin:100px auto auto;padding:2rem}.resume--container .resume-header-section .flex-container{align-items:center;display:flex;justify-content:space-between;grid-gap:2rem;gap:2rem}.resume--container .resume-header-section .flex-container .left-side-section{width:calc(100% - 200px)}.resume--container .resume-header-section .flex-container .left-side-section .name-heading{color:var(--app-text);font-size:2.5rem;font-weight:600}.resume--container .resume-header-section .flex-container .left-side-section .tagline-heading{margin-top:.25rem;color:#607d8b;font-size:1.25rem;font-weight:500}.resume--container .resume-header-section .flex-container .left-side-section .contact-info-flex-container{margin-top:1rem;align-items:center;display:flex;grid-gap:1rem;gap:1rem;width:100%}.resume--container .resume-header-section .flex-container .left-side-section .contact-info-flex-container .info-item{width:100%}.resume--container .resume-header-section .flex-container .left-side-section .contact-info-flex-container .info-item a{align-items:center;display:flex;grid-gap:.5rem;gap:.5rem;width:100%;text-decoration:none;color:var(--desc-text)!important;font-size:1rem;font-weight:500}.resume--container .resume-header-section .flex-container .left-side-section .contact-info-flex-container .info-item a i{min-width:1rem;font-size:1.25rem;color:#607d8b}.resume--container .resume-header-section .flex-container .right-side-section .profile-image-section img{border-radius:50%;height:150px;width:150px;object-fit:cover;border:4px solid #607d8b}.resume--container .info-flex-container{display:flex;justify-content:space-between;grid-gap:2rem;gap:2rem;margin-top:1.5rem}.resume--container .info-flex-container .left-side-section{width:55%}.resume--container .info-flex-container .left-side-section .experience-info-container{margin-top:1rem}.resume--container .info-flex-container .left-side-section .experience-info-container .experience-section{margin-top:.5rem}.resume--container .info-flex-container .left-side-section .experience-info-container .experience-section .role-heading{font-size:1.25rem;font-weight:600;color:var(--app-text)}.resume--container .info-flex-container .left-side-section .experience-info-container .experience-section .company-name{margin-top:.25rem;align-items:center;display:flex;justify-content:space-between}.resume--container .info-flex-container .left-side-section .experience-info-container .experience-section .company-name a{color:#607d8b;font-size:1.125rem;font-weight:600}.resume--container .info-flex-container .left-side-section .experience-info-container .experience-section .company-name .time-frame{font-weight:500;font-size:.875rem;color:var(--desc-text)}.resume--container .info-flex-container .left-side-section .experience-info-container .experience-section ul li{margin-top:.25rem;line-height:1.75;font-size:18px;color:var(--desc-text);font-weight:400;font-family:"Mulish",sans-serif}.resume--container .info-flex-container .right-side-section{width:45%}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section{padding:0;background:transparent}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section .heading{display:none}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section .flex-section{margin-top:0}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section .flex-section .skill-card{width:25%;min-width:unset;padding:0;margin:28px 0 0;background-color:transparent!important}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section .flex-section .skill-card .image-section{margin-bottom:.25rem}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section .flex-section .skill-card .image-section img{max-width:100%;max-height:60px;object-fit:contain;aspect-ratio:3/2}.resume--container .info-flex-container .right-side-section .skills-section-container .tech-stack-container .content-section .flex-section .skill-card span{color:var(--desc-text);font-weight:600;font-size:.875rem}.resume--container .info-flex-container .right-side-section .education-details-container{margin-top:1.5rem}.resume--container .info-flex-container .right-side-section .education-details-container .section-heading{margin-bottom:1rem}.resume--container .info-flex-container .right-side-section .education-details-container .info-section{margin-bottom:1.5rem}.resume--container .info-flex-container .right-side-section .education-details-container .info-section .year{color:var(--desc-text);font-weight:500;margin-bottom:.5rem}.resume--container .info-flex-container .right-side-section .education-details-container .info-section .course-name{color:#607d8b;font-weight:600;font-size:1.125rem;margin-bottom:.25rem}.resume--container .info-flex-container .right-side-section .education-details-container .info-section .college-name a{color:var(--app-text)}.resume--container .info-flex-container .right-side-section .certificate-info-section{color:var(--app-text);margin-bottom:1rem}.resume--container .info-flex-container .right-side-section .certificate-info-section .name{font-size:1.125rem;color:var(--app-text);margin-bottom:.25rem}.resume--container .info-flex-container .right-side-section .certificate-info-section .source a{color:#607d8b;font-weight:500}.resume--container .info-flex-container .right-side-section .tags-container{margin-top:1.5rem;align-items:center;display:flex;grid-gap:1rem;gap:1rem}.resume--container .info-flex-container .right-side-section .tags-container .tag{border:2px solid #607d8b;padding:.5rem 1rem;border-radius:5px;color:var(--app-text);font-weight:600}.resume--container .info-flex-container .extra-text{color:var(--desc-text)}.resume--container .info-flex-container .languages-section{margin-top:2rem!important}.resume--container .info-flex-container .declaration-section{margin-top:1.5rem}.resume--container .info-flex-container .declaration-section .section-desc{margin-top:1rem;color:var(--desc-text);line-height:1.75;font-size:18px;font-weight:400;font-family:"Mulish",sans-serif}.resume--container .info-flex-container .declaration-section .sign-name-text{margin-top:1.5rem;color:#607d8b;text-align:right;font-weight:600;font-size:1.25rem}.resume--container .info-flex-container .section-heading{font-weight:800;font-size:1.5rem;text-transform:uppercase;color:var(--desc-text);border-bottom:2px solid var(--desc-text);padding-bottom:.5rem}.resume--container .summary-info-container .summary-desc{margin-top:1rem;line-height:1.75;font-size:18px;color:var(--desc-text);font-weight:400;font-family:"Mulish",sans-serif}@media screen and (max-width:767px){.resume--container{margin-top:50px}.resume--container .resume-header-section .flex-container{width:100%;flex-wrap:wrap;flex-direction:column-reverse}.resume--container .resume-header-section .flex-container .left-side-section{width:100%}.resume--container .resume-header-section .flex-container .right-side-section{width:100%;justify-content:center;align-items:center;display:flex}.resume--container .resume-header-section .flex-container .name-heading{font-size:1.5rem!important;text-align:center}.resume--container .resume-header-section .flex-container .tagline-heading{line-height:1.5!important;text-align:center;font-size:1.125rem!important}.resume--container .resume-header-section .contact-info-flex-container{display:block!important}.resume--container .resume-header-section .contact-info-flex-container .info-item{margin-bottom:1rem!important}.resume--container .info-flex-container{display:block}.resume--container .info-flex-container .left-side-section,.resume--container .info-flex-container .right-side-section{width:100%}.resume--container .info-flex-container .right-side-section .flex-section .skill-card{width:33%!important}}.taginput-demo-page{max-width:1200px;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:"Plus Jakarta Sans",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:"Plus Jakarta Sans",sans-serif;font-weight:600;background-color:#607d8b;border-color:#607d8b;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:"Plus Jakarta Sans",sans-serif;font-weight:500}.taginput-demo-page .flex-section .right-side .content .tags-input__contianer .tag__box{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;background-color:#607d8b;border-color:#607d8b;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:#1b1f31;--app-text:#c7d8eb;--sub-heading-text:#a1a2a2;--app-button-text:#e1e1e1;--app-seoncdary-button-text:#313232;--secondary-button-bg:#001439;--app-sub-text:#c7d8f1;--desc-text:#c7d8f1;--body-background:#101119;--header-background:#060606;--app-text-shadow:#060606;--image-background:transparent;--header-border-color:#101d35;--border-right-color:#393939}html,html[data-theme=light]{--black:#262d50;--theme-color:red}html[data-theme=light]{--alternate-section-bg:#d3e3f1;--app-text:#000;--sub-heading-text:#323232;--app-button-text:#f1f1f1;--app-seoncdary-button-text:#313131;--app-sub-text:#616262;--secondary-button-bg:#101d35;--header-background:#d3e3f1;--body-background:#edf3ff;--desc-text:#2b2b2b;--app-text-shadow:#e0e9f1;--image-background:#333;--header-border-color:#e0e9f1;--border-right-color:#adbecc}body{margin:0;background-color:#101119;background-color:var(--body-background);font-family:"Plus Jakarta Sans",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 0}body .button-section button{background-color:#607d8b;height:45px;border:none;border-radius:2px;width:200px;font-size:16px;cursor:pointer;outline:none;color:#e1e1e1;color:var(--app-button-text);font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;transition:opacity .2s ease-in-out .2s;position:relative;z-index:1005}body .button-section button a{color:#e1e1e1;color:var(--app-button-text);text-decoration:none}body .button-section button:hover{opacity:.75}body .button-section button:disabled{opacity:.5;cursor:not-allowed}body .button-section button.secondary{background-color:#001439;background-color:var(--secondary-button-bg)}body .button-section button.secondary a{color:#e1e1e1;color:var(--app-button-text)}body .button-section button:hover+.span-after{width:250px;display:none}body .button-section .span-after{display:none;width:200px;height:45px;background-color:#c7d8f1;background-color:var(--desc-text);position:absolute;right:0;top:8px;z-index:10}
/*# sourceMappingURL=main.a1768453.chunk.css.map */