@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Outfit:wght@800&display=swap";.btn,.btn-primary{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-primary:hover{background-color:#f1c001}.btn-outlined-primary{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #d8ac01}.btn-outlined-primary:hover{background-color:#d8ac01}.btn-secondary{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-secondary:hover{background-color:#fff}.btn-outlined-secondary{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #ffffff}.btn-outlined-secondary:hover{background-color:#fff}.btn-tertiary{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-tertiary:hover{background-color:#594803}.btn-outlined-tertiary{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #403402}.btn-outlined-tertiary:hover{background-color:#403402}.btn-error{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-error:hover{background-color:#ff1a1a}.btn-outlined-error{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid red}.btn-outlined-error:hover{background-color:red}.btn-blue{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-blue:hover{background-color:#3030e9}.btn-outlined-blue{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #1919e6}.btn-outlined-blue:hover{background-color:#1919e6}.btn-red{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-red:hover{background-color:#e93030}.btn-outlined-red{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #e61919}.btn-outlined-red:hover{background-color:#e61919}.btn-yellow{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-yellow:hover{background-color:#e9e930}.btn-outlined-yellow{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #e6e619}.btn-outlined-yellow:hover{background-color:#e6e619}.btn-green{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-green:hover{background-color:#30e949}.btn-outlined-green{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #19e635}.btn-outlined-green:hover{background-color:#19e635}.btn-pink{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-pink:hover{background-color:#ffdae0}.btn-outlined-pink{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #ffc0cb}.btn-outlined-pink:hover{background-color:pink}.btn-orange{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-orange:hover{background-color:#ffaf1a}.btn-outlined-orange{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #ffa600}.btn-outlined-orange:hover{background-color:#ffa600}.btn-purple{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-purple:hover{background-color:#a31aff}.btn-outlined-purple{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #9900ff}.btn-outlined-purple:hover{background-color:#90f}.btn-gray{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-gray:hover{background-color:#8d8d8d}.btn-outlined-gray{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid #808080}.btn-outlined-gray:hover{background-color:gray}.btn-black{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-black:hover{background-color:#0d0d0d}.btn-outlined-black{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid black}.btn-outlined-black:hover{background-color:#000}.btn-white{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01}.btn-white:hover{background-color:#fff}.btn-outlined-white{text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;border:1px solid white}.btn-outlined-white:hover{background-color:#fff}*{margin:0;padding:0;font-family:Noto Sans;box-sizing:border-box;scroll-behavior:smooth}* ul{padding:0;list-style:none}* a{text-decoration:none}* img{cursor:pointer}* ::-webkit-scrollbar{width:10px}* ::-webkit-scrollbar-track{background:#f1f1f1}* ::-webkit-scrollbar-thumb{background:#403402;border-radius:50px}* ::-webkit-scrollbar-thumb:hover{background:#403402}* body{width:100%}.load{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fffc;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.load:before{content:"";width:40px;height:40px;border:4px solid #ccc;border-top-color:#d8ac01;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:#fff;font-size:14px;width:100%;border-radius:10px;background-color:#da2d2d;cursor:pointer;margin-bottom:10px;font-weight:500;padding:10px 10px 10px 15px}.background-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-20;max-height:100vh;overflow:hidden}.background-container .motion-div{margin:0 auto;height:100%;width:100%;max-width:768px;transform:translateY(2rem) scale(1.5);background-color:#fff;filter:blur(3rem)}.background-container .pattern-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-20;height:100%;width:100%}.background-container .pattern-container .pattern{height:100%;width:100%;background-color:#fff;opacity:.07;background-image:repeating-linear-gradient(45deg,rgb(26,24,24) 25%,transparent 25%,transparent 75%,rgb(26,24,24) 75%,rgb(26,24,24)),repeating-linear-gradient(45deg,#1a1818 25%,#f1e719 25%,#f1e719 75%,#1a1818 75%,#1a1818);background-position:0 0,40px 40px;background-size:80px 80px;-webkit-mask-image:linear-gradient(to top,transparent 45%,rgb(0,0,0));mask-image:linear-gradient(to top,transparent 45%,rgb(0,0,0));transform:skew(12deg) scale(1.5)}.header{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#fff;z-index:1000;transition:all .3s ease}.header--scrolled{background-color:#fff;box-shadow:0 2px 10px #0000001a;height:85px}@media (max-width: 768px){.header{height:80px}}.header__container{height:100%;padding:0 6rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 320px) and (max-width: 480px){.header__container{padding:0 1.875rem}}@media (min-width: 480px) and (max-width: 768px){.header__container{padding:0 3.125rem}}@media (min-width: 768px) and (max-width: 1024px){.header__container{padding:0 3.125rem}}.header .logo{display:flex;align-items:center;gap:10px}.header__logo{display:flex;flex-direction:row;align-items:center;height:100%}.header__logo img{max-height:40px;transition:all .3s ease}.header--scrolled .header__logo img{max-height:35px}@media (max-width: 768px){.header__logo img{max-height:30px}}.header__logo h3{color:#403402}.header__nav{display:flex;height:100%}@media (max-width: 768px){.header__nav{display:none}}.header__nav-list{display:flex;align-items:center;height:100%;gap:20px;list-style:none;margin:0;padding:0}.header__nav-item{height:100%;display:flex;align-items:center;position:relative}.header__nav-item .nav-icon{margin-right:5px}@media (min-width: 768px) and (max-width: 1024px){.header__nav-item{font-size:14px}}.header__nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#d8ac01;transition:width .3s ease}.header__nav-item:hover:after,.header__nav-item.active:after{width:100%}.header__nav-link{color:#403402;text-decoration:none;font-weight:500;transition:color .3s ease;padding:5px 0}.header__nav-link:hover{color:#d8ac01}.header .active{color:#d8ac01;font-weight:700}.header .active .header__nav-item:after{width:100%}.header__actions{display:flex;align-items:center;gap:10px}@media (max-width: 768px){.header__actions{display:none}}.header__button{padding:10px 20px;border-radius:10px;font-weight:500;text-decoration:none;font-size:14px;transition:all .3s ease}@media (min-width: 768px) and (max-width: 1024px){.header__button{font-size:14px}}.header__button--primary{background-color:#d8ac01;color:#fff;border:1px solid #d8ac01}.header__button--primary:hover{background-color:#c9a001;border-color:#c9a001}.header__button--secondary{background-color:#f5f5f5;color:#403402;border:1px solid #f5f5f5}.header__button--secondary:hover{background-color:#e8e8e8;border-color:#e8e8e8}.header__mobile-toggle{display:none;width:30px;height:30px;cursor:pointer;position:relative}@media (max-width: 768px){.header__mobile-toggle{display:flex;align-items:center;justify-content:center}}.header__menu-icon{position:relative;width:24px;height:2px;background-color:#403402;transition:all .3s ease}.header__menu-icon:before,.header__menu-icon:after{content:"";position:absolute;width:24px;height:2px;background-color:#403402;transition:all .3s ease}.header__menu-icon:before{transform:translateY(-8px)}.header__menu-icon:after{transform:translateY(8px)}.header__menu-icon--open{background-color:transparent}.header__menu-icon--open:before{transform:rotate(45deg)}.header__menu-icon--open:after{transform:rotate(-45deg)}.header__mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100dvh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;overflow-y:auto;display:flex;flex-direction:column}.header__mobile-menu--open{right:0}.header__mobile-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;height:80px;border-bottom:1px solid rgba(0,0,0,.05)}.header__mobile-logo{display:flex;align-items:center;gap:10px}.header__mobile-logo img{max-height:30px}.header__mobile-logo h3{color:#403402}.header__mobile-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header__close-icon{position:relative;width:20px;height:20px}.header__close-icon:before,.header__close-icon:after{content:"";position:absolute;width:20px;height:2px;background-color:#403402;top:50%;left:0}.header__close-icon:before{transform:rotate(45deg)}.header__close-icon:after{transform:rotate(-45deg)}.header__mobile-nav{flex:1;padding:20px 0}.header__mobile-nav-list{list-style:none;margin:0;padding:0}.header__mobile-nav-item{width:100%;border-bottom:1px solid rgba(0,0,0,.05)}.header__mobile-nav-link{display:block;padding:15px 25px;color:#403402;text-decoration:none;font-weight:500;transition:all .3s ease}.header__mobile-nav-link:hover{background-color:#00000008;color:#d8ac01}.header__mobile-nav-link.active{color:#d8ac01;font-weight:600}.header__mobile-nav-link .mobile-nav-icon{margin-right:6px}.header__mobile-actions{display:flex;flex-direction:column;padding:20px;gap:10px;border-top:1px solid rgba(0,0,0,.05)}.header__mobile-button{padding:12px 16px;border-radius:10px;font-weight:500;text-decoration:none;text-align:center;transition:all .3s ease}.header__mobile-button--primary{background-color:#d8ac01;color:#fff;border:1px solid #d8ac01}.header__mobile-button--primary:hover{background-color:#a58401;border-color:#a58401}.header__mobile-button--secondary{background-color:#f5f5f5;color:#403402;border:1px solid #f5f5f5}.header__mobile-button--secondary:hover{background-color:#e8e8e8;border-color:#e8e8e8}.footer{background-color:#f5f5f5;color:#403402;padding:3.125rem 6.25rem}.footer .footer-container{display:flex;justify-content:space-between}@media (max-width: 768px){.footer .footer-container{flex-direction:column;gap:2.5rem}}.footer .footer-left{flex:1;max-width:400px}@media (min-width: 768px) and (max-width: 1024px){.footer .footer-left{max-width:340px}}@media (max-width: 768px){.footer .footer-left{max-width:100%!important}}.footer .footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;text-decoration:none}.footer .footer-logo img{width:50px;height:auto}.footer .footer-logo h3{font-size:1.5rem;color:#403402;text-transform:uppercase;font-weight:700;margin:0}.footer .footer-description{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;color:#403402}.footer .contact-details{background-color:#4034020d;border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}.footer .contact-details h4{color:#cea604;font-size:1.1rem;margin-top:0;margin-bottom:1rem;font-weight:600}.footer .contact-details .contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.footer .contact-details .contact-item:last-child{margin-bottom:0}.footer .contact-details .contact-item .contact-icon{color:#cea604;min-width:1rem}.footer .contact-details .contact-item p{margin:0;font-size:.9rem;color:#403402}.footer .footer-right{display:flex;gap:2.5rem;flex-wrap:wrap}@media (max-width: 992px){.footer .footer-right{gap:2rem}}@media (max-width: 768px){.footer .footer-right{justify-content:space-between}}@media (max-width: 480px){.footer .footer-right{flex-direction:column;gap:1.5rem}}.footer .footer-links-group{min-width:150px}@media (max-width: 480px){.footer .footer-links-group{min-width:auto}}.footer .footer-links-group h4{color:#cea604;font-size:1.1rem;margin-top:0;margin-bottom:1rem;font-weight:600}.footer .footer-links-group ul{list-style:none;padding:0;margin:0}.footer .footer-links-group ul li{margin-bottom:.5rem}.footer .footer-links-group ul li a{color:#403402;text-decoration:none;font-size:.9rem;display:flex;align-items:center;transition:color .2s ease}.footer .footer-links-group ul li a:hover{color:#cea604;text-decoration:underline}.footer .footer-links-group ul li a .link-icon{margin-right:.5rem;color:#cea604}.footer .footer-bottom{padding-top:1.5rem;border-top:1px solid rgba(64,52,2,.1);display:flex;justify-content:space-between}@media (max-width: 600px){.footer .footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}.footer .footer-bottom .copyright,.footer .footer-bottom .attribution{font-size:.85rem;color:#403402;margin:0}.footer .footer-bottom .attribution a{color:#cea604;text-decoration:none;transition:color .2s ease}.footer .footer-bottom .attribution a:hover{text-decoration:underline}@media (min-width: 768px) and (max-width: 1024px){.footer{padding:3.125rem}}@media (min-width: 480px) and (max-width: 768px){.footer{flex-direction:column;padding:3.125rem}}@media (min-width: 320px) and (max-width: 480px){.footer{padding:0 1.875rem}}.hero{height:calc(100vh - 80px)!important;display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between;position:relative;overflow:hidden;margin-top:80px}@media (min-width: 320px) and (max-width: 480px){.hero{flex-direction:column-reverse!important;justify-content:space-evenly}}@media (min-width: 480px) and (max-width: 768px){.hero{flex-direction:column-reverse!important;height:unset!important}}.hero .heroLeft{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.hero .heroLeft h1{font-size:2.8rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;line-height:60px;width:100%;color:#403402}@media (min-width: 1024px) and (max-width: 1366px){.hero .heroLeft h1{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;line-height:45px;width:100%}}@media (min-width: 768px) and (max-width: 1024px){.hero .heroLeft h1{font-size:1.6rem;line-height:30px;width:100%}}@media (min-width: 480px) and (max-width: 768px){.hero .heroLeft h1{font-size:1.5rem;line-height:31px}}@media (min-width: 320px) and (max-width: 480px){.hero .heroLeft h1{font-size:1.2rem;line-height:28px;letter-spacing:2px;width:unset}}.hero .heroLeft p{font-size:.9625rem;width:86%;color:#403402}@media (min-width: 320px) and (max-width: 480px){.hero .heroLeft p{font-size:.875rem;width:unset}}@media (min-width: 480px) and (max-width: 768px){.hero .heroLeft p{font-size:.9625rem;width:91%}}@media (min-width: 768px) and (max-width: 1024px){.hero .heroLeft p{width:86%}}.hero .heroLeft .heroBtn{font-size:1.125rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}@media (min-width: 320px) and (max-width: 480px){.hero .heroLeft .heroBtn{font-size:.875rem}}@media (min-width: 480px) and (max-width: 768px){.hero .heroLeft .heroBtn{font-size:1rem}}@media (min-width: 768px) and (max-width: 1024px){.hero .heroLeft .heroBtn{font-size:1rem}}@media (min-width: 1024px) and (max-width: 1366px){.hero .heroLeft{width:55%}}@media (min-width: 480px) and (max-width: 768px){.hero .carousel-container{width:70%}}@media (min-width: 1024px) and (max-width: 1366px){.hero .carousel-container{width:45%}}.hero .codingPersonFade{width:66%}@media (min-width: 320px) and (max-width: 480px){.hero .codingPersonFade{width:unset}}@media (min-width: 480px) and (max-width: 768px){.hero .codingPersonFade{width:unset}}@media (min-width: 1024px) and (max-width: 1366px){.hero .codingPersonFade{width:100%}}@media (min-width: 768px) and (max-width: 1024px){.hero .codingPersonFade{width:unset}}.hero img{width:550px}@media (min-width: 320px) and (max-width: 480px){.hero img{width:330px}}@media (min-width: 480px) and (max-width: 768px){.hero img{width:450px}}@media (min-width: 768px) and (max-width: 1024px){.hero img{width:376px}}.sectionComponent{display:flex;flex-direction:row;align-items:center;gap:.625rem;padding:1.875rem 6.25rem;height:100vh}@media (min-width: 320px) and (max-width: 480px){.sectionComponent{padding:1.25rem 1.875rem 3.75rem}}@media (min-width: 768px) and (max-width: 1024px){.sectionComponent{padding:1.875rem 3.125rem!important}}@media (min-width: 480px) and (max-width: 768px){.sectionComponent{padding:1.875rem 3.125rem}}button{display:inline-block;text-decoration:none;cursor:pointer;border:0;padding:.625rem 1.875rem;border-radius:10px;background-color:#d8ac01;color:#fff;font-weight:700;text-transform:uppercase;transition:background-color .2s ease-in;text-align:center}button:hover{background-color:#cea604}.carousel-container{position:relative;width:100%;border-radius:12px;z-index:-1}.carousel{position:relative;width:100%}.carousel:hover .carousel-button{opacity:1;transform:translateY(-50%) scale(1)}.carousel-track{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .7s ease-in-out,opacity .7s ease-in-out;will-change:transform,opacity;opacity:0}.carousel-slide.active{z-index:2;opacity:1}.carousel-slide.transitioning{z-index:1}.carousel-image{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .7s ease-in}.active .carousel-image{opacity:1}.carousel-button{position:absolute;top:50%;transform:translateY(-50%) scale(.9);z-index:10;width:40px;height:40px;border-radius:50%;background-color:#fffc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;transition:opacity .3s ease,transform .3s ease,background-color .3s ease;box-shadow:0 2px 8px #0003;outline:none}.carousel-button:hover{background-color:#fffffff2;opacity:1}.carousel-button:active{transform:translateY(-50%) scale(.85)}.carousel-button.prev{left:16px}.carousel-button.next{right:16px}.carousel-button svg{width:24px;height:24px;color:#333}.carousel-dots{display:flex;justify-content:center;margin-top:12px;padding:8px 0}.carousel-dot{width:12px;height:12px;border-radius:50%;background-color:#0003;border:none;margin:0 6px;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.carousel-dot:hover{background-color:#0006}.carousel-dot.active{background-color:#000000b3;transform:scale(1.2)}.carousel-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:16px;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.active .carousel-caption{opacity:1;transform:translateY(0);transition-delay:.2s}.carousel-caption h3{margin:0;font-size:1.2rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.service{background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:3.125rem;height:unset!important;padding:3.75rem 6.25rem}@media (min-width: 320px) and (max-width: 480px){.service{padding:1.25rem 1.875rem}}@media (min-width: 480px) and (max-width: 768px){.service{padding:1.25rem 1.875rem}}@media (min-width: 1024px) and (max-width: 1366px){.service{align-items:unset}}.service .serviceHeading{display:flex;flex-direction:column;align-items:center;gap:.3125rem}.service .serviceHeading h3{font-size:2.2rem;color:#403402}@media (min-width: 320px) and (max-width: 480px){.service .serviceHeading h3{font-size:1.5rem}}.service .serviceHeading p{color:gray;font-size:.9625rem}@media (min-width: 320px) and (max-width: 480px){.service .serviceHeading p{text-align:center}}.service .serviceContent{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (min-width: 320px) and (max-width: 480px){.service .serviceContent{grid-template-columns:repeat(1,minmax(150px,1fr))}}@media (min-width: 480px) and (max-width: 768px){.service .serviceContent{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (min-width: 768px) and (max-width: 1024px){.service .serviceContent{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (min-width: 1024px) and (max-width: 1366px){.service .serviceContent{align-items:unset}}.service .serviceContent .serviceCard{justify-content:unset}.service .serviceContent .serviceCard img{width:30%}@media (min-width: 320px) and (max-width: 480px){.service .serviceContent .serviceCard img{width:70px}}@media (min-width: 1024px) and (max-width: 1366px){.service .serviceContent .serviceCard img{width:30%}}.service .serviceContent .serviceCard .details{display:flex;flex-direction:column;align-items:center;gap:.625rem}.service .serviceContent .serviceCard .details h4{font-size:.9625rem;font-weight:500;color:#cea604;text-align:center}.service .serviceContent .serviceCard .details p{font-size:.875rem;text-align:center}@media (min-width: 320px) and (max-width: 480px){.service .serviceContent .serviceCard .details p{width:unset}}@media (min-width: 1024px) and (max-width: 1366px){.service .serviceContent .serviceCard .details p{width:unset}}@media (min-width: 320px) and (max-width: 480px){.service .serviceContent{justify-content:center}}.card{display:flex;flex-direction:column;align-items:center;gap:1.875rem;padding:1.875rem;justify-content:space-between;border-radius:10px;box-shadow:#63636333 0 2px 8px;transition:all .3s ease-in;cursor:pointer;background-color:#fff}.card:hover{transform:scale(1.03);box-shadow:#00000040 0 25px 50px -12px}.tdsSection{height:unset;display:flex;flex-direction:column;align-items:center;gap:3.75rem;width:100%}.tdsSection h2{color:#403402;text-transform:uppercase}@media (min-width: 320px) and (max-width: 480px){.tdsSection h2{text-align:center;font-size:1.375rem}}@media (min-width: 480px) and (max-width: 768px){.tdsSection h2{text-align:center}}.tdsSection .items{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}@media (min-width: 320px) and (max-width: 480px){.tdsSection .items{display:flex;flex-direction:column;align-items:center;gap:.625rem}}@media (min-width: 480px) and (max-width: 768px){.tdsSection .items{grid-template-columns:repeat(2,minmax(180px,1fr))!important;gap:10px}}@media (min-width: 768px) and (max-width: 1024px){.tdsSection .items{grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px}}.tdsSection .items .item{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.875rem;text-align:center;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.tdsSection .items .item img{width:30%}@media (min-width: 320px) and (max-width: 480px){.tdsSection .items .item{width:unset}}@media (min-width: 768px) and (max-width: 1024px){.tdsSection .items .item img{width:50%}.tdsSection .items .item p{font-size:.875rem}}.tdsSection .TdsImg{width:100%}@media (min-width: 320px) and (max-width: 480px){.tdsSection .TdsImg{width:100vw}}.testimonials-section{overflow:hidden;display:flex;flex-direction:column;gap:10px;justify-content:center;height:unset}.testimonials-section .section-title{text-align:center;font-size:32px;font-weight:700;color:#333;letter-spacing:1px;position:relative}.testimonials-section .section-subtitle{text-align:center;font-size:16px;color:#666}.testimonials-section .testimonials-carousel{position:relative;display:flex;align-items:center;width:100%}.testimonials-section .testimonials-carousel .nav-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:all .3s ease;z-index:10;color:#333;font-size:16px;padding:0;position:absolute}.testimonials-section .testimonials-carousel .nav-button:hover{background-color:#cea604;color:#fff}.testimonials-section .testimonials-carousel .nav-button.prev{left:0}.testimonials-section .testimonials-carousel .nav-button.next{right:0}.testimonials-section .testimonials-carousel .testimonials-wrapper{flex:1;position:relative;overflow-x:auto;width:100%;padding:0 50px;scrollbar-width:none;-ms-overflow-style:none}.testimonials-section .testimonials-carousel .testimonials-wrapper::-webkit-scrollbar{display:none}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonials-track{display:flex;transition:transform .6s ease;width:fit-content;gap:20px;padding:20px 0;min-width:100%}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card{flex:0 0 calc(33.333% - 40px);min-width:280px;max-width:400px;background-color:#fff;border-radius:12px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;padding:30px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .7s ease;min-height:300px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card:hover{transform:scale(1.05);box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .quote-icon{color:#d8ac01;font-size:28px;opacity:.7}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content{flex:1;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .testimonial-text{font-size:15px;line-height:1.6;color:#444;font-style:italic;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .rating{display:flex;margin-bottom:10px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .rating .star{color:#ffc107;font-size:18px;margin-right:3px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .package-name{font-size:14px;color:#666}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .package-name span{font-weight:600;color:#333}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author{display:flex;align-items:center;border-top:1px solid #eee;padding-top:20px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-image{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:15px;flex-shrink:0}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-image img{width:100%;height:100%;object-fit:cover}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-image .placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1;color:#999;font-size:24px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info{overflow:hidden}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info .author-name{font-size:18px;font-weight:600;color:#333;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info .author-location{font-size:14px;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testimonials-section .testimonial-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.testimonials-section .testimonial-dots .dot{width:10px;height:10px;border-radius:50%;background-color:#ddd;padding:0;border:none;cursor:pointer;transition:all .3s ease}.testimonials-section .testimonial-dots .dot.active{background-color:#d8ac01;transform:scale(1.3)}.testimonials-section .testimonial-dots .dot:hover{background-color:#cea604}.testimonials-section .cta-container{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:20px}.testimonials-section .cta-container p{font-size:16px;color:#555}.testimonials-section .cta-container .cta-button{padding:.625rem 1.875rem;background-color:#d8ac01;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff7e5f4d;width:auto}.testimonials-section .cta-container .cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff7e5f66;background-color:#cea604}.testimonials-section .cta-container .cta-button:active{transform:translateY(-1px)}@media (max-width: 992px){.testimonials-section{padding:60px 15px}.testimonials-section .testimonials-carousel .testimonials-wrapper{padding:0 45px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card{flex:0 0 calc(50% - 30px);min-width:260px;padding:25px;min-height:350px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .quote-icon{font-size:24px;margin-bottom:15px}.testimonials-section .testimonials-carousel .nav-button{width:35px;height:35px}}@media (max-width: 768px){.testimonials-section{padding:50px 15px}.testimonials-section .section-title{font-size:28px}.testimonials-section .section-subtitle{font-size:15px;padding:0 10px}.testimonials-section .testimonials-carousel .nav-button{width:35px;height:35px}.testimonials-section .testimonials-carousel .testimonials-wrapper{padding:0 40px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonials-track{gap:15px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card{flex:0 0 calc(100% - 30px);min-width:240px;min-height:300px;padding:20px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .testimonial-text{font-size:14px;-webkit-line-clamp:4}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-image{width:50px;height:50px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info .author-name{font-size:16px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info .author-location{font-size:13px}.testimonials-section .cta-container .cta-button{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.testimonials-section{padding:40px 10px}.testimonials-section .section-title{font-size:20px}.testimonials-section .section-title:after{width:60px;height:2px}.testimonials-section .testimonials-carousel .nav-button{width:30px;height:30px;font-size:14px}.testimonials-section .testimonials-carousel .testimonials-wrapper{padding:0 35px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card{min-width:220px;padding:15px;min-height:280px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .quote-icon{font-size:20px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content{margin-bottom:15px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .testimonial-text{font-size:13px;line-height:1.5;-webkit-line-clamp:3}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .rating .star{font-size:16px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-content .package-name{font-size:12px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author{padding-top:15px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-image{width:40px;height:40px;margin-right:10px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info .author-name{font-size:15px}.testimonials-section .testimonials-carousel .testimonials-wrapper .testimonial-card .testimonial-author .author-info .author-location{font-size:12px}.testimonials-section .testimonial-dots .dot{width:8px;height:8px}.testimonials-section .cta-container p{font-size:14px}.testimonials-section .cta-container .cta-button{padding:8px 18px;font-size:13px}}.faq{display:flex;flex-direction:column;align-items:center;gap:3.125rem;height:unset}.faq h2{font-size:2rem;text-align:center;color:#403402}@media (min-width: 320px) and (max-width: 480px){.faq h2{font-size:1.5rem}}.faq .faq-items{max-width:800px;display:flex;flex-direction:column;align-items:none;gap:.625rem}.faq .faq-items .faq-item{box-shadow:#0000001a 0 4px 12px;border-radius:10px;padding:1.25rem .625rem}.faq .faq-items .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.2rem;padding:.625rem;min-width:65vw}@media (min-width: 320px) and (max-width: 480px){.faq .faq-items .faq-item .faq-question{font-size:.875rem}}.faq .faq-items .faq-item .faq-question .question-content{display:flex;align-items:center;gap:.625rem}.faq .faq-items .faq-item .faq-question .question-content .question-icon{display:flex;align-items:center;color:#d8ac01}.faq .faq-items .faq-item .faq-question .question-content span{color:#403402}.faq .faq-items .faq-item .faq-question .arrow{background-color:#d8ac01;color:#fff;border:none;padding:.625rem .75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.faq .faq-items .faq-item .faq-question .arrow:hover{background-color:#cea604}@media (min-width: 320px) and (max-width: 480px){.faq .faq-items .faq-item .faq-question .arrow{padding:.625rem .6875rem}}.faq .faq-items .faq-item .faq-answer{font-size:1rem;line-height:1.6;color:#9ca3af;text-align:left;padding:0 .625rem .625rem calc(1.25rem + 20px);max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.no-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa;font-family:Arial,sans-serif;text-align:center}.no-page .no-page-content{max-width:600px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.no-page .no-page-content h1{font-size:6rem;margin:0;color:#403402}.no-page .no-page-content p{font-size:1.2rem;color:#6c757d;margin:10px 0}.no-page .no-page-content .home-link{display:inline-block;margin-top:20px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#d8ac01;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.no-page .no-page-content .home-link:hover{background-color:#a58401}@media (max-width: 1024px){.no-page .no-page-content{max-width:500px}.no-page .no-page-content h1{font-size:5rem}.no-page .no-page-content p{font-size:1.1rem}.no-page .no-page-content .home-link{padding:8px 16px;font-size:.95rem}}@media (max-width: 768px){.no-page .no-page-content{max-width:400px}.no-page .no-page-content h1{font-size:4rem}.no-page .no-page-content p{font-size:1rem}.no-page .no-page-content .home-link{padding:8px 16px;font-size:.9rem}}@media (max-width: 480px){.no-page .no-page-content{max-width:300px;padding:15px}.no-page .no-page-content h1{font-size:3rem}.no-page .no-page-content p{font-size:.9rem}.no-page .no-page-content .home-link{padding:6px 12px;font-size:.85rem}}.aboutUs{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin-top:80px;height:unset}.aboutUs h1{font-size:32px;color:#403402}@media (max-width: 1920px){.aboutUs h1{font-size:24px}}@media (max-width: 1366px){.aboutUs h1{font-size:22px}}.aboutUs .top{display:flex;flex-direction:row;align-items:center;gap:1.875rem;justify-content:space-between}@media (max-width: 1366px){.aboutUs .top{flex-direction:column}}.aboutUs .top img{width:450px}@media (max-width: 1920px){.aboutUs .top img{width:380px}}@media (max-width: 1366px){.aboutUs .top img{width:320px}}.aboutUs .top .text{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;width:60%}@media (max-width: 1366px){.aboutUs .top .text{width:100%}}.aboutUs .top .text p{font-size:16px;text-align:justify}@media (max-width: 1920px){.aboutUs .top .text p{font-size:14px}}.aboutUs .top .text h3{color:#403402;font-size:28px}@media (max-width: 1920px){.aboutUs .top .text h3{font-size:24px}}.aboutUs .middle{display:flex;flex-direction:column;align-items:flex-start;gap:1.875rem}.aboutUs .middle h2{color:#403402;font-size:28px}@media (max-width: 1920px){.aboutUs .middle h2{font-size:24px}}.aboutUs .middle .cards{display:flex;flex-direction:row;align-items:flex-start;gap:.625rem}@media (min-width: 320px) and (max-width: 480px){.aboutUs .middle .cards{flex-direction:column}}@media (min-width: 480px) and (max-width: 768px){.aboutUs .middle .cards{flex-direction:column}}@media (min-width: 1024px) and (max-width: 1366px){.aboutUs .middle .cards{align-items:unset}}.aboutUs .middle .cards .myCards{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;padding:3.125rem}@media (max-width: 1920px){.aboutUs .middle .cards .myCards{padding:1.25rem}}.aboutUs .middle .cards .myCards h5{color:#d8ac01;font-size:16px}@media (max-width: 1920px){.aboutUs .middle .cards .myCards h5{font-size:14px}}.aboutUs .middle .cards .myCards p{font-size:14px;color:gray}@media (max-width: 1920px){.aboutUs .middle .cards .myCards p{font-size:12px}}.aboutUs .icon-margin{margin-right:.625rem;color:#d8ac01}.aboutUs h1,.aboutUs h2,.aboutUs h3{display:flex;align-items:center}.aboutUs .middle .cards .myCards .card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}.aboutUs .middle .cards .myCards .card-header svg{color:#d8ac01}.discussProject{display:flex;flex-direction:column;align-items:none;gap:.625rem;gap:30px;margin-top:80px;height:unset}.discussProject .discuss-project-head{display:flex;flex-direction:column;align-items:none;gap:.625rem}.discussProject .discuss-project-head h1{font-size:32px;margin:0 auto;color:#403402}@media (min-width: 1024px) and (max-width: 1366px){.discussProject .discuss-project-head h1{font-size:28px}}@media (min-width: 480px) and (max-width: 768px){.discussProject .discuss-project-head h1{font-size:22px}}@media (min-width: 320px) and (max-width: 480px){.discussProject .discuss-project-head h1{font-size:28px}}.discussProject .discuss-project-head p{font-size:14px;color:gray}@media (min-width: 768px) and (max-width: 1024px){.discussProject .discuss-project-head p{margin:0 auto;text-align:center;width:90%}}@media (min-width: 320px) and (max-width: 480px){.discussProject .discuss-project-head p{margin:0 auto;text-align:center;width:90%}}.discussProject .wrapper{display:flex;flex-direction:row;align-items:center;gap:.625rem;width:100%;justify-content:space-around}@media (min-width: 480px) and (max-width: 768px){.discussProject .wrapper{display:flex;flex-direction:column;align-items:center;gap:.625rem}}@media (min-width: 320px) and (max-width: 480px){.discussProject .wrapper{display:flex;flex-direction:column;align-items:center;gap:.625rem}}.discussProject .wrapper .left{display:flex;flex-direction:column;align-items:center;gap:.625rem}.discussProject .wrapper .left .contactImg{width:400px}@media (min-width: 768px) and (max-width: 1024px){.discussProject .wrapper .left .contactImg{width:300px}}@media (min-width: 480px) and (max-width: 768px){.discussProject .wrapper .left .contactImg{width:300px}}@media (min-width: 320px) and (max-width: 480px){.discussProject .wrapper .left .contactImg{width:250px}}.discussProject .wrapper .discuss-form{display:flex;flex-direction:column;align-items:none;gap:1.25rem;padding:.9375rem 1.875rem;flex:.5;border-radius:10px;background:#0000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:40%;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px}@media (min-width: 1024px) and (max-width: 1366px){.discussProject .wrapper .discuss-form{width:50%}}@media (min-width: 768px) and (max-width: 1024px){.discussProject .wrapper .discuss-form{width:70%}}@media (min-width: 480px) and (max-width: 768px){.discussProject .wrapper .discuss-form{width:80%}}@media (min-width: 320px) and (max-width: 480px){.discussProject .wrapper .discuss-form{width:100%}}.discussProject .wrapper .discuss-form form{display:flex;flex-direction:column;align-items:none;gap:1.25rem}.discussProject .wrapper .discuss-form form .form-group{display:flex;flex-direction:column;align-items:flex-start;gap:.3125rem;width:100%}.discussProject .wrapper .discuss-form form .form-group label{font-weight:600;color:#d8ac01;font-size:.75rem}.discussProject .wrapper .discuss-form form .form-group input,.discussProject .wrapper .discuss-form form .form-group textarea,.discussProject .wrapper .discuss-form form .form-group select{width:100%;border-radius:5px;padding:.625rem;outline:none;border:1px solid gray}.discussProject .wrapper .discuss-form form .form-group .input-icon,.discussProject .wrapper .discuss-form form .submit-button .submit-icon{margin-right:5px}.faq{margin-top:80px;padding:4rem 0;background-color:#f8f9fa}.faq .faq-title{font-size:2.5rem;font-weight:600;color:#403402;text-align:center;margin-bottom:3rem;position:relative}.faq .faq-title:after{content:"";display:block;width:60px;height:4px;background-color:#d8ac01;margin:1rem auto 0;border-radius:2px}.faq .faq-container{box-shadow:0 5px 30px #0000001a;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;align-items:none;gap:.625rem}.faq .faq-item{border-bottom:1px solid #e9ecef;transition:all .3s ease}.faq .faq-item:last-child{border-bottom:none}.faq .faq-item:hover{background-color:#f8f9fa}.faq .faq-question-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;cursor:pointer}.faq .faq-question-container .faq-toggle{color:#d8ac01;transition:transform .3s ease}.faq .faq-question-container .faq-toggle svg{display:block}.faq .faq-question-container:hover .faq-toggle{transform:translateY(2px)}.faq .faq-question-container.active .faq-toggle{transform:rotate(180deg)}.faq .faq-question{font-size:1.1rem;font-weight:500;color:#403402;margin:0;padding-right:1rem}.faq .faq-answer{padding:0 2rem 1.5rem;color:gray;line-height:1.6;font-size:1rem}.faq .faq-answer p{margin:0}.faq:not(.js-enabled) .faq-answer{display:block}.faq.js-enabled .faq-answer{display:none}.faq.js-enabled .faq-item.active .faq-answer{display:block}.faq.js-enabled .faq-item.active .faq-question-container .faq-toggle{transform:rotate(180deg)}@media (max-width: 768px){.faq{padding:3rem 1rem}.faq .faq-title{font-size:2rem}.faq .faq-container{box-shadow:0 3px 15px #0000001a}.faq .faq-question-container{padding:1.25rem 1.5rem}.faq .faq-question{font-size:1rem}.faq .faq-answer{padding:0 1.5rem 1.25rem;font-size:.95rem}}.termsConditon{padding:10px 60px;margin:100px 0 80px;display:flex;flex-direction:column;gap:10px!important;height:unset}.termsConditon h1{font-size:32px;font-weight:600;color:#d8ac01;text-align:center;margin-bottom:30px;position:relative}.termsConditon h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:#d8ac01;border-radius:3px}.termsConditon .terms{display:flex;flex-direction:column;gap:30px}.termsConditon .terms li{list-style-type:none;background-color:#fff;border-radius:8px;padding:20px 30px;box-shadow:0 2px 15px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.termsConditon .terms li:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000014}.termsConditon .terms li .title{color:#d8ac01;font-size:22px;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.08)}.termsConditon .terms li .conditions{padding-left:10px;display:flex;flex-direction:column;gap:12px}.termsConditon .terms li .conditions li{list-style-type:none;position:relative;padding:5px 0 5px 24px;border-radius:0;box-shadow:none;background-color:transparent}.termsConditon .terms li .conditions li:hover{transform:none;box-shadow:none}.termsConditon .terms li .conditions li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background-color:#d8ac01}.termsConditon .terms li .conditions li p{color:#4a4a4a;font-size:16px;font-weight:400;line-height:1.6;text-align:left}@media screen and (max-width: 1024px){.termsConditon{padding:30px 60px}.termsConditon h1{font-size:28px}.termsConditon .terms li .title{font-size:20px}}@media screen and (max-width: 768px){.termsConditon{padding:25px 40px}.termsConditon h1{font-size:26px}.termsConditon h1:after{width:60px}.termsConditon .terms li{padding:18px 24px}.termsConditon .terms li .title{font-size:18px}.termsConditon .terms li .conditions li p{font-size:15px}}@media screen and (max-width: 480px){.termsConditon{padding:20px;margin:80px auto}.termsConditon h1{font-size:24px}.termsConditon h1:after{width:50px;height:2px}.termsConditon .terms li{padding:15px 20px}.termsConditon .terms li .title{font-size:17px;margin-bottom:12px}.termsConditon .terms li .conditions{gap:10px}.termsConditon .terms li .conditions li{padding:3px 0 3px 20px}.termsConditon .terms li .conditions li:before{width:6px;height:6px}.termsConditon .terms li .conditions li p{font-size:14px;line-height:1.5}}.dashboard{display:flex;flex-direction:row;align-items:none;gap:0;position:relative}.dashboard .container{width:100%}.dashboard .container .content{position:relative}.dashboard .container .content .logoutPopup{top:20%;left:49%;display:flex;flex-direction:column;align-items:center;gap:.625rem}.dashboard .container .content .logoutPopup h3{font-size:1.375rem;text-decoration:underline}.dashboard .container .content .logoutPopup p{font-size:.875rem;color:gray}.dashboard .container .content .logoutPopup .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem}@media (max-width: 768px){.dashboard .container{width:100%;margin-left:0}}@media (min-width: 769px){.dashboard .container{width:calc(100% - 250px);margin-left:250px}}.headerAni{position:sticky;top:0;z-index:99999}.dashboardHeader{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:flex-end;padding:.8125rem 1.25rem;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px}@media (max-width: 768px){.dashboardHeader{justify-content:space-between}}.dashboardHeader .menu{font-size:40px;display:none}@media (min-width: 320px) and (max-width: 480px){.dashboardHeader .menu{display:block}}@media (min-width: 480px) and (max-width: 768px){.dashboardHeader .menu{display:block}}.dashboardHeader .search{display:flex;flex-direction:row;align-items:center;gap:.625rem;background-color:#d8ac01;padding:.625rem 1.25rem;border-radius:50px;width:30%}@media (min-width: 320px) and (max-width: 480px){.dashboardHeader .search{display:none}}@media (min-width: 480px) and (max-width: 768px){.dashboardHeader .search{width:50%}}@media (min-width: 768px) and (max-width: 1024px){.dashboardHeader .search{width:50%}}.dashboardHeader .search svg{font-size:25px;color:#fff}.dashboardHeader .search input{border:none;outline:none;padding-left:.625rem;width:100%;background:none;color:#fff;font-size:.875rem}.dashboardHeader .search input::placeholder{color:#fff}.dashboardHeader .right{display:flex;flex-direction:row;align-items:center;gap:.625rem}.dashboardHeader .right img{background-color:#fff;object-fit:contain;padding:.625rem;border-radius:50%;width:45px}@media (min-width: 320px) and (max-width: 480px){.dashboardHeader{padding:.625rem!important}}.sidebar{position:fixed;height:100vh;background-color:#fff;width:250px;transition:all .3s ease;z-index:9999999999999;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 0 10px #0000001a}@media (max-width: 768px){.sidebar{left:-250px}.sidebar.open{left:0}}@media (min-width: 769px){.sidebar{left:0}}.sidebar .sidebarHeading{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #eee}.sidebar .sidebarHeading .logo{display:flex;align-items:center;text-decoration:none;color:inherit}.sidebar .sidebarHeading .logo img{height:40px;margin-right:10px}.sidebar .sidebarHeading .logo h3{margin:0;font-size:1.375rem;white-space:nowrap}.sidebar .sidebarHeading .close{cursor:pointer;font-size:24px;color:#666}.sidebar .nav-menu{list-style:none;padding:0;margin:0}.sidebar a{text-decoration:none;color:#333;display:block}.sidebar a li{display:flex;align-items:center;padding:15px 20px;transition:all .2s ease}.sidebar a li .icon{margin-right:12px;display:flex;align-items:center;font-size:20px}.sidebar a li p{margin:0;font-size:.875rem}.sidebar a:hover li{background-color:#f5f5f5}.sidebar a.activeDashboard li{background-color:#d8ac01;color:#fff;border-left:4px solid #403402}.sidebar .dropdown-container{color:#333}.sidebar .dropdown-container.active-dropdown .dropdown-header{background-color:#f0f0f0}.sidebar .dropdown-container .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;cursor:pointer;transition:all .2s ease}.sidebar .dropdown-container .dropdown-header:hover{background-color:#f5f5f5}.sidebar .dropdown-container .dropdown-header .dropdown-title{display:flex;align-items:center}.sidebar .dropdown-container .dropdown-header .dropdown-title .icon{margin-right:12px;display:flex;align-items:center;font-size:20px}.sidebar .dropdown-container .dropdown-header .dropdown-title p{margin:0;font-size:.875rem}.sidebar .dropdown-container .dropdown-header .dropdown-arrow{font-size:20px;display:flex;align-items:center}.sidebar .dropdown-container .dropdown-menu{list-style:none;padding:0;margin:0;background-color:#f8f8f8}.sidebar .dropdown-container .dropdown-menu .sub-item{padding-left:40px}.popup-content{position:absolute;top:20%;left:50%;z-index:999;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:30px;box-shadow:#00000059 0 5px 15px}.overview{display:flex;flex-direction:column;align-items:center;gap:1.875rem;padding:1.25rem;height:unset}.overview .overAllContainer{width:100%;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;display:flex;flex-direction:column;align-items:none;gap:1.875rem;border-radius:10px;padding:1.875rem 1.875rem 3.125rem;background-image:linear-gradient(to top,#fff 30%,#d8ac01 30%)}.overview .overAllContainer .top h3{color:#fff;font-size:1.5rem}.overview .overAllContainer .top p{color:#fff;font-size:.875rem}@media (min-width: 320px) and (max-width: 480px){.overview .overAllContainer{padding:.625rem!important;gap:1.25rem}}.overview .overviewContainer{display:flex;flex-direction:row;align-items:none;gap:1.25rem;width:100%}.overview .overviewContainer .overviewTables,.overview .overviewContainer .overviewCharts{width:50%;display:flex;flex-direction:column;align-items:none;gap:1.25rem}@media (min-width: 768px) and (max-width: 1024px){.overview .overviewContainer .overviewTables,.overview .overviewContainer .overviewCharts{width:unset}}.overview .overviewContainer .overviewTables .customerTable,.overview .overviewContainer .overviewTables .overdueTable,.overview .overviewContainer .overviewTables .monthlyServices,.overview .overviewContainer .overviewTables .revenue,.overview .overviewContainer .overviewCharts .customerTable,.overview .overviewContainer .overviewCharts .overdueTable,.overview .overviewContainer .overviewCharts .monthlyServices,.overview .overviewContainer .overviewCharts .revenue{width:100%;display:flex;flex-direction:column;align-items:none;gap:.625rem}.overview .overviewContainer .overviewTables .customerTable .divHeading,.overview .overviewContainer .overviewTables .overdueTable .divHeading,.overview .overviewContainer .overviewTables .monthlyServices .divHeading,.overview .overviewContainer .overviewTables .revenue .divHeading,.overview .overviewContainer .overviewCharts .customerTable .divHeading,.overview .overviewContainer .overviewCharts .overdueTable .divHeading,.overview .overviewContainer .overviewCharts .monthlyServices .divHeading,.overview .overviewContainer .overviewCharts .revenue .divHeading{display:flex;flex-direction:row;align-items:none;gap:.625rem;justify-content:space-between}.overview .overviewContainer .overviewTables .customerTable .divHeading a,.overview .overviewContainer .overviewTables .overdueTable .divHeading a,.overview .overviewContainer .overviewTables .monthlyServices .divHeading a,.overview .overviewContainer .overviewTables .revenue .divHeading a,.overview .overviewContainer .overviewCharts .customerTable .divHeading a,.overview .overviewContainer .overviewCharts .overdueTable .divHeading a,.overview .overviewContainer .overviewCharts .monthlyServices .divHeading a,.overview .overviewContainer .overviewCharts .revenue .divHeading a{font-size:.875rem;font-weight:600;text-decoration:underline;color:#d8ac01}.overview .overviewContainer .overviewTables .customerTable h3,.overview .overviewContainer .overviewTables .overdueTable h3,.overview .overviewContainer .overviewTables .monthlyServices h3,.overview .overviewContainer .overviewTables .revenue h3,.overview .overviewContainer .overviewCharts .customerTable h3,.overview .overviewContainer .overviewCharts .overdueTable h3,.overview .overviewContainer .overviewCharts .monthlyServices h3,.overview .overviewContainer .overviewCharts .revenue h3{color:#403402;font-size:1.125rem}.overview .overviewContainer .overviewTables .customerTable .chartWrapper,.overview .overviewContainer .overviewTables .overdueTable .chartWrapper,.overview .overviewContainer .overviewTables .monthlyServices .chartWrapper,.overview .overviewContainer .overviewTables .revenue .chartWrapper,.overview .overviewContainer .overviewCharts .customerTable .chartWrapper,.overview .overviewContainer .overviewCharts .overdueTable .chartWrapper,.overview .overviewContainer .overviewCharts .monthlyServices .chartWrapper,.overview .overviewContainer .overviewCharts .revenue .chartWrapper{width:100%;height:100%;border-radius:10px;padding:.625rem 0}.overview .overviewContainer .overviewTables .customerTable .name,.overview .overviewContainer .overviewTables .overdueTable .name,.overview .overviewContainer .overviewCharts .customerTable .name,.overview .overviewContainer .overviewCharts .overdueTable .name{font-weight:600;text-align:left;padding-left:10px}.overview .overviewContainer .overviewTables .customerTable .active,.overview .overviewContainer .overviewTables .overdueTable .active,.overview .overviewContainer .overviewCharts .customerTable .active,.overview .overviewContainer .overviewCharts .overdueTable .active{color:green}.overview .overviewContainer .overviewTables .customerTable .inactive,.overview .overviewContainer .overviewTables .overdueTable .inactive,.overview .overviewContainer .overviewCharts .customerTable .inactive,.overview .overviewContainer .overviewCharts .overdueTable .inactive{color:red}@media (min-width: 320px) and (max-width: 480px){.overview .overviewContainer .overviewTables .customerTable,.overview .overviewContainer .overviewTables .overdueTable,.overview .overviewContainer .overviewCharts .customerTable,.overview .overviewContainer .overviewCharts .overdueTable{overflow:scroll}}@media (min-width: 768px) and (max-width: 1024px){.overview .overviewContainer .overviewTables .customerTable table,.overview .overviewContainer .overviewTables .overdueTable table,.overview .overviewContainer .overviewCharts .customerTable table,.overview .overviewContainer .overviewCharts .overdueTable table{width:max-content}}@media (min-width: 768px) and (max-width: 1024px){.overview .overviewContainer .overviewTables .customerTable,.overview .overviewContainer .overviewTables .overdueTable,.overview .overviewContainer .overviewCharts .customerTable,.overview .overviewContainer .overviewCharts .overdueTable{overflow-x:scroll;padding-bottom:10px}}@media (min-width: 320px) and (max-width: 480px){.overview .overviewContainer{flex-direction:column}.overview .overviewContainer .overviewTables,.overview .overviewContainer .overviewCharts{width:unset}}@media (min-width: 480px) and (max-width: 768px){.overview .overviewContainer{flex-direction:column}.overview .overviewContainer .overviewTables,.overview .overviewContainer .overviewCharts{width:unset}}@media (min-width: 768px) and (max-width: 1024px){.overview .overviewContainer{flex-direction:column}}@media (min-width: 320px) and (max-width: 480px){.overview{padding:.625rem!important}}@media (min-width: 480px) and (max-width: 768px){.overview{padding:.9375rem!important}}@media (min-width: 768px) and (max-width: 1024px){.overview{padding:1.875rem 1.25rem!important}}.OverallInfo{display:flex;flex-direction:row;align-items:center;gap:1.25rem;justify-content:space-around;width:100%}@media (min-width: 320px) and (max-width: 480px){.OverallInfo{gap:.625rem;justify-content:center;flex-wrap:wrap}}@media (min-width: 480px) and (max-width: 768px){.OverallInfo{gap:.625rem;justify-content:center;flex-wrap:wrap}}@media (min-width: 768px) and (max-width: 1024px){.OverallInfo{flex-wrap:wrap;justify-content:space-between;gap:.625rem}}.OverallInfo .overviewCardFade{width:100%}@media (min-width: 320px) and (max-width: 480px){.OverallInfo .overviewCardFade{width:48%}}@media (min-width: 480px) and (max-width: 768px){.OverallInfo .overviewCardFade{width:48%}}@media (min-width: 768px) and (max-width: 1024px){.OverallInfo .overviewCardFade{width:48%}}.OverallInfo .OverallInfoCard{display:flex;flex-direction:row;align-items:center;gap:0;padding:1.875rem 2.5rem;background-color:#f8f8f8;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.OverallInfo .OverallInfoCard img{width:40px}.OverallInfo .OverallInfoCard .info .numbers{color:#d8ac01;font-size:1.375rem}@media (min-width: 768px) and (max-width: 1024px){.OverallInfo .OverallInfoCard .info .numbers{font-size:1.2rem}}.OverallInfo .OverallInfoCard .info .heading{color:#403402;font-size:1.125rem}.OverallInfo .OverallInfoCard .info p{color:gray;font-size:.875rem}@media (min-width: 320px) and (max-width: 480px){.OverallInfo .OverallInfoCard .info{display:flex;flex-direction:column;align-items:center;gap:0}.OverallInfo .OverallInfoCard .info .numbers{font-size:1.125rem}.OverallInfo .OverallInfoCard .info .heading{font-size:.875rem}.OverallInfo .OverallInfoCard .info p{font-size:.75rem}}@media (min-width: 768px) and (max-width: 1024px){.OverallInfo .OverallInfoCard .info .heading{font-size:1rem}}@media (min-width: 768px) and (max-width: 1024px){.OverallInfo .OverallInfoCard .info{display:flex;flex-direction:column;text-align:center}}.OverallInfo .OverallInfoCard:hover{background-color:#f8f8f8;transition:all .2s ease-in}@media (min-width: 320px) and (max-width: 480px){.OverallInfo .OverallInfoCard{flex-direction:column;padding:.625rem!important;gap:.625rem}.OverallInfo .OverallInfoCard img{width:30px}}@media (min-width: 768px) and (max-width: 1024px){.OverallInfo .OverallInfoCard{width:100%;padding:1.875rem 1.25rem;justify-content:space-around}}@media (min-width: 1024px) and (max-width: 1366px){.OverallInfo .OverallInfoCard{flex-direction:column;padding:1.875rem}.OverallInfo .OverallInfoCard img{width:30px}}table{border-radius:10px;border-collapse:collapse;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;overflow:hidden}table thead,table tbody{cursor:pointer}table thead tr th,table thead tr td,table tbody tr th,table tbody tr td{padding:10px 0;text-align:center;color:#403402;font-size:12px}@media (min-width: 768px) and (max-width: 1024px){table thead tr th,table thead tr td,table tbody tr th,table tbody tr td{padding:10px}}table thead tr th,table tbody tr th{background-color:#d8ac01;border:1px solid white;color:#fff}table thead tr th:last-child,table tbody tr th:last-child{border-right:none!important}table thead tr td,table tbody tr td{border:1px solid rgb(221,219,219)}table thead tr td button,table tbody tr td button{padding:.625rem .75rem!important;font-size:.75rem!important;font-weight:500}table thead tr td:last-child,table tbody tr td:last-child{border-right:none!important}table thead tr:nth-child(2n),table tbody tr:nth-child(2n){background-color:#f8f8f8}table thead tr:hover,table tbody tr:hover{scale:1.01;box-shadow:#00000029 0 1px 4px}table thead tr:hover td,table tbody tr:hover td{font-weight:500}.chart-container{padding:20px;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:10px}.chart-container .chart-title{font-size:1.5rem;font-weight:700;margin-bottom:16px}.w-full{width:100%}.flex{display:flex}.justify-center{justify-content:center}.w-3\/4{width:100%}.p-4{padding:1rem}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.apexcharts-tooltip{background-color:#000c!important;color:#fff!important;padding:.5rem!important;border:none!important;box-shadow:0 4px 6px #0003!important;border-radius:.25rem!important}.apexcharts-tooltip .apexcharts-tooltip-title{background-color:#0009!important;border-bottom:1px solid rgba(255,255,255,.2)!important;padding:.25rem .5rem!important}.apexcharts-tooltip .apexcharts-tooltip-y-group{padding:.25rem .5rem!important}.apexcharts-xaxistooltip{background-color:#000c!important;color:#fff!important;border:none!important;border-radius:.25rem!important}.apexcharts-marker{transition:transform .2s ease}.apexcharts-marker:hover{transform:scale(1.2)}.chart-title{font-size:1.25rem;font-weight:600;color:#403402;margin-bottom:1rem;padding-left:.5rem}.chart-container{position:relative}.chart-container:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#d8ac01;border-radius:2px}@media (max-width: 768px){.w-3\/4{width:90%}}@media (max-width: 480px){.w-3\/4{width:100%}}.payments-chart-container{width:100%;display:flex}.payments-chart-container .chart-wrapper{width:100%;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s ease}.payments-chart-container .chart-wrapper:hover{box-shadow:0 6px 12px #00000026}.payments-chart-container .chart-wrapper .time-frame-selector{display:flex;justify-content:flex-end}.payments-chart-container .chart-wrapper .time-frame-selector select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;font-size:.875rem;color:#374151;cursor:pointer;transition:all .3s ease}.payments-chart-container .chart-wrapper .time-frame-selector select:hover{border-color:#9ca3af;background-color:#fff}.payments-chart-container .chart-wrapper .time-frame-selector select:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 3px #9ca3af33}.payments-chart-container .chart-wrapper .apexcharts-canvas{border-radius:8px}.bookService{display:flex;flex-direction:column;align-items:center;gap:.625rem;gap:30px;margin-top:80px;height:unset;align-items:unset}.book-service-header{background:linear-gradient(#403402cc,#403402e6),url(/images/service-banner.jpg);background-size:cover;background-position:center;color:#f8f8f8;padding:5rem 0;text-align:center;position:relative;border-radius:10px 10px 0 0}.book-service-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(to bottom,transparent,#f9f7f0)}.book-service-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.book-service-header h1:after{content:"";display:block;width:60%;height:4px;background:#d8ac01;margin:.5rem auto 0}@media (min-width: 320px) and (max-width: 480px){.book-service-header h1{font-size:2rem}}@media (min-width: 480px) and (max-width: 768px){.book-service-header h1{font-size:2.4rem}}.book-service-header p{font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6}@media (min-width: 320px) and (max-width: 480px){.book-service-header p{font-size:.8rem;width:90%}}@media (min-width: 480px) and (max-width: 768px){.book-service-header p{font-size:1rem;width:90%}}.book-service-content h2{font-size:1.8rem;color:#403402;margin-bottom:2rem;position:relative;padding-left:1rem}.book-service-content h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d8ac01;border-radius:4px}@media (min-width: 320px) and (max-width: 480px){.book-service-content h2{font-size:1.6rem}}.service-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 992px){.service-grid{grid-template-columns:1fr 1fr}}.service-options .service-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 576px){.service-options .service-cards{grid-template-columns:1fr 1fr}}.service-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 16px #40340226;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent}.service-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:0;background:#d8ac01;transition:height .3s ease}.service-card:hover{transform:translateY(-5px)}.service-card:hover:before{height:100%}.service-card.selected{border-color:#d8ac01;background:#d8ac011a}.service-card.selected:before{height:100%}.service-card.selected h3{color:#cea604}.service-card .service-card-icon{width:60px;height:60px;margin-bottom:1rem}.service-card .service-card-icon img{width:100%;height:100%;object-fit:contain}.service-card h3{font-size:1.2rem;color:#403402;margin-bottom:.5rem;transition:color .3s ease}.service-card p{font-size:.9rem;color:#a38405;margin:0}.contact-form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 12px 24px #40340226}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (min-width: 320px) and (max-width: 480px){.contact-form{grid-template-columns:1fr}}.contact-form .form-group{position:relative}.contact-form .form-group.full-width{grid-column:1/-1}.contact-form .form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#403402;margin-bottom:.5rem}.contact-form .form-group label svg{width:18px;height:18px;color:#d8ac01}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(64,52,2,.2);border-radius:8px;background:#ffffffe6;color:#403402;font-size:1rem;transition:all .3s ease}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:#d8ac01;box-shadow:0 0 0 3px #d8ac0133}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#40340280}.contact-form .form-group textarea{min-height:120px;resize:vertical}.contact-form .form-group .error-message{color:red;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.contact-form .form-group .error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:red;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.contact-form .submit-button{width:100%;padding:1rem;background:#d8ac01;color:#f8f8f8;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.contact-form .submit-button:hover,.contact-form .submit-button:focus{background:#cea604;transform:translateY(-2px);box-shadow:0 4px 8px #40340233}.contact-form .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-form .submit-button:active{transform:translateY(1px)}.service-info{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 576px){.service-info{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.service-info{grid-template-columns:repeat(3,1fr)}}.service-info .info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 16px #40340226;text-align:center;transition:transform .3s ease}.service-info .info-card:hover{transform:translateY(-5px)}.service-info .info-card:hover .info-icon{background:#d8ac01}.service-info .info-card:hover .info-icon svg{color:#f8f8f8}.service-info .info-card .info-icon{width:64px;height:64px;margin:0 auto 1rem;background:#d8ac011a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.service-info .info-card .info-icon svg{color:#d8ac01;transition:color .3s ease}.service-info .info-card h3{font-size:1.2rem;color:#403402;margin-bottom:.75rem}.service-info .info-card p{font-size:.95rem;color:#a38405;margin:0;line-height:1.5}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#403402b3;z-index:10;transition:all .3s ease}.overlay.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.submit-button{position:relative;overflow:hidden}.submit-button:after{content:"";position:absolute;top:50%;left:50%;background:#f8f8f84d;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.submit-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(25);opacity:.3}to{opacity:0;transform:scale(40)}}.swal2-confirm{background-color:#cea604}.content{position:relative;min-height:100vh}.management{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.875rem 1.25rem!important;height:unset;align-items:unset}@media (min-width: 320px) and (max-width: 480px){.management .uploadExcelPopup{top:14%;width:91%}}.management .addCustomerPopup{top:20%}@media (min-width: 320px) and (max-width: 480px){.management .addCustomerPopup{width:90%;top:30%}}@media (min-width: 480px) and (max-width: 768px){.management .addCustomerPopup{width:90%;top:30%}}@media (min-width: 768px) and (max-width: 1024px){.management .addCustomerPopup{width:max-content;top:30%}}@media (min-width: 1024px) and (max-width: 1366px){.management .addCustomerPopup{top:35%}}@media (min-width: 1366px) and (max-width: 1920px){.management .addCustomerPopup{top:30%}}@media (min-width: 1366px) and (max-width: 1920px){.management .addCustomerPopup{top:40%}}.management .managementHeading{display:flex;flex-direction:column;align-items:none;gap:.625rem;width:100%;justify-content:space-between}.management .managementHeading .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between}@media (min-width: 320px) and (max-width: 480px){.management .managementHeading .btns{flex-direction:column;align-items:flex-start}}.management .managementHeading h3{font-size:1.5rem;color:#403402}.management .managementHeading .cusBtns{display:flex;flex-direction:row;align-items:center;gap:.625rem}.management .managementHeading .cusBtns .plusBtn{display:flex;flex-direction:row;align-items:center;gap:.625rem;padding:.625rem .9375rem}@media (min-width: 768px) and (max-width: 1024px){.management .managementHeading .cusBtns .plusBtn{gap:0;font-weight:600;font-size:12px;padding:10px}}.management .managementHeading .cusBtns svg{font-size:18px}@media (min-width: 320px) and (max-width: 480px){.management .managementHeading{flex-direction:column-reverse;align-items:flex-start}}@media (min-width: 768px) and (max-width: 1024px){.management .managementHeading{justify-content:unset;gap:1rem}}.management .managementFilter{display:flex;flex-direction:row;align-items:center;gap:1.25rem}.management .managementFilter input{outline:none;padding-left:.625rem;background:none;color:#403402;font-size:.875rem;border:1px solid #403402;padding:.5rem 1.25rem;border-radius:50px}.management .managementFilter input::placeholder{color:#403402}.management .managementFilter select{padding:.3125rem .625rem;border:1px solid #403402;border-radius:50px}.management .managementFilter select option{color:#000}.management .managementFilter select option:hover{background-color:#d8ac01}.management .cusTable{display:flex;flex-direction:column;gap:20px}.management .cusTable table{width:100%}.management .cusTable table thead tr th,.management .cusTable table thead tr td,.management .cusTable table tbody tr th,.management .cusTable table tbody tr td{font-size:.75rem}.management .cusTable table thead tr th,.management .cusTable table tbody tr th{padding:10px}.management .cusTable table thead tr td,.management .cusTable table tbody tr td{text-align:left;padding:5px 10px}.management .cusTable table thead tr .index,.management .cusTable table tbody tr .index{text-align:center}.management .cusTable table thead tr .name,.management .cusTable table tbody tr .name{color:#403402;padding-left:10px;font-weight:600}.management .cusTable table thead tr .active,.management .cusTable table tbody tr .active{color:green;font-weight:500}.management .cusTable table thead tr .inactive,.management .cusTable table tbody tr .inactive{color:red;font-weight:500}.management .cusTable table thead tr .purifierHealth,.management .cusTable table tbody tr .purifierHealth{color:green;font-weight:700;text-align:center}.management .cusTable table thead tr .type,.management .cusTable table thead tr .date,.management .cusTable table tbody tr .type,.management .cusTable table tbody tr .date{text-align:center}.management .cusTable table thead tr .green,.management .cusTable table tbody tr .green{color:green}.management .cusTable table thead tr .red,.management .cusTable table tbody tr .red{color:red}.management .cusTable table thead tr .yellow,.management .cusTable table tbody tr .yellow{color:#d8ac01}.management .cusTable table thead tr .amount,.management .cusTable table tbody tr .amount{display:flex;flex-direction:row;align-items:center;gap:0}@media (min-width: 768px) and (max-width: 1024px){.management .cusTable table{width:max-content}}@media (min-width: 320px) and (max-width: 480px){.management .cusTable{overflow-x:scroll;padding:.625rem}.management .cusTable table thead tr th,.management .cusTable table thead tr td,.management .cusTable table tbody tr th,.management .cusTable table tbody tr td{padding:.625rem}}@media (min-width: 480px) and (max-width: 768px){.management .cusTable table{width:100%}.management .cusTable table thead tr th,.management .cusTable table thead tr td,.management .cusTable table tbody tr th,.management .cusTable table tbody tr td{padding:.625rem}}@media (min-width: 768px) and (max-width: 1024px){.management .cusTable{overflow-x:scroll;padding-bottom:10px}}@media (min-width: 768px) and (max-width: 1024px){.management{padding:1.875rem 1.25rem!important}}.management .pagination-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 2px #0000000d;gap:12px}.management .pagination-items-per-page{display:flex;align-items:center;gap:8px}.management .pagination-items-per-page span{color:#4b5563;font-size:14px}.management .pagination-items-per-page select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:14px;color:#1f2937;cursor:pointer;min-width:70px}.management .pagination-items-per-page select:focus{outline:none;border-color:#d8ac01;box-shadow:0 0 0 2px #d8ac011a}.management .pagination-info{color:#4b5563;font-size:14px;padding:0 8px}.management .pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:4px}.management .pagination-controls .pagination-arrows{display:flex;align-items:center;gap:10px}.management .pagination-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background-color:#d8ac01;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}.management .pagination-button:hover:not(:disabled){background-color:#cea604}.management .pagination-button:active:not(:disabled){transform:translateY(1px)}.management .pagination-button:disabled{background-color:#e5e7eb;cursor:not-allowed}.management .pagination-button:disabled svg{color:#9ca3af}.management .pagination-button svg{width:18px;height:18px}.management .pagination-numbers{display:flex;align-items:center;gap:4px;margin:0 4px}.management .pagination-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#4b5563;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.management .pagination-number:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.management .pagination-number:disabled,.management .pagination-number.active{background-color:#403402;color:#fff;border-color:#403402;cursor:default}.management .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#4b5563;font-size:14px}@media (max-width: 768px){.management .pagination-container{flex-direction:column;align-items:flex-start}.management .pagination-info{order:3;margin-top:8px;align-self:center}.management .pagination-controls{order:2;align-self:center}.management .pagination-items-per-page{order:1;align-self:center}}@media (max-width: 480px){.management .pagination-number{display:none}.management .pagination-number.active{display:flex}.management .pagination-info{font-size:12px}}.AddCustomerPopup{display:flex;flex-direction:column;align-items:none;gap:1.875rem}.AddCustomerPopup h3{color:#403402;text-decoration:underline;text-transform:uppercase;text-align:center}.AddCustomerPopup form{display:flex;flex-direction:row;align-items:none;gap:1.25rem;width:100%}.AddCustomerPopup form .left,.AddCustomerPopup form .right{display:flex;flex-direction:column;align-items:none;gap:1.25rem}.AddCustomerPopup form .formGroup{display:flex;flex-direction:column;align-items:none;gap:.625rem}.AddCustomerPopup form .formGroup label{font-size:.875rem;color:#403402}.AddCustomerPopup form .formGroup input{border:none;border-radius:10px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;outline:none;padding:.625rem}.AddCustomerPopup .btns{display:flex;flex-direction:row;align-items:center;gap:1.25rem}.formContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;gap:20px;border-radius:8px}.formContainer h1{font-size:24px;color:#403402;text-decoration:underline}.formContainer .warning{font-size:14px;color:red;font-weight:500}.formContainer form{display:flex;flex-direction:column;width:100%}.formContainer form div{margin-bottom:15px}.formContainer form label{font-size:16px;margin-bottom:5px;color:#555}.formContainer form .btns{display:flex;gap:20px}.formContainer form input[type=file]{height:40px;border-radius:5px;font-size:14px;color:#333;outline:none;transition:border-color .3s ease}.formContainer form .progress-container{width:100%;margin:15px 0}.formContainer form .progress-container .progress-label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px;color:#555}.formContainer form .progress-container .progress-bar-outer{width:100%;height:12px;background-color:#f0f0f0;border-radius:6px;overflow:hidden}.formContainer form .progress-container .progress-bar-inner{height:100%;background-color:#403402;border-radius:6px;transition:width .3s ease-in-out}.formContainer h2{font-size:20px;margin-top:20px;color:#333}.formContainer .error{color:red;font-size:14px;margin:5px 0}.services{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.875rem 1.25rem!important;height:unset;align-items:unset}.services .AddServicePopup{top:7%}.services h3{font-size:1.5rem;color:#403402}.services .managementHeading{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between}.services .managementHeading .cusBtns{display:flex;flex-direction:row;align-items:center;gap:.625rem}.services .managementHeading .cusBtns .plusBtn{display:flex;flex-direction:row;align-items:center;gap:.625rem;padding:.625rem .9375rem}.services .managementHeading .cusBtns svg{font-size:18px}.services .serTable{width:100%}.services .serTable .no-data{text-align:center;font-size:1.5rem;color:#403402}.services .serTable table{width:100%}.services .serTable table thead tr th,.services .serTable table thead tr td,.services .serTable table tbody tr th,.services .serTable table tbody tr td{font-size:.75rem}.services .serTable table thead tr .name,.services .serTable table tbody tr .name{color:#403402;font-weight:600;text-align:left;padding-left:10px}.services .serTable table thead tr .high,.services .serTable table tbody tr .high{color:red;font-weight:600}.services .serTable table thead tr .medium,.services .serTable table tbody tr .medium{color:#d8ac01;font-weight:600}.services .serTable table thead tr .low,.services .serTable table tbody tr .low{color:green;font-weight:600}.services .serTable table thead tr th,.services .serTable table tbody tr th{padding:10px 0}.services .serTable table thead tr td,.services .serTable table tbody tr td{padding:5px 10px}.services .serTable table thead tr .address,.services .serTable table tbody tr .address{text-align:left;padding-left:10px}@media (min-width: 320px) and (max-width: 480px){.services .serTable{overflow-x:scroll;padding:.625rem}.services .serTable table thead tr th,.services .serTable table thead tr td,.services .serTable table tbody tr th,.services .serTable table tbody tr td{padding:.625rem}}@media (min-width: 480px) and (max-width: 768px){.services .serTable{overflow-x:scroll;padding:.625rem}.services .serTable table{width:100%}.services .serTable table thead tr th,.services .serTable table thead tr td,.services .serTable table tbody tr th,.services .serTable table tbody tr td{padding:.625rem}}@media (min-width: 768px) and (max-width: 1024px){.services .serTable{overflow-x:scroll}.services .serTable table{width:max-content!important}.services .serTable table tr th{padding:10px!important}}.services .pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 0;flex-wrap:wrap;gap:15px}.services .pagination-controls .pagination-info{font-size:14px;color:#666;display:flex;align-items:center;gap:30px}.services .pagination-controls .pagination-info .items-per-page{display:flex;align-items:center;gap:8px}.services .pagination-controls .pagination-info .items-per-page label{font-size:14px;color:#666}.services .pagination-controls .pagination-info .items-per-page select{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.services .pagination-controls .pagination-navigation{display:flex;align-items:center;gap:15px}.services .pagination-controls .pagination-navigation .pagination-arrow{min-width:35px;height:35px}.services .pagination-controls .pagination-navigation .pagination-arrow:disabled{cursor:not-allowed}.services .pagination-controls .pagination-navigation .pagination-page-info{font-size:14px;color:#666}.services .pagination-controls .pagination-navigation .pagination-page-info .currentPage{font-weight:600;color:#403402}@media (max-width: 768px){.services .pagination-controls{flex-direction:column;align-items:flex-start}.services .pagination-controls .pagination-navigation{margin-top:10px;align-self:center}}.filterBtn{display:flex;align-items:center;gap:5px;margin-right:10px}.advanced-filters{margin:15px 0;padding:15px;background-color:#f9f9f9;border-radius:5px;border:1px solid #eee}.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-group{display:flex;flex-direction:column;flex:1;min-width:200px}.filter-group label{margin-bottom:5px;font-size:14px;font-weight:500}.filter-group select,.filter-group input{padding:8px 10px;border:1px solid #ddd;border-radius:4px}.filter-actions{display:flex;align-items:flex-end;min-width:200px}.filter-actions button{cursor:pointer}.reports{display:flex;flex-direction:column;align-items:start;gap:1.875rem}.reports .top,.reports .bottom{display:flex;flex-direction:column;align-items:start;gap:1.875rem;width:70%}.reports .top h3,.reports .bottom h3{color:#403402}@media (min-width: 320px) and (max-width: 480px){.reports .top,.reports .bottom{width:100%}}.reports .top{border-bottom:1px solid;padding-bottom:30px}.settings{padding:1.875rem 1.25rem!important;align-items:flex-start!important;position:relative}.settings .updatePasswordPopup{top:25%}.settings .updatePasswordPopup .popup-container{display:flex;flex-direction:column;gap:20px}.settings .updatePasswordPopup .popup-container form{display:flex;flex-direction:column;align-items:center;gap:.625rem}.settings .updatePasswordPopup .popup-container form .password-input-container{position:relative;width:100%}.settings .updatePasswordPopup .popup-container form .password-input-container input{border:none;outline:none;padding:10px 40px 10px 10px;box-shadow:#0000003d 0 3px 8px;width:100%;border-radius:10px;color:gray}.settings .updatePasswordPopup .popup-container form .password-input-container .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.settings .updatePasswordPopup .popup-container form .password-input-container .password-toggle .eye-icon{width:20px;height:20px;color:#777;transition:color .3s ease}.settings .updatePasswordPopup .popup-container form .password-input-container .password-toggle .eye-icon:hover{color:#5c4500}.settings .updatePasswordPopup .popup-container form .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem;margin-top:15px}.settings .updatePasswordPopup .popup-container form .btns button{margin:0 5px}.settings-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#5c4500}.settings-container{display:flex;flex-direction:column;gap:20px;width:100%}.settings-section{padding:15px 0;border-bottom:1px solid #ddd}.settings-section h2{font-size:28px;font-weight:600;margin-bottom:10px;color:#5c4500}.settings-section p{font-size:16px;margin:5px 0;color:#333}.settings-section .adminInfo{display:flex;flex-direction:row;align-items:flex-start;gap:.625rem;justify-content:space-between}@media (min-width: 320px) and (max-width: 480px){.settings-section .adminInfo{flex-direction:column}}.settings-section .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem}.update-button{padding:10px 15px;background-color:#5c4500;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:.3s ease}.update-button:hover{background-color:#4a3700}.settings-actions{display:flex;gap:15px;margin-top:10px}.settings-actions .secondary-button{padding:8px 12px;font-size:14px;border:1px solid #5c4500;background:transparent;color:#5c4500;border-radius:5px;cursor:pointer;transition:.3s ease}.settings-actions .secondary-button:hover{background-color:#5c4500;color:#fff}.error{color:#d32f2f;font-size:14px;margin-bottom:10px;background-color:#d32f2f1a;padding:8px 12px;border-radius:4px;border-left:3px solid #d32f2f}.content{position:relative}.IndiCustomer{display:flex;flex-direction:column;align-items:none;gap:0;padding:0!important;margin:1.25rem;height:min-content;border-radius:10px;overflow:hidden;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.IndiCustomer.has-data{min-height:unset!important}.IndiCustomer.no-data{min-height:100vh!important}.IndiCustomer .customerDetails{justify-content:space-between;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:none;gap:3.125rem;border-radius:10px 10px 0 0;background-color:#d8ac01}.IndiCustomer .customerDetails .top{display:flex;flex-direction:row;align-items:none;gap:.625rem;padding:.625rem}.IndiCustomer .customerDetails .top .placeHolder{width:110px;border-radius:10px;object-fit:contain}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .top .placeHolder{width:80px}}.IndiCustomer .customerDetails .top .details{display:flex;flex-direction:column;align-items:none;gap:1.25rem;padding:.625rem;padding-bottom:0;width:80%}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .top .details{width:66%}}.IndiCustomer .customerDetails .top .details .nameWrapper{display:flex;flex-direction:row;align-items:flex-start;gap:.625rem}.IndiCustomer .customerDetails .top .details .nameWrapper .name{color:#fff}.IndiCustomer .customerDetails .top .details .nameWrapper .name h3{font-size:1.375rem}.IndiCustomer .customerDetails .top .details .nameWrapper .name p{font-size:.875rem}.IndiCustomer .customerDetails .top .details .nameWrapper .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem}.IndiCustomer .customerDetails .top .details .nameWrapper .editInfo{display:flex;flex-direction:row;align-items:center;gap:.625rem;background-color:#d8ac01;border:1px solid white;color:#fff;font-size:.675rem;padding:.3125rem .9375rem!important;transition:all .2s ease}.IndiCustomer .customerDetails .top .details .nameWrapper .editInfo span{font-size:.875rem}.IndiCustomer .customerDetails .top .details .nameWrapper .editInfo:hover{background-color:#fff;border:1px solid white;color:#d8ac01}.IndiCustomer .customerDetails .top .details ul{display:flex;flex-direction:row;align-items:center;gap:1.25rem;justify-content:space-between;flex-wrap:wrap}.IndiCustomer .customerDetails .top .details ul li span{color:#f8f8f8;font-size:.75rem}.IndiCustomer .customerDetails .top .details ul li h4{color:#fff}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .top .details ul li h4{font-size:12px}}.IndiCustomer .customerDetails .top .details ul li .paid{color:green}.IndiCustomer .customerDetails .top .details ul li .balance{color:red}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .top .details ul{flex-wrap:wrap;width:100%}}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .top .details{width:100%}}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .top{flex-direction:column}}.IndiCustomer .customerDetails .tabs{padding-left:50px}.IndiCustomer .customerDetails .tabs .wrapper ul{display:flex;flex-direction:row;align-items:center;gap:0}.IndiCustomer .customerDetails .tabs .wrapper ul li .activeTab{background-color:#fff;color:#d8ac01;font-weight:bolder;border-radius:10px 10px 0 0}.IndiCustomer .customerDetails .tabs .wrapper ul li button{padding:1rem}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .tabs .wrapper ul{flex-wrap:wrap;justify-content:center}}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDetails .tabs{padding:unset!important}}@media (min-width: 768px) and (max-width: 1024px){.IndiCustomer .customerDetails .tabs{padding-left:20px}}.IndiCustomer .customerDataTabs{width:100%;padding:1.25rem}@media (min-width: 320px) and (max-width: 480px){.IndiCustomer .customerDataTabs{overflow-x:scroll}}@media (min-width: 768px) and (max-width: 1024px){.IndiCustomer .customerDataTabs{overflow-x:scroll}}.IndiCustomer .popup-content{top:30%}.IndiCustomer .updatePopup{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.IndiCustomer .updatePopup .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem}.IndiCustomer form{display:flex;flex-direction:row;align-items:none;gap:1.25rem;width:100%}.IndiCustomer form .left,.IndiCustomer form .right{display:flex;flex-direction:column;align-items:none;gap:1.25rem}.IndiCustomer form .formGroup{display:flex;flex-direction:column;align-items:none;gap:.625rem}.IndiCustomer form .formGroup label{font-size:.875rem;color:#403402}.IndiCustomer form .formGroup input{border:none;border-radius:10px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;outline:none;padding:.625rem}.overview-container{padding-top:30px;display:flex;flex-direction:column;align-items:none;gap:3.125rem}.overview-stats{display:flex;flex-direction:row;gap:1.875rem;flex-wrap:wrap;align-items:center;justify-content:center}.overview-stats .stat-item{cursor:pointer;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;padding:20px 30px;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.625rem;width:25%;transition:all .3s ease-in}.overview-stats .stat-item:hover{transform:scale(1.03);box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.overview-stats .stat-item .stat-label{font-size:1.125rem;font-weight:500;color:#403402}@media (min-width: 320px) and (max-width: 480px){.overview-stats .stat-item .stat-label{font-size:1rem}}.overview-stats .stat-item .stat-value{font-size:1.375rem;font-weight:500;color:#d8ac01}@media (min-width: 320px) and (max-width: 480px){.overview-stats .stat-item .stat-value{font-size:1rem}}@media (min-width: 320px) and (max-width: 480px){.overview-stats .stat-item{width:40%}}@media (min-width: 768px) and (max-width: 1024px){.overview-stats .stat-item{width:unset}}.service-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.service-section .no-services{text-align:center;font-size:18px;color:#999;font-weight:600}.service-section .service-title{font-size:22px;font-weight:700;margin-bottom:20px;color:#333}.service-section .service-list{display:flex;flex-direction:column;gap:15px}.service-section .service-item{background:#f9f9f9;padding:18px;border-radius:10px;border-left:6px solid #ddd;box-shadow:0 2px 4px #0000001a;transition:all .3s ease-in-out;display:flex;justify-content:space-between;align-items:center;gap:5px}@media (min-width: 320px) and (max-width: 480px){.service-section .service-item{flex-direction:column;gap:10px}}@media (min-width: 320px) and (max-width: 480px){.service-section .service-item .left{flex-direction:column;width:100%}}.service-section .service-item:hover{box-shadow:0 4px 8px #00000026}.service-section .service-item .service-type{font-size:18px;font-weight:700;color:#222}.service-section .service-item .service-info{display:flex;flex-wrap:wrap;font-size:14px;color:#555;gap:10px}.service-section .service-item .service-info span{font-weight:700;color:#333}.service-section .service-item .service-status{font-weight:700;font-size:14px;margin-right:10px;color:#888}.service-section .service-item .service-technician{font-weight:700;color:#333}.service-section .service-item .service-warranty{font-style:italic;color:#666}.service-section .service-item.pending{border-left:6px solid #ff9900;color:#c60}.service-section .service-item.completed{border-left:6px solid #00cc00;color:green}table{width:100%}@media (min-width: 320px) and (max-width: 480px){table tbody tr td{padding:10px}}@media (min-width: 768px) and (max-width: 1024px){table tbody tr th,table tbody tr td{padding:10px}}table tbody tr .type{text-align:left;padding-left:10px;font-weight:600}table tbody tr .high{color:red;font-weight:600}table tbody tr .medium{color:#d8ac01;font-weight:600}table tbody tr .low{color:green;font-weight:600}@media (min-width: 768px) and (max-width: 1024px){table{width:max-content}}.payment-list{width:100%;padding-right:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.payment-list h2{text-align:center;margin-bottom:20px;color:#333}.payment-list table{width:100%;border-collapse:collapse}.payment-list table th,.payment-list table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.payment-list table th{background-color:#d8ac01;color:#fff}.payment-list table td{color:#555}.payment-list table td .amount{display:flex;align-items:center;font-weight:700}.payment-list table td .amount svg{font-size:15px}.payment-list table .completed{color:green;font-weight:700}.payment-list table .pending{color:orange;font-weight:700}.payment-list table .failed{color:red;font-weight:700}.payment-list table tr:hover{background-color:#f1f1f1}@media (min-width: 768px) and (max-width: 1024px){.payment-list table{width:max-content;padding-right:10px}}.purifier-tab h2{text-align:center;font-size:32px;color:#333;font-weight:700;margin-bottom:30px}.purifier-tab .purifier-info{display:flex;flex-direction:column;gap:30px}.purifier-tab .purifier-info .top{display:flex;flex-direction:row;align-items:none;gap:.625rem;width:100%}.purifier-tab .purifier-info .top .left{width:50%}@media (min-width: 320px) and (max-width: 480px){.purifier-tab .purifier-info .top .left{width:100%}}.purifier-tab .purifier-info .top .right{width:50%;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:none;gap:.625rem;padding:1.25rem;height:min-content;border-radius:10px}.purifier-tab .purifier-info .top .right h3{color:#d8ac01}.purifier-tab .purifier-info .top .right .info{display:flex;flex-direction:row;align-items:none;gap:.625rem;justify-content:space-between}.purifier-tab .purifier-info .top .right .info .right-info{display:flex;flex-direction:column;align-items:none;gap:.625rem}.purifier-tab .purifier-info .top .right .info .right-info .info-row{color:gray}.purifier-tab .purifier-info .top .right .info .right-info .info-row strong,.purifier-tab .purifier-info .top .right .info .right-info .below strong{color:#333;font-weight:600}.purifier-tab .purifier-info .top .right .info .left-info{display:flex;flex-direction:column;align-items:center;gap:.625rem}.purifier-tab .purifier-info .top .right .info .left-info p{color:gray}@media (min-width: 320px) and (max-width: 480px){.purifier-tab .purifier-info .top .right .info{flex-direction:column}}@media (min-width: 320px) and (max-width: 480px){.purifier-tab .purifier-info .top .right{width:100%}}@media (min-width: 320px) and (max-width: 480px){.purifier-tab .purifier-info .top{flex-direction:column}}@media (min-width: 768px) and (max-width: 1024px){.purifier-tab .purifier-info .top{flex-direction:column}.purifier-tab .purifier-info .top .left,.purifier-tab .purifier-info .top .right{width:unset}}.purifier-tab .purifier-info .info-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px}.purifier-tab .purifier-info .info-card h3{font-size:20px;font-weight:600;color:#d8ac01;margin-bottom:15px}.purifier-tab .purifier-info .info-card .info-row{display:flex;justify-content:space-between;font-size:16px;margin-bottom:12px;color:#555}.purifier-tab .purifier-info .info-card .info-row strong{color:#333;font-weight:600}.purifier-tab .purifier-info .info-card ul{padding-left:20px}.purifier-tab .purifier-info .info-card ul li{font-size:14px;color:#555;list-style-type:none;margin-bottom:8px}.purifier-tab .purifier-info .info-card .photos{display:flex;gap:15px;margin-top:20px}.purifier-tab .purifier-info .info-card .photos img{width:100%;height:auto;object-fit:cover;border-radius:10px;box-shadow:0 2px 5px #0000001a;max-width:150px}.no-notifications{text-align:center;font-size:18px;color:#999;font-weight:600}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.filter-health-dashboard{padding:1.5rem;font-family:Roboto,sans-serif;background-color:#f8f9fa;border-radius:8px}.filter-health-dashboard .dashboard-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#403402;text-align:center;border-bottom:1px solid #eaeaea;padding-bottom:1rem}.filter-health-dashboard .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}@media (max-width: 576px){.filter-health-dashboard .filter-grid{grid-template-columns:1fr;justify-content:center}}.filter-health-dashboard .filter-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;background-color:#fff;transition:transform .3s ease,box-shadow .3s ease}.filter-health-dashboard .filter-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.filter-health-dashboard .filter-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#403402;text-align:center;position:relative}.filter-health-dashboard .filter-title:after{content:"";display:block;width:40px;height:3px;background-color:#ddd;margin:8px auto 0;border-radius:2px}.filter-health-dashboard .filter-chart-container{width:100%;margin-bottom:.5rem;cursor:pointer}.filter-health-dashboard .filter-status{margin-top:.75rem;text-align:center}.filter-health-dashboard .status-text{padding:.5rem 1rem;border-radius:20px;background-color:#e8f5e9;color:#388e3c;font-weight:500;font-size:.875rem}.filter-health-dashboard .status-text.warning{background-color:#fff8e1;color:#ffa000}.filter-health-dashboard .status-text.danger{background-color:#ffebee;color:#d32f2f}.filter-health-dashboard p{font-size:12px;color:gray;margin-top:10px}.apexcharts-tooltip{background-color:#fffffff2!important;border:none!important;box-shadow:0 2px 8px #00000026!important;border-radius:6px!important}.apexcharts-tooltip .apexcharts-tooltip-title{background-color:#f8f9fa!important;border-bottom:1px solid #eaeaea!important;font-weight:600!important}.notification-container .no-notifications{text-align:center;font-size:18px;color:#999;font-weight:600}.notification-container .notification-list{list-style:none;padding:0}.notification-container .notification-list .notification-item{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:15px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;transition:all .3s ease-in-out;background-color:#f9f9f9}.notification-container .notification-list .notification-item:hover{background-color:#f1f1f1}.notification-container .notification-list .notification-item .notification-content{display:flex;align-items:center;justify-content:space-between;width:100%}.notification-container .notification-list .notification-item .notification-content h3{font-size:16px;font-weight:600;margin-bottom:5px;color:#333}.notification-container .notification-list .notification-item .notification-content p{font-size:14px;color:#666;margin-bottom:5px}.notification-container .notification-list .notification-item .notification-content small{font-size:12px;color:#999}.payments{flex-direction:column;padding:1.875rem 1.25rem!important;align-items:flex-start;height:unset}.payments .managementHeading{display:flex;justify-content:space-between;width:100%}.payments .managementHeading .filterBtn{display:flex;align-items:center;gap:5px;cursor:pointer}.payments .advanced-filters{background-color:#f9f9f9;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #eee;width:100%}.payments .advanced-filters .filter-row{display:flex;gap:15px;margin-bottom:15px}@media (max-width: 768px){.payments .advanced-filters .filter-row{flex-direction:column;gap:10px}}.payments .advanced-filters .filter-row:last-child{margin-bottom:0}.payments .advanced-filters .filter-group{flex:1}.payments .advanced-filters .filter-group label{display:block;margin-bottom:5px;font-size:14px;font-weight:500}.payments .advanced-filters .filter-group input,.payments .advanced-filters .filter-group select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.payments .advanced-filters .filter-group input:focus,.payments .advanced-filters .filter-group select:focus{border-color:#999;outline:none}.payments .advanced-filters .filter-actions{display:flex;align-items:flex-end}.payments .advanced-filters .filter-actions button{cursor:pointer}.payments .filter-summary{margin-bottom:10px;font-size:14px;color:#666}@media (min-width: 768px) and (max-width: 1024px){.payments{overflow-x:scroll}}@media (min-width: 320px) and (max-width: 480px){.payments{overflow-x:scroll}}.payments .payment-list{padding:0;box-shadow:none}.payments .payment-list table tbody tr td .amount{display:flex;flex-direction:row;align-items:center;gap:0;font-weight:700}.payments .payment-list table tbody tr td .amount svg{font-size:15px}.payments .payment-list table tbody tr .name{font-weight:600}.payments .payment-list table tbody tr .index,.payments .payment-list table tbody tr .status{text-align:center}.payments .payment-list table tbody tr td{padding:5px 10px}.payments .payment-list table tbody tr th{padding:0 10px}@media (max-width: 900px){.payments .payment-list{overflow-x:scroll}}.payments .pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px}.payments .pagination-controls .pagination-info{font-size:14px;color:#666}.payments .pagination-controls .items-per-page{display:flex;align-items:center;gap:8px}.payments .pagination-controls .items-per-page label{font-size:14px;color:#666}.payments .pagination-controls .items-per-page select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.payments .pagination-controls .items-per-page span{font-size:14px;color:#666}.payments .pagination-controls .pagination-navigation{display:flex;align-items:center;gap:10px}.payments .pagination-controls .pagination-navigation .pagination-arrow{display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s ease}.payments .pagination-controls .pagination-navigation .pagination-arrow:hover:not(:disabled){background-color:#cea604}.payments .pagination-controls .pagination-navigation .pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.payments .pagination-controls .pagination-navigation .page-indicator{font-size:14px;color:#666;padding:0 10px}@media (max-width: 768px){.payments .pagination-controls{flex-direction:column;gap:15px}.payments .pagination-controls .pagination-info,.payments .pagination-controls .items-per-page,.payments .pagination-controls .pagination-navigation{width:100%;justify-content:center}}.addPayment{display:flex;flex-direction:column;align-items:center;gap:.625rem;top:30%;width:-webkit-fill-available}@media (min-width: 320px) and (max-width: 480px){.addPayment{top:20%;width:90%}}@media (min-width: 480px) and (max-width: 768px){.addPayment{top:20%;width:90%}}@media (min-width: 768px) and (max-width: 1024px){.addPayment{width:90%}}.addPayment form{width:100%}.addPayment .form-group{margin-bottom:1.5rem}.addPayment .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#403402;font-size:14px}.addPayment .form-group input,.addPayment .form-group select,.addPayment .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.addPayment .form-group input:focus,.addPayment .form-group select:focus,.addPayment .form-group textarea:focus{outline:none;border-color:#d8ac01}.addPayment .form-group input::placeholder,.addPayment .form-group select::placeholder,.addPayment .form-group textarea::placeholder{color:gray}.addPayment .form-group textarea{resize:vertical;min-height:100px}.addPayment .form-group input{width:100%}.addPayment .form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.addPayment .form-row .form-group{flex:1;margin-bottom:0;width:50%}.addPayment .form-row .form-group.half{flex:0 0 calc(50% - .5rem)}.addPayment .btns{display:flex;justify-content:flex-end;gap:1rem}.custom-select{position:relative;width:100%}.custom-select label{font-weight:700;display:block}.custom-select .custom-select-container{position:relative;background-color:#fff;border:1px solid #ccc;padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:4px;transition:all .3s ease}.custom-select .custom-select-container:focus-within{border-color:#d8ac01}.custom-select .selected-option{font-size:14px;color:#333;width:100%;display:flex;align-items:center;justify-content:space-between;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.custom-select .custom-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:10;display:none;max-height:400px;overflow-y:auto;transform:none}.custom-select .custom-dropdown .dropdown-option{padding:10px;cursor:pointer;font-size:14px;color:#333;transition:all .3s ease;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1}.custom-select .custom-dropdown .dropdown-option:hover{background-color:#d8ac01;color:#fff}.custom-select .custom-dropdown.open{display:block}.indiService{padding:20px;background-color:#f5f6fa;width:100%;display:flex;flex-direction:column;gap:20px}.indiService .popup-content{top:35%;width:95%;z-index:999999999999999}.indiService .updatePopup{background-color:#fff}.indiService .updatePopup h2{text-align:center;color:#333;margin-bottom:20px}.indiService .updatePopup form{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.indiService .updatePopup form .left,.indiService .updatePopup form .right{display:flex;flex-direction:column;align-items:none;gap:1.25rem}.indiService .updatePopup .formGroup{display:flex;flex-direction:column}.indiService .updatePopup .formGroup label{font-size:14px;color:#555;margin-bottom:8px;display:block}.indiService .updatePopup .formGroup input,.indiService .updatePopup .formGroup textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;outline:none}.indiService .updatePopup .formGroup input:focus,.indiService .updatePopup .formGroup textarea:focus{border-color:#d8ac01}.indiService .updatePopup .formGroup textarea{height:100px}.indiService .updatePopup .formGroup input[type=checkbox]{width:auto;color:#d8ac01}.indiService .updatePopup .btns{display:flex;gap:10px}.indiService .updatePopup .formGroup input[disabled]{background-color:#f2f2f2}.indiService .updatePopup .formGroup input[type=checkbox]{margin-top:5px}.indiService .loading-spinner{text-align:center;font-size:18px;color:#007bff}.indiService .customer-header{background:#d4a500;color:#fff;padding:20px;border-radius:8px;display:flex;align-items:center}.indiService .customer-header .customer-info{display:flex;align-items:center;justify-content:space-between;width:40%}@media (min-width: 768px) and (max-width: 1024px){.indiService .customer-header .customer-info{width:50%}}@media (min-width: 480px) and (max-width: 768px){.indiService .customer-header .customer-info{width:50%}}@media (min-width: 320px) and (max-width: 480px){.indiService .customer-header .customer-info{width:unset;gap:10px}}.indiService .customer-header .customer-info .placeHolder{width:110px;border-radius:10px;object-fit:contain}.indiService .below{display:flex;gap:20px;align-items:flex-start}@media (min-width: 768px) and (max-width: 1024px){.indiService .below{flex-direction:column}}@media (min-width: 480px) and (max-width: 768px){.indiService .below{flex-direction:column}}@media (min-width: 320px) and (max-width: 480px){.indiService .below{flex-direction:column}}.indiService .below .info-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;width:50%}@media (min-width: 768px) and (max-width: 1024px){.indiService .below .info-card{width:100%}}@media (min-width: 480px) and (max-width: 768px){.indiService .below .info-card{width:100%}}@media (min-width: 320px) and (max-width: 480px){.indiService .below .info-card{width:100%}}.indiService .below .info-card .cardHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media (min-width: 320px) and (max-width: 480px){.indiService .below .info-card .cardHeading{flex-direction:column}}.indiService .below .info-card .cardHeading h3,.indiService .below .info-card h3{font-size:20px;font-weight:600;color:#d8ac01;margin-bottom:15px}.indiService .below .info-card .info-row{display:flex;justify-content:space-between;font-size:16px;margin-bottom:12px;color:#555}.indiService .below .info-card .info-row strong{color:#333;font-weight:600}.indiService .below .info-card .info-row p{display:flex;align-items:center;gap:5px}.indiService .below .info-card .info-row p svg{color:#d8ac01}.indiService .below .info-card .info-row .high{color:red;font-weight:600}.indiService .below .info-card .info-row .medium{color:#d8ac01;font-weight:600}.indiService .below .info-card .info-row .low{color:green;font-weight:600}.indiService .below .info-card .parts{display:flex;flex-direction:column;gap:5px}.indiService .below .info-card ul{padding-left:20px}.indiService .below .info-card ul li{font-size:14px;color:#555;list-style-type:none;margin-bottom:8px}.indiService .below .info-card .photos{display:flex;gap:15px;margin-top:20px}.indiService .below .info-card .photos img{width:100%;height:auto;object-fit:cover;border-radius:10px;box-shadow:0 2px 5px #0000001a;max-width:150px}.technicians{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.875rem 1.25rem!important;align-items:unset;height:unset}.technicians .technicianHeading{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between}.technicians .AssignTaskPopup{top:40%}.technicians .TechnicianTable table tbody tr td .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:center}.technicians .TechnicianTable table tbody tr .name{text-align:left;padding-left:10px;font-weight:600}@media (min-width: 768px) and (max-width: 1024px){.technicians .TechnicianTable{overflow-x:scroll}}@media (min-width: 320px) and (max-width: 480px){.technicians{align-items:unset!important;overflow-x:scroll}}@media (min-width: 768px) and (max-width: 1024px){.technicians .TechnicianTable table{width:max-content}}.AddCustomerPopup{background:#fff;border-radius:8px;max-width:600px}.AddCustomerPopup h3{font-size:24px;font-weight:600;color:#333;text-align:center}.AddCustomerPopup form{display:flex;flex-wrap:wrap;gap:20px}.AddCustomerPopup form .left,.AddCustomerPopup form .right{flex:1;min-width:250px}.AddCustomerPopup form .left .formGroup .custom-select .custom-select-container .custom-dropdown{max-height:200px}.AddCustomerPopup form .formGroup{margin-bottom:15px}.AddCustomerPopup form .formGroup label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:5px}.AddCustomerPopup form .formGroup input,.AddCustomerPopup form .formGroup .customSelect{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;transition:border-color .3s ease}.AddCustomerPopup form .formGroup input:disabled,.AddCustomerPopup form .formGroup .customSelect:disabled{background-color:#e9e9e9;cursor:not-allowed}.AddCustomerPopup form .formGroup input:focus,.AddCustomerPopup form .formGroup .customSelect:focus{outline:none;border-color:#007bff}.AddCustomerPopup form .formGroup .customSelect{background-color:#fff;cursor:pointer}.AddCustomerPopup .btns{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.addTechnician{top:35%;display:flex;flex-direction:column;align-items:center;gap:.625rem;min-width:400px}@media (min-width: 768px) and (max-width: 1024px){.addTechnician{top:45%}}@media (min-width: 320px) and (max-width: 480px){.addTechnician{top:45%;min-width:350px}}.addTechnician h3{text-align:center;font-size:20px;font-weight:700;color:#403402;text-decoration:underline}.addTechnician form{display:flex;flex-direction:column;align-items:center;gap:20px;align-items:unset;width:100%}.addTechnician form .form-group{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.addTechnician form .form-group label{font-size:14px;font-weight:500;color:#403402}.addTechnician form .form-group input{width:100%;padding:10px;border-radius:10px;font-size:14px;color:gray;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border:none;outline:none;transition:border .3s}.addTechnician .btns{display:flex;flex-direction:row;align-items:center;gap:.625rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;flex-direction:column;gap:20px}.login-container .goHome{display:flex;align-self:start;margin-left:10%}.login-container .login-content{display:flex;width:100%;max-width:1200px;min-height:600px;background-color:#fff;border-radius:16px;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;overflow:hidden}.login-container .metrics-container{position:relative;width:50%;background-color:#f8f8f8;padding:40px;display:flex;flex-direction:column}.login-container .metrics-container .logo-section{margin-bottom:20px}.login-container .metrics-container .logo-section .logo{display:flex;align-items:center;text-decoration:none;color:#403402;font-weight:600}.login-container .metrics-container .logo-section .logo .vuexy-logo{margin-right:10px}.login-container .metrics-container .logo-section .logo img{width:40px}.login-container .metrics-container .logo-section .logo h3{font-size:24px;margin:0}.login-container .metrics-container .metric-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000000d;margin-bottom:20px;position:relative;z-index:2;max-width:250px}.login-container .metrics-container .metric-card .metric-header{margin-bottom:15px}.login-container .metrics-container .metric-card .metric-header p{margin:0;font-size:16px;font-weight:600;color:#5e5873}.login-container .metrics-container .metric-card .metric-header .metric-subtitle{font-size:14px;font-weight:400;color:#6e6b7b}.login-container .metrics-container .metric-card .metric-chart{margin-bottom:15px}.login-container .metrics-container .metric-card .metric-value{display:flex;align-items:center;justify-content:space-between}.login-container .metrics-container .metric-card .metric-value h2{margin:0;font-size:24px;font-weight:600;color:#5e5873}.login-container .metrics-container .metric-card .metric-value .metric-increase{font-size:12px;color:#28c76f;background-color:#28c76f1a;padding:2px 8px;border-radius:4px}.login-container .metrics-container .order-card{align-self:flex-end;max-width:250px;z-index:2}.login-container .metrics-container .character-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:300px;height:400px;display:flex;align-items:center;justify-content:center}.login-container .login-form-container{width:50%;padding:40px;display:flex;flex-direction:column;justify-content:center}.login-container .login-form-container .login-form-content{max-width:450px;margin:0 auto;width:100%}.login-container .login-form-container .welcome-heading{font-size:24px;font-weight:600;color:#403402;margin-bottom:10px}.login-container .login-form-container .welcome-heading span{color:#d8ac01}.login-container .login-form-container .welcome-text{font-size:14px;color:#6e6b7b;margin-bottom:30px}.login-container .login-form-container .login-form .form-group{margin-bottom:20px}.login-container .login-form-container .login-form .form-group label{display:block;margin-bottom:8px;font-size:14px;color:#5e5873}.login-container .login-form-container .login-form .form-group .form-control{width:100%;height:40px;border:1px solid #d8d6de;border-radius:6px;padding:0 12px;font-size:14px}.login-container .login-form-container .login-form .form-group .form-control:focus{outline:none;border-color:#7367f0;box-shadow:0 3px 10px #7367f01a}.login-container .login-form-container .login-form .form-group .password-input{position:relative}.login-container .login-form-container .login-form .form-group .password-input .eye-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-container .login-form-container .login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-container .login-form-container .login-form .form-options .remember-me{display:flex;align-items:center}.login-container .login-form-container .login-form .form-options .remember-me input{margin-right:8px}.login-container .login-form-container .login-form .form-options .remember-me label{font-size:14px;color:#6e6b7b}.login-container .login-form-container .login-form .form-options .forgot-link{font-size:14px;color:#7367f0;text-decoration:none}.login-container .login-form-container .login-form .form-options .forgot-link:hover{text-decoration:underline}.login-container .login-form-container .login-form .login-button{width:100%;height:40px;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:20px}.login-container .login-form-container .login-form .new-account{text-align:center;margin-bottom:20px}.login-container .login-form-container .login-form .new-account p{font-size:14px;color:#6e6b7b}.login-container .login-form-container .login-form .new-account p .create-account{color:#7367f0;text-decoration:none}.login-container .login-form-container .login-form .new-account p .create-account:hover{text-decoration:underline}.login-container .login-form-container .login-form .or-divider{position:relative;text-align:center;margin:20px 0}.login-container .login-form-container .login-form .or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#d8d6de}.login-container .login-form-container .login-form .or-divider span{position:relative;background-color:#fff;padding:0 10px;font-size:14px;color:#6e6b7b}.login-container .login-form-container .login-form .social-login{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.login-container .login-form-container .login-form .social-login .social-button{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid #d8d6de;background-color:#fff;cursor:pointer}.login-container .login-form-container .login-form .social-login .social-button:hover{background-color:#f8f8f8}.login-container .login-form-container .buy-now-container{position:absolute;bottom:20px;right:20px}.login-container .login-form-container .buy-now-container .buy-now-button{background-color:#ea5455;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer}.login-container .login-form-container .buy-now-container .buy-now-button:hover{background-color:#e73d3e}@media (max-width: 992px){.login-container .login-content{flex-direction:column}.login-container .metrics-container,.login-container .login-form-container{width:100%}.login-container .metrics-container{padding:20px;min-height:300px}.login-container .character-container{display:none}.login-container .metric-card{max-width:100%}}.emailRegisterForm{width:100%;padding:20px;background:#fff;border-radius:10px;display:flex;flex-direction:column}.emailRegisterForm .form-group{margin-bottom:16px}.emailRegisterForm .form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:5px;color:#333}.emailRegisterForm .form-group input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s ease-in-out}.emailRegisterForm .form-group input:focus{border-color:#007bff;outline:none}.emailRegisterForm .button-container{display:flex;justify-content:center;margin-top:10px}.billing{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.875rem 1.25rem!important;height:unset;align-items:unset}.billing .billingHeader{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between}.billing .invoice-table-container{width:100%}.billing .invoice-table-container table{cursor:pointer}.billing .invoice-table-container table tbody tr td{font-size:12px}.billing .invoice-table-container table tbody tr td .status{font-size:12px;font-weight:700}.billing .invoice-table-container table tbody tr td .status.paid{color:#2e7d32}.billing .invoice-table-container table tbody tr td .status.un-paid{color:#f57c00}.billing .invoice-table-container table tbody tr td .amount{font-weight:600;color:#403402;display:flex;flex-direction:row;align-items:center;gap:5px;justify-content:center}.billing .invoice-table-container table tbody tr td .amount svg{font-size:14px}.billing .invoice-table-container table tbody tr .invoice{font-weight:600;color:#403402}.invoice-filter{position:relative}.invoice-filter .filter-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.invoice-filter .filter-bar .filter-toggle{display:flex;align-items:center;cursor:pointer;font-weight:500;position:relative}.invoice-filter .filter-bar .filter-toggle svg{margin-right:5px}.invoice-filter .filter-bar .filter-toggle .filter-badge{position:absolute;top:-5px;right:-5px;width:10px;height:10px;border-radius:50%;background-color:#ff4757}.invoice-filter .advanced-filters{padding:20px;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.invoice-filter .advanced-filters .search-container{position:relative;margin-bottom:20px}.invoice-filter .advanced-filters .search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.invoice-filter .advanced-filters .search-container input{width:100%;padding:10px 40px 10px 36px;border-radius:6px;border:1px solid #ddd;font-size:14px}.invoice-filter .advanced-filters .search-container input:focus{outline:none;border-color:#d8ac01}.invoice-filter .advanced-filters .search-container .clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;cursor:pointer}.invoice-filter .advanced-filters .search-container .clear-search:hover{color:#333}.invoice-filter .advanced-filters .filter-row{display:flex;flex-wrap:wrap;margin-bottom:15px;gap:20px}.invoice-filter .advanced-filters .filter-row .filter-group{flex:1;min-width:150px}.invoice-filter .advanced-filters .filter-row .filter-group label{display:block;margin-bottom:8px;font-size:13px;color:#555;font-weight:500}.invoice-filter .advanced-filters .filter-row .filter-group select,.invoice-filter .advanced-filters .filter-row .filter-group input{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;background-color:#fff;font-size:14px}.invoice-filter .advanced-filters .filter-row .filter-group select:focus,.invoice-filter .advanced-filters .filter-row .filter-group input:focus{outline:none;border-color:#d8ac01}.invoice-filter .advanced-filters .filter-actions{display:flex;justify-content:flex-end;margin-top:15px;gap:10px}.invoice-filter .advanced-filters .filter-actions .clear-filters{padding:8px 15px;background-color:transparent;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px}.invoice-filter .advanced-filters .filter-actions .clear-filters:hover{background-color:#f5f5f5}.invoice-filter .advanced-filters .filter-actions .apply-filters{color:#fff;cursor:pointer;font-size:14px}@media (max-width: 768px){.invoice-filter .advanced-filters .filter-row{flex-direction:column;gap:15px}.invoice-filter .advanced-filters .filter-row .filter-group{width:100%}.invoice-filter .advanced-filters .filter-actions{flex-direction:column}.invoice-filter .advanced-filters .filter-actions button{width:100%;margin-bottom:10px}}.AddService{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.875rem 1.25rem!important;height:unset;align-items:unset}.AddService h2{text-align:center;text-decoration:underline;color:#403402}.AddService form{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:20px;box-shadow:#63636333 0 2px 8px;padding:30px;border-radius:10px}.AddService form .left,.AddService form .right{display:flex;flex-direction:column;align-items:unset;gap:1.25rem}.AddService form .left .formGroup,.AddService form .right .formGroup{display:flex;flex-direction:column}.AddService form .left .formGroup input,.AddService form .right .formGroup input{width:100%;border:none;outline:none;color:gray}.AddService form .left .formGroup input,.AddService form .left .formGroup select,.AddService form .left .formGroup textarea,.AddService form .right .formGroup input,.AddService form .right .formGroup select,.AddService form .right .formGroup textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}.AddService form .left .formGroup input:focus,.AddService form .left .formGroup select:focus,.AddService form .left .formGroup textarea:focus,.AddService form .right .formGroup input:focus,.AddService form .right .formGroup select:focus,.AddService form .right .formGroup textarea:focus{border-color:#d8ac01}.AddService form .left .formGroup textarea,.AddService form .right .formGroup textarea{resize:vertical;min-height:80px}.AddService form .left .formGroup label,.AddService form .right .formGroup label{font-size:14px;color:#555;margin-bottom:8px;display:block}.AddService form .left .formGroup input[type=checkbox],.AddService form .right .formGroup input[type=checkbox]{width:auto;color:#d8ac01}@media (min-width: 320px) and (max-width: 480px){.AddService form{grid-template-columns:repeat(1,minmax(250px,1fr))}}@media (min-width: 480px) and (max-width: 768px){.AddService form{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (min-width: 768px) and (max-width: 1024px){.AddService form{grid-template-columns:repeat(2,minmax(250px,1fr))}}.AddService .btns{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.AddService .btns .actions{display:flex;gap:10px}.updateService{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.875rem 1.25rem!important;height:unset;align-items:unset}.updateService h2{text-align:center;color:#333;text-decoration:underline}.updateService form{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;box-shadow:#63636333 0 2px 8px;padding:30px;border-radius:10px}.updateService form .left,.updateService form .right{display:flex;flex-direction:column;align-items:none;gap:1.25rem}@media (min-width: 320px) and (max-width: 480px){.updateService form{grid-template-columns:repeat(1,minmax(250px,1fr))}}@media (min-width: 480px) and (max-width: 768px){.updateService form{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (min-width: 768px) and (max-width: 1024px){.updateService form{grid-template-columns:repeat(2,minmax(250px,1fr))}}.updateService .formGroup{display:flex;flex-direction:column}.updateService .formGroup label{font-size:14px;color:#555;margin-bottom:8px;display:block}.updateService .formGroup input,.updateService .formGroup textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;outline:none}.updateService .formGroup input:focus,.updateService .formGroup textarea:focus{border-color:#d8ac01}.updateService .formGroup textarea{height:100px}.updateService .formGroup input[type=checkbox]{width:auto;color:#d8ac01}.updateService .btns{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.updateService .btns .actions{display:flex;gap:10px}.updateService .formGroup input[disabled]{background-color:#f2f2f2}.updateService .formGroup input[type=checkbox]{margin-top:5px}.invoice-page{height:unset;display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;padding:1.875rem 1.25rem!important}.invoice-page .invoice-container{background-color:#fff;border-radius:.5rem;box-shadow:#0000003d 0 3px 8px;padding:2rem;width:75%;cursor:pointer}.invoice-page .invoice-container .invoice-header{display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.invoice-page .invoice-container .invoice-header .company-info .logo{display:flex;align-items:center;margin-bottom:1.5rem}.invoice-page .invoice-container .invoice-header .company-info .logo h2{font-size:1.5rem;font-weight:600;color:#d8ac01}.invoice-page .invoice-container .invoice-header .company-info .address{color:#6e6b7b;font-size:14px;font-weight:500;line-height:1.5}.invoice-page .invoice-container .invoice-header .invoice-info .field{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.invoice-page .invoice-container .invoice-header .invoice-info .field label{font-weight:500;margin-right:1rem;min-width:100px;text-align:right;color:#6e6b7b}.invoice-page .invoice-container .invoice-header .invoice-info .field input{padding:10px;border:1px solid #ddd;border-radius:.25rem;font-size:14px;color:#6e6b7b;width:150px}.invoice-page .invoice-container .invoice-body .client-section{display:flex;justify-content:space-between;margin-bottom:2rem}.invoice-page .invoice-container .invoice-body .client-section h3{font-size:1rem;margin-bottom:1rem;font-weight:600}.invoice-page .invoice-container .invoice-body .client-section .invoice-to{width:50%}.invoice-page .invoice-container .invoice-body .client-section .invoice-to .dropdown{margin-bottom:1rem;width:80%}.invoice-page .invoice-container .invoice-body .client-section .invoice-to .dropdown .custom-select .custom-dropdown{overflow-y:scroll;max-height:300px;border-radius:5px}.invoice-page .invoice-container .invoice-body .client-section .invoice-to .client-info{color:#6e6b7b;font-size:14px;font-weight:500;line-height:1.5}.invoice-page .invoice-container .invoice-body .client-section .bill-to{flex:1}.invoice-page .invoice-container .invoice-body .client-section .bill-to .payment-info .field{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#6e6b7b}.invoice-page .invoice-container .invoice-body .client-section .bill-to .payment-info .field span{font-weight:500}.invoice-page .invoice-container .invoice-body .client-section .ship-to{width:50%}.invoice-page .invoice-container .invoice-body .client-section .ship-to .client-info{color:#6e6b7b;font-size:14px;font-weight:500;line-height:1.5}.invoice-page .invoice-container .invoice-body .items-section{margin-bottom:2rem}.invoice-page .invoice-container .invoice-body .items-section .items-header{display:grid;grid-template-columns:3fr 1fr 1fr 1fr .5fr;background-color:#f8f9fa;padding:1rem;border-radius:.25rem .25rem 0 0;font-weight:600;color:#6e6b7b}.invoice-page .invoice-container .invoice-body .items-section .item-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr .5fr;padding:1rem;border-bottom:1px solid #eee;align-items:center}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-name{display:flex;flex-direction:column;align-items:none;gap:.625rem;width:80%}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-name .custom-select .custom-dropdown{overflow-y:scroll;max-height:300px;border-radius:5px}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-name select{margin-bottom:.5rem;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;background-color:#fff;font-size:.9rem}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-name input{padding:.5rem;border:1px solid #ddd;border-radius:.25rem;font-size:.9rem}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-cost input,.invoice-page .invoice-container .invoice-body .items-section .item-row .item-hours input{width:90%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;font-size:.9rem}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-actions{display:flex;justify-content:center}.invoice-page .invoice-container .invoice-body .items-section .item-row .item-actions .remove-btn{background-color:transparent;border:none;color:#d8ac01;font-size:1.5rem;cursor:pointer}.invoice-page .invoice-container .invoice-body .items-section .discount-section{display:flex;justify-content:space-between;padding:1rem;align-items:center;background-color:#f8f9fa;color:#6e6b7b}.invoice-page .invoice-container .invoice-body .items-section .discount-section .discount-options{display:flex;gap:1rem}.invoice-page .invoice-container .invoice-body .items-section .discount-section .discount-options span{padding:5px 10px;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;font-size:.9rem}.invoice-page .invoice-container .invoice-body .items-section .discount-section .discount-options .active{background-color:#d8ac01;color:#fff}.invoice-page .invoice-container .invoice-body .items-section .add-item-btn{margin-top:1rem;cursor:pointer;width:fit-content}.invoice-page .invoice-container .invoice-body .invoice-footer{display:flex;justify-content:space-between}.invoice-page .invoice-container .invoice-body .invoice-footer .additional-info{flex:1}.invoice-page .invoice-container .invoice-body .invoice-footer .additional-info .salesperson{display:flex;align-items:center;margin-bottom:1rem}.invoice-page .invoice-container .invoice-body .invoice-footer .additional-info .salesperson label{margin-right:1rem;font-weight:500;color:#6e6b7b}.invoice-page .invoice-container .invoice-body .invoice-footer .additional-info .salesperson input{padding:.5rem;border:1px solid #ddd;border-radius:.25rem;font-size:.9rem;outline:none;color:#6e6b7b}.invoice-page .invoice-container .invoice-body .invoice-footer .additional-info .notes input{width:50%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;font-size:.9rem;outline:none;color:#6e6b7b}.invoice-page .invoice-container .invoice-body .invoice-footer .additional-info .generateBtn{margin-top:20px}.invoice-page .invoice-container .invoice-body .invoice-footer .invoice-summary{flex:0 0 200px}.invoice-page .invoice-container .invoice-body .invoice-footer .invoice-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.invoice-page .invoice-container .invoice-body .invoice-footer .invoice-summary .summary-row.total{font-weight:600;border-top:1px solid #eee;padding-top:.5rem;margin-top:.5rem}.invoice-page .invoice-container .items-section{margin:20px 0}.invoice-page .invoice-container .items-section .items-grid-container{display:flex;flex-direction:column;width:100%;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px}.invoice-page .invoice-container .items-section .items-grid-header{display:grid;grid-template-columns:5fr 1fr 1fr 1.5fr 1.5fr 1.5fr .5fr;background-color:#f9f9f9;font-weight:600;border-bottom:1px solid #e0e0e0}.invoice-page .invoice-container .items-section .items-grid-header .grid-cell{padding:10px;font-size:12px}.invoice-page .invoice-container .items-section .items-grid-row{display:grid;grid-template-columns:5fr 1fr 1fr 1.5fr 1.5fr 1.5fr .5fr;border-bottom:1px solid #e0e0e0}.invoice-page .invoice-container .items-section .items-grid-row:last-child{border-bottom:none}.invoice-page .invoice-container .items-section .items-grid-row .grid-cell{padding:8px;display:flex;align-items:center;border-right:1px solid #e0e0e0}.invoice-page .invoice-container .items-section .items-grid-row .grid-cell:last-child{border-right:none}.invoice-page .invoice-container .items-section .items-grid-row .grid-cell input,.invoice-page .invoice-container .items-section .items-grid-row .grid-cell select{width:100%;padding:5px;border:1px solid #ddd;border-radius:3px}.invoice-page .invoice-container .items-section .items-grid-row .grid-cell input:focus,.invoice-page .invoice-container .items-section .items-grid-row .grid-cell select:focus{outline:none;border-color:#d8ac01}.invoice-page .invoice-container .items-section .items-grid-row .grid-cell input[type=number]{text-align:right}.invoice-page .invoice-container .items-section .items-grid-row .item-description-cell{width:100%}.invoice-page .invoice-container .items-section .items-grid-row .item-with-description{display:flex;flex-direction:column;gap:8px;width:100%}.invoice-page .invoice-container .items-section .items-grid-row .item-with-description .item-description-input{margin-top:4px;width:100%}.invoice-page .invoice-container .items-section .items-grid-row .price-cell{justify-content:center;font-weight:500}.invoice-page .invoice-container .items-section .items-grid-row .action-cell{justify-content:center}.invoice-page .invoice-container .items-section .items-grid-row .remove-btn{background:none;border:none;color:#d8ac01;font-size:18px;cursor:pointer;padding:0 5px}.invoice-page .invoice-container .items-section .add-item-btn{border-radius:5px;transition:all .3s}.invoice-page .invoice-container .items-section .overall-discount-section{display:flex;align-items:center;margin:15px 0;justify-content:flex-end;color:#6e6b7b}.invoice-page .invoice-container .items-section .overall-discount-section span{font-size:14px;margin-right:10px;font-weight:500}.invoice-page .invoice-container .items-section .overall-discount-section .discount-options{display:flex}.invoice-page .invoice-container .items-section .overall-discount-section .discount-options span{margin-right:5px;padding:5px 10px;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:all .3s}.invoice-page .invoice-container .items-section .overall-discount-section .discount-options span.active{background-color:#d8ac01;color:#fff;border-color:#d8ac01}.invoice-page .invoice-container .items-section .overall-discount-section .discount-options span:hover:not(.active){background-color:#f0f0f0}.invoice-page .invoice-container .invoice-summary{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:15px}.invoice-page .invoice-container .invoice-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:5px}.invoice-page .invoice-container .invoice-summary .summary-row.total{font-weight:700;font-size:18px;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.invoice-page .tools{width:25%;display:flex;flex-direction:column;align-items:none;gap:.625rem}.invoice-page .tools .toolBtns{display:flex;flex-direction:column;align-items:none;gap:.625rem;background-color:#fff;padding:20px;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px}.invoice-page .tools .toolBtns button{text-transform:capitalize}.InvoicePreview{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.875rem 1.25rem!important;height:unset;align-items:unset}.invoice-preview-page{padding:20px}.invoice-preview-page .invoice-preview-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:none;gap:.625rem}.invoice-preview-page .invoice-preview-header .preview-actions{display:flex;justify-content:space-between;align-items:center}.invoice-preview-page .invoice-preview-header .preview-actions .action-buttons{display:flex;gap:10px}.invoice-preview-page .tax-invoice-container{padding:20px;border:1px solid #000;display:grid;grid-template-columns:1fr;grid-gap:0}.invoice-preview-page .tax-invoice-container>div{border:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-header{display:grid;grid-template-columns:60% 40%;min-height:200px}.invoice-preview-page .tax-invoice-container .invoice-header .company-info{display:flex;padding:15px;border-right:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-header .company-info .company-logo{margin-right:15px;width:80px;height:80px}.invoice-preview-page .tax-invoice-container .invoice-header .company-info .company-logo img{max-width:100%;height:auto}.invoice-preview-page .tax-invoice-container .invoice-header .company-info .company-details h2{margin:0 0 10px;font-size:18px}.invoice-preview-page .tax-invoice-container .invoice-header .company-info .company-details p{margin:2px 0;font-size:13px}.invoice-preview-page .tax-invoice-container .invoice-header .invoice-info{padding:15px}.invoice-preview-page .tax-invoice-container .invoice-header .invoice-info h2{margin:0 0 10px;font-size:20px;text-align:center}.invoice-preview-page .tax-invoice-container .invoice-header .invoice-info .original-copy{text-align:right;font-size:12px;margin-bottom:20px}.invoice-preview-page .tax-invoice-container .invoice-header .invoice-info .invoice-details .detail-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}.invoice-preview-page .tax-invoice-container .billing-shipping-info{display:grid;grid-template-columns:60% 40%;min-height:100px}.invoice-preview-page .tax-invoice-container .billing-shipping-info .bill-to,.invoice-preview-page .tax-invoice-container .billing-shipping-info .ship-to{padding:15px}.invoice-preview-page .tax-invoice-container .billing-shipping-info .bill-to h3,.invoice-preview-page .tax-invoice-container .billing-shipping-info .ship-to h3{margin:0 0 10px;font-size:16px;font-weight:700}.invoice-preview-page .tax-invoice-container .billing-shipping-info .bill-to p,.invoice-preview-page .tax-invoice-container .billing-shipping-info .ship-to p{margin:3px 0;font-size:14px}.invoice-preview-page .tax-invoice-container .billing-shipping-info .bill-to{border-right:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-items-section{display:grid;grid-template-columns:1fr}.invoice-preview-page .tax-invoice-container .invoice-items-section .items-header{display:grid;grid-template-columns:5% 45% 10% 15% 10% 15%;background-color:#f2f2f2;font-weight:700;border-bottom:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-items-section .items-header .item-col{padding:10px;text-align:center;font-size:14px;border-right:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-items-section .items-header .item-col:last-child{border-right:none}.invoice-preview-page .tax-invoice-container .invoice-items-section .item-row{display:grid;grid-template-columns:5% 45% 10% 15% 10% 15%;border-bottom:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-items-section .item-row .item-col{padding:10px;text-align:center;font-size:14px;border-right:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-items-section .item-row .item-col:last-child{border-right:none}.invoice-preview-page .tax-invoice-container .invoice-items-section .item-row .item-col.description{text-align:left}.invoice-preview-page .tax-invoice-container .invoice-items-section .subtotal-row{display:grid;grid-template-columns:50% 10% 15% 25%;background-color:#f2f2f2;font-weight:700;padding:10px;border-bottom:1px solid #000}.invoice-preview-page .tax-invoice-container .invoice-items-section .subtotal-row .subtotal-label{text-align:right;padding-right:10px}.invoice-preview-page .tax-invoice-container .invoice-items-section .subtotal-row .quantity-total,.invoice-preview-page .tax-invoice-container .invoice-items-section .subtotal-row .subtotal-amount,.invoice-preview-page .tax-invoice-container .invoice-items-section .subtotal-row .total-amount{text-align:center;padding:0 10px}.invoice-preview-page .tax-invoice-container .bank-calculation-section{display:grid;grid-template-columns:50% 50%}.invoice-preview-page .tax-invoice-container .bank-calculation-section .bank-details{padding:15px;border-right:1px solid #000}.invoice-preview-page .tax-invoice-container .bank-calculation-section .bank-details h3{margin:0 0 10px;font-size:14px;font-weight:700}.invoice-preview-page .tax-invoice-container .bank-calculation-section .bank-details .detail-row{display:flex;font-size:13px;margin-bottom:5px}.invoice-preview-page .tax-invoice-container .bank-calculation-section .bank-details .detail-row span:first-child{min-width:80px;font-weight:500}.invoice-preview-page .tax-invoice-container .bank-calculation-section .tax-calculations{padding:15px}.invoice-preview-page .tax-invoice-container .bank-calculation-section .tax-calculations .detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.invoice-preview-page .tax-invoice-container .bank-calculation-section .tax-calculations .detail-row.total{font-weight:700;font-size:14px;margin:8px 0}.invoice-preview-page .tax-invoice-container .bank-calculation-section .tax-calculations .amount-in-words{margin-top:15px;border-top:1px solid #ddd;padding-top:8px;font-style:italic;font-size:13px}.invoice-preview-page .tax-invoice-container .bank-calculation-section .tax-calculations .amount-in-words span{display:block}.invoice-preview-page .tax-invoice-container .bank-calculation-section .tax-calculations .amount-in-words span:first-child{font-weight:500;margin-bottom:4px}.invoice-preview-page .tax-invoice-container .terms-conditions{padding:15px}.invoice-preview-page .tax-invoice-container .terms-conditions h3{margin:0 0 10px;font-size:14px;font-weight:700}.invoice-preview-page .tax-invoice-container .terms-conditions .terms-list{margin:0;padding-left:20px;font-size:12px}.invoice-preview-page .tax-invoice-container .terms-conditions .terms-list li{margin-bottom:3px}@media print{.invoice-preview-page .preview-actions{display:none!important}.invoice-preview-page .invoice-preview-container{box-shadow:none;margin:0;padding:0}}.parties{height:unset;flex-direction:column;padding:1.875rem 1.25rem!important;align-items:unset}.parties .partiesHeading{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between}.parties .partiesHeading{display:flex;justify-content:space-between;align-items:center}.parties .partiesHeading .filterSection{display:flex;gap:16px;width:100%;justify-content:space-between}.parties .partiesHeading .filterSection .filterToggle{display:flex;align-items:center;cursor:pointer;transition:all .3s}.parties .partiesHeading .filterSection .filterToggle .filterIcon{margin-left:8px}.parties .inlineFilterPanel{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:16px;margin-bottom:20px}.parties .inlineFilterPanel .filterGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.parties .inlineFilterPanel .filterGrid .filterField label{display:block;margin-bottom:4px;font-weight:500;font-size:14px}.parties .inlineFilterPanel .filterGrid .filterField input,.parties .inlineFilterPanel .filterGrid .filterField select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.parties .inlineFilterPanel .filterGrid .filterField input:focus,.parties .inlineFilterPanel .filterGrid .filterField select:focus{outline:none;border-color:#d8ac01}.parties .inlineFilterPanel .filterActions{display:flex;justify-content:space-between;align-items:center}.parties .inlineFilterPanel .filterActions .filterStats{font-size:14px;color:#777}.parties .partiesTable{overflow-x:auto}.parties .partiesTable table .actionButtons{display:flex;justify-content:center;gap:8px}@media (max-width: 768px){.parties .filterGrid{grid-template-columns:1fr!important}.parties .filterActions{flex-direction:column;gap:12px}.parties .filterActions .filterStats{text-align:center}}.items{height:unset;flex-direction:column;padding:1.875rem 1.25rem!important;align-items:unset}.items .itemsHeading{display:flex;flex-direction:row;align-items:center;gap:.625rem;justify-content:space-between}.items .itemsHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.items .itemsHeading .filterSection{display:flex;gap:16px;width:100%;justify-content:space-between}.items .itemsHeading .filterSection .filterToggle{display:flex;align-items:center;cursor:pointer;transition:all .3s}.items .itemsHeading .filterSection .filterToggle .filterIcon{margin-left:8px}.items .inlineFilterPanel{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:16px;margin-bottom:20px}.items .inlineFilterPanel .filterGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.items .inlineFilterPanel .filterGrid .filterField label{display:block;margin-bottom:4px;font-weight:500;font-size:14px}.items .inlineFilterPanel .filterGrid .filterField input,.items .inlineFilterPanel .filterGrid .filterField select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.items .inlineFilterPanel .filterGrid .filterField input:focus,.items .inlineFilterPanel .filterGrid .filterField select:focus{outline:none;border-color:#4a90e2}.items .inlineFilterPanel .filterActions{display:flex;justify-content:space-between;align-items:center}.items .inlineFilterPanel .filterActions .filterStats{font-size:14px;color:#777}.items .itemsTable{overflow-x:auto}.items .itemsTable table .actionButtons{display:flex;justify-content:center;gap:8px}@media (max-width: 768px){.items .filterGrid{grid-template-columns:1fr!important}.items .filterActions{flex-direction:column;gap:12px}.items .filterActions .filterStats{text-align:center}}.text-primary,.hover-primary:hover,.bg-primary{color:#d8ac01}.hover-primary-light-1:hover{color:#dcb41a}.hover-primary-light-2:hover{color:#e0bd34}.hover-primary-light-3:hover{color:#e4c54d}.hover-primary-light-4:hover{color:#e8cd67}.hover-primary-light-5:hover{color:#ecd680}.hover-primary-light-6:hover{color:#efde99}.hover-primary-light-7:hover{color:#f3e6b3}.hover-primary-light-8:hover{color:#f7eecc}.hover-primary-light-9:hover{color:#fbf7e6}.hover-primary-dark-1:hover{color:#c29b01}.hover-primary-dark-2:hover{color:#ad8a01}.hover-primary-dark-3:hover{color:#977801}.hover-primary-dark-4:hover{color:#826701}.hover-primary-dark-5:hover{color:#6c5601}.hover-primary-dark-6:hover{color:#564500}.hover-primary-dark-7:hover{color:#413400}.hover-primary-dark-8:hover{color:#2b2200}.hover-primary-dark-9:hover{color:#161100}.text-secondary,.hover-secondary:hover,.bg-secondary{color:#fff}.text-tertiary,.hover-tertiary:hover,.bg-tertiary{color:#403402}.hover-tertiary-light-1:hover{color:#53481b}.hover-tertiary-light-2:hover{color:#665d35}.hover-tertiary-light-3:hover{color:#79714e}.hover-tertiary-light-4:hover{color:#8c8567}.hover-tertiary-light-5:hover{color:#a09a81}.hover-tertiary-light-6:hover{color:#b3ae9a}.hover-tertiary-light-7:hover{color:#c6c2b3}.hover-tertiary-light-8:hover{color:#d9d6cc}.hover-tertiary-light-9:hover{color:#ecebe6}.hover-tertiary-dark-1:hover{color:#3a2f02}.hover-tertiary-dark-2:hover{color:#332a02}.hover-tertiary-dark-3:hover{color:#2d2401}.hover-tertiary-dark-4:hover{color:#261f01}.hover-tertiary-dark-5:hover{color:#201a01}.hover-tertiary-dark-6:hover{color:#1a1501}.hover-tertiary-dark-7:hover{color:#131001}.hover-tertiary-dark-8:hover{color:#0d0a00}.hover-tertiary-dark-9:hover{color:#060500}.text-error,.hover-error:hover,.bg-error{color:red}.hover-error-light-1:hover{color:#ff1a1a}.hover-error-light-2:hover{color:#f33}.hover-error-light-3:hover{color:#ff4d4d}.hover-error-light-4:hover{color:#f66}.hover-error-light-5:hover{color:#ff8080}.hover-error-light-6:hover{color:#f99}.hover-error-light-7:hover{color:#ffb3b3}.hover-error-light-8:hover{color:#fcc}.hover-error-light-9:hover{color:#ffe6e6}.hover-error-dark-1:hover{color:#e60000}.hover-error-dark-2:hover{color:#c00}.hover-error-dark-3:hover{color:#b30000}.hover-error-dark-4:hover{color:#900}.hover-error-dark-5:hover{color:maroon}.hover-error-dark-6:hover{color:#600}.hover-error-dark-7:hover{color:#4d0000}.hover-error-dark-8:hover{color:#300}.hover-error-dark-9:hover{color:#1a0000}.text-blue,.hover-blue:hover,.bg-blue{color:#1919e6}.hover-blue-light-1:hover{color:#3030e9}.hover-blue-light-2:hover{color:#4747eb}.hover-blue-light-3:hover{color:#5e5eee}.hover-blue-light-4:hover{color:#7575f0}.hover-blue-light-5:hover{color:#8c8cf3}.hover-blue-light-6:hover{color:#a3a3f5}.hover-blue-light-7:hover{color:#babaf8}.hover-blue-light-8:hover{color:#d1d1fa}.hover-blue-light-9:hover{color:#e8e8fd}.hover-blue-dark-1:hover{color:#1717cf}.hover-blue-dark-2:hover{color:#1414b8}.hover-blue-dark-3:hover{color:#1212a1}.hover-blue-dark-4:hover{color:#0f0f8a}.hover-blue-dark-5:hover{color:#0d0d73}.hover-blue-dark-6:hover{color:#0a0a5c}.hover-blue-dark-7:hover{color:#080845}.hover-blue-dark-8:hover{color:#05052e}.hover-blue-dark-9:hover{color:#030317}.text-red,.hover-red:hover,.bg-red{color:#e61919}.hover-red-light-1:hover{color:#e93030}.hover-red-light-2:hover{color:#eb4747}.hover-red-light-3:hover{color:#ee5e5e}.hover-red-light-4:hover{color:#f07575}.hover-red-light-5:hover{color:#f38c8c}.hover-red-light-6:hover{color:#f5a3a3}.hover-red-light-7:hover{color:#f8baba}.hover-red-light-8:hover{color:#fad1d1}.hover-red-light-9:hover{color:#fde8e8}.hover-red-dark-1:hover{color:#cf1717}.hover-red-dark-2:hover{color:#b81414}.hover-red-dark-3:hover{color:#a11212}.hover-red-dark-4:hover{color:#8a0f0f}.hover-red-dark-5:hover{color:#730d0d}.hover-red-dark-6:hover{color:#5c0a0a}.hover-red-dark-7:hover{color:#450808}.hover-red-dark-8:hover{color:#2e0505}.hover-red-dark-9:hover{color:#170303}.text-yellow,.hover-yellow:hover,.bg-yellow{color:#e6e619}.hover-yellow-light-1:hover{color:#e9e930}.hover-yellow-light-2:hover{color:#ebeb47}.hover-yellow-light-3:hover{color:#eeee5e}.hover-yellow-light-4:hover{color:#f0f075}.hover-yellow-light-5:hover{color:#f3f38c}.hover-yellow-light-6:hover{color:#f5f5a3}.hover-yellow-light-7:hover{color:#f8f8ba}.hover-yellow-light-8:hover{color:#fafad1}.hover-yellow-light-9:hover{color:#fdfde8}.hover-yellow-dark-1:hover{color:#cfcf17}.hover-yellow-dark-2:hover{color:#b8b814}.hover-yellow-dark-3:hover{color:#a1a112}.hover-yellow-dark-4:hover{color:#8a8a0f}.hover-yellow-dark-5:hover{color:#73730d}.hover-yellow-dark-6:hover{color:#5c5c0a}.hover-yellow-dark-7:hover{color:#454508}.hover-yellow-dark-8:hover{color:#2e2e05}.hover-yellow-dark-9:hover{color:#171703}.text-green,.hover-green:hover,.bg-green{color:#19e635}.hover-green-light-1:hover{color:#30e949}.hover-green-light-2:hover{color:#47eb5d}.hover-green-light-3:hover{color:#5eee72}.hover-green-light-4:hover{color:#75f086}.hover-green-light-5:hover{color:#8cf39a}.hover-green-light-6:hover{color:#a3f5ae}.hover-green-light-7:hover{color:#baf8c2}.hover-green-light-8:hover{color:#d1fad7}.hover-green-light-9:hover{color:#e8fdeb}.hover-green-dark-1:hover{color:#17cf30}.hover-green-dark-2:hover{color:#14b82a}.hover-green-dark-3:hover{color:#12a125}.hover-green-dark-4:hover{color:#0f8a20}.hover-green-dark-5:hover{color:#0d731b}.hover-green-dark-6:hover{color:#0a5c15}.hover-green-dark-7:hover{color:#084510}.hover-green-dark-8:hover{color:#052e0b}.hover-green-dark-9:hover{color:#031705}.text-pink,.hover-pink:hover,.bg-pink{color:pink}.hover-pink-light-1:hover{color:#ffc6d0}.hover-pink-light-2:hover{color:#ffcdd5}.hover-pink-light-3:hover{color:#ffd3db}.hover-pink-light-4:hover{color:#ffd9e0}.hover-pink-light-5:hover{color:#ffe0e5}.hover-pink-light-6:hover{color:#ffe6ea}.hover-pink-light-7:hover{color:#ffecef}.hover-pink-light-8:hover{color:#fff2f5}.hover-pink-light-9:hover{color:#fff9fa}.hover-pink-dark-1:hover{color:#e6adb7}.hover-pink-dark-2:hover{color:#cc9aa2}.hover-pink-dark-3:hover{color:#b3868e}.hover-pink-dark-4:hover{color:#99737a}.hover-pink-dark-5:hover{color:#806066}.hover-pink-dark-6:hover{color:#664d51}.hover-pink-dark-7:hover{color:#4d3a3d}.hover-pink-dark-8:hover{color:#332629}.hover-pink-dark-9:hover{color:#1a1314}.text-orange,.hover-orange:hover,.bg-orange{color:#ffa600}.hover-orange-light-1:hover{color:#ffaf1a}.hover-orange-light-2:hover{color:#ffb833}.hover-orange-light-3:hover{color:#ffc14d}.hover-orange-light-4:hover{color:#ffca66}.hover-orange-light-5:hover{color:#ffd380}.hover-orange-light-6:hover{color:#ffdb99}.hover-orange-light-7:hover{color:#ffe4b3}.hover-orange-light-8:hover{color:#ffedcc}.hover-orange-light-9:hover{color:#fff6e6}.hover-orange-dark-1:hover{color:#e69500}.hover-orange-dark-2:hover{color:#cc8500}.hover-orange-dark-3:hover{color:#b37400}.hover-orange-dark-4:hover{color:#996400}.hover-orange-dark-5:hover{color:#805300}.hover-orange-dark-6:hover{color:#664200}.hover-orange-dark-7:hover{color:#4d3200}.hover-orange-dark-8:hover{color:#332100}.hover-orange-dark-9:hover{color:#1a1100}.text-purple,.hover-purple:hover,.bg-purple{color:#90f}.hover-purple-light-1:hover{color:#a31aff}.hover-purple-light-2:hover{color:#ad33ff}.hover-purple-light-3:hover{color:#b84dff}.hover-purple-light-4:hover{color:#c266ff}.hover-purple-light-5:hover{color:#cc80ff}.hover-purple-light-6:hover{color:#d699ff}.hover-purple-light-7:hover{color:#e0b3ff}.hover-purple-light-8:hover{color:#ebccff}.hover-purple-light-9:hover{color:#f5e6ff}.hover-purple-dark-1:hover{color:#8a00e6}.hover-purple-dark-2:hover{color:#7a00cc}.hover-purple-dark-3:hover{color:#6b00b3}.hover-purple-dark-4:hover{color:#5c0099}.hover-purple-dark-5:hover{color:#4d0080}.hover-purple-dark-6:hover{color:#3d0066}.hover-purple-dark-7:hover{color:#2e004d}.hover-purple-dark-8:hover{color:#1f0033}.hover-purple-dark-9:hover{color:#0f001a}.text-gray,.hover-gray:hover,.bg-gray{color:gray}.hover-gray-light-1:hover{color:#8d8d8d}.hover-gray-light-2:hover{color:#999}.hover-gray-light-3:hover{color:#a6a6a6}.hover-gray-light-4:hover{color:#b3b3b3}.hover-gray-light-5:hover{color:silver}.hover-gray-light-6:hover{color:#ccc}.hover-gray-light-7:hover{color:#d9d9d9}.hover-gray-light-8:hover{color:#e6e6e6}.hover-gray-light-9:hover{color:#f2f2f2}.hover-gray-dark-1:hover{color:#737373}.hover-gray-dark-2:hover{color:#666}.hover-gray-dark-3:hover{color:#5a5a5a}.hover-gray-dark-4:hover{color:#4d4d4d}.hover-gray-dark-5:hover{color:#404040}.hover-gray-dark-6:hover{color:#333}.hover-gray-dark-7:hover{color:#262626}.hover-gray-dark-8:hover{color:#1a1a1a}.hover-gray-dark-9:hover{color:#0d0d0d}.text-black,.hover-black:hover,.bg-black{color:#000}.text-white,.hover-white:hover,.bg-white{color:#fff}.IndiPayment{display:flex;flex-direction:column;padding:1.875rem 1.25rem!important;align-items:flex-start;height:unset}.IndiPayment .payment-container{width:100%;display:flex;flex-direction:column;gap:1.5rem}.IndiPayment .payment-header{display:flex;justify-content:space-between;align-items:center;width:100%}.IndiPayment .payment-header h2{font-size:1.5rem;font-weight:600;color:#403402;margin:0}.IndiPayment .payment-header .btns{display:flex;gap:10px}.IndiPayment .payment-header .btns button{padding:.5rem 1rem;border-radius:.25rem;background-color:#d8ac01;color:#fff;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.IndiPayment .payment-header .btns button:hover{background-color:#a58401}.IndiPayment .payment-header .btns button:last-child{background-color:red}.IndiPayment .payment-header .btns button:last-child:hover{background-color:#c00}.IndiPayment .payment-card{width:100%;border-radius:.5rem;box-shadow:0 4px 6px #0000000d;background-color:#fff;border:1px solid #eaeaea;padding:1.5rem}.IndiPayment .details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (max-width: 480px){.IndiPayment .details-grid{grid-template-columns:repeat(2,1fr)}}.IndiPayment .details-grid .detail-item{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 480px){.IndiPayment .details-grid .detail-item.detail-item-full{grid-column:span 2}}.IndiPayment .details-grid .detail-item label{font-size:.875rem;color:gray;font-weight:400}.IndiPayment .details-grid .detail-item p{font-size:1rem;font-weight:500;color:gray;margin:0}.IndiPayment .details-grid .detail-item p.amount{font-size:1.125rem;font-weight:600;color:#d8ac01}.IndiPayment .details-grid .detail-item p.status-completed{color:#10b981;font-weight:600}.IndiPayment .details-grid .detail-item p.status-pending{color:#f59e0b;font-weight:600}.IndiPayment .details-grid .detail-item p.status-failed{color:#ef4444;font-weight:600}.IndiPayment .details-grid .detail-item p.status-default{color:#6b7280;font-weight:600}.IndiPayment .popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.IndiPayment .popup{background-color:#fff;border-radius:.5rem;padding:1.5rem;width:90%;max-width:500px;box-shadow:0 10px 25px #0000001a}.IndiPayment .popup .popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.IndiPayment .popup .popup-header h3{font-size:1.25rem;font-weight:600;color:#d8ac01;margin:0}.IndiPayment .popup .popup-header .close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:0}.IndiPayment .popup .popup-header .close-btn:hover{color:#1f2937}.IndiPayment .popup form{display:flex;flex-direction:column;gap:1rem}.IndiPayment .popup .form-group{display:flex;flex-direction:column;gap:.5rem}.IndiPayment .popup .form-group label{font-size:.875rem;color:gray}.IndiPayment .popup .form-group input,.IndiPayment .popup .form-group select{padding:.625rem;border:1px solid #e5e7eb;border-radius:.25rem;font-size:1rem}.IndiPayment .popup .form-group input:focus,.IndiPayment .popup .form-group select:focus{outline:none;border-color:#d8ac01;box-shadow:0 0 0 2px #d8ac011a}.IndiPayment .popup .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.IndiPayment .popup .form-actions button{padding:.5rem 1rem;border-radius:.25rem;background-color:#e5e7eb;color:#1f2937;border:none;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.IndiPayment .popup .form-actions button.primary-btn{background-color:#d8ac01;color:#fff}.IndiPayment .popup .form-actions button.primary-btn:hover{background-color:#a58401}.IndiPayment .popup .form-actions button.primary-btn:disabled{opacity:.6;cursor:not-allowed}.IndiPayment .popup .form-actions button.delete-btn{background-color:red;color:#fff}.IndiPayment .popup .form-actions button.delete-btn:hover{background-color:#c00}.IndiPayment .popup .form-actions button.delete-btn:disabled{opacity:.6;cursor:not-allowed}.IndiPayment .delete-popup .popup-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.IndiPayment .delete-popup .popup-content .warning-icon{color:red;width:40px;height:40px}.IndiPayment .delete-popup .popup-content p{color:gray;margin:0}.IndiPayment .delete-popup .popup-content p.transaction-id{font-family:monospace;background-color:#f3f4f6;padding:.5rem;border-radius:.25rem}