.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#f1f7fc;font-family:Poppins,sans-serif}header{align-items:center;background:#0000;box-shadow:0 4px 8px #0000001a;color:#000;display:flex;justify-content:space-between;padding:20px 40px;position:absolute;width:100%}.header .logo{color:#f4a261;font-size:2rem;font-weight:700}.nav-links{gap:20px}.nav-links a{font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-links a,.nav-links a:hover{color:#f4a261}.contact-button{border-radius:25px;font-size:1.1rem;padding:12px 25px;transition:background-color .3s ease}.hero-content-h1{-webkit-text-stroke:5px #000}.contact-button:hover{background-color:#1b4d35}.sectioncombine{background-image:url(https://img.freepik.com/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305340.jpg?t=st=1736764886~exp=1736768486~hmac=ef11bc0b6413779fa02e1c4eeb291ea35b1f8c3b2deff1c3e84fc84d1df70012&w=996)}.hero-section,.sectioncombine{background-repeat:no-repeat;background-size:cover}.hero-section{background-position:50%;color:#fff;padding:120px 40px;text-align:center;width:100%}.hero-section .hero-content h1{font-size:4rem;font-weight:700;letter-spacing:2px}.hero-section .hero-content p{color:#f1f7fc;font-size:1.5rem;font-weight:400;margin-top:10px}.features-section{align-items:center;background-color:#fff;box-shadow:0 10px 20px #0000000d;display:flex;justify-content:space-evenly;padding:80px 20px}.features-section .feature{border-radius:14px;box-shadow:2px 5px 7px #0000001a;text-align:center;transition:transform .3s ease}.features-section .feature:hover{transform:translateY(-10px)}.features-section .feature img{border-radius:50%;height:90px;margin-bottom:20px;object-fit:cover;width:90px}.features-section .feature p{color:#333;font-size:1.2rem;font-weight:500;margin-top:10px}.services{background-color:#f8f9fa;display:flex;justify-content:space-evenly;padding:100px 20px}.service{background:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;padding:40px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:22%}.service:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.service img{border-radius:50%;height:80px;margin-bottom:20px;object-fit:cover;width:80px}.service h3{color:#333;font-size:1.3rem;font-weight:600}.loan-application-container{background-color:#fff;padding:60px 20px;text-align:center}.loan-application-container h1{color:#333;font-size:2.5rem;font-weight:700}.loan-application-container h2{color:#777;font-size:1.2rem;margin-top:10px}.loan-form{align-items:center;background:#f8f9fa;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:550px;padding:40px}.loan-form input,.loan-form select{border:1px solid #ccc;border-radius:10px;font-size:1.1rem;margin-bottom:20px;padding:14px 20px;transition:all .3s ease;width:100%}.loan-form input:focus,.loan-form select:focus{border-color:#3c9;box-shadow:0 4px 8px #33cc994d}.loan-form button{background-color:#2d6a4f;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:15px 30px;transition:all .3s ease;width:100%}.loan-form button:hover{background-color:#1b4d35;transform:translateY(-5px)}.loan-form button:active{transform:translateY(2px)}@media (max-width:1024px){header{padding:15px 20px}.nav-links,header{flex-direction:column}.nav-links{align-items:center}.hero-section{padding:100px 30px}.hero-section .hero-content h1{font-size:3rem}.hero-section .hero-content p{font-size:1.3rem}.features-section{flex-direction:column;padding:60px 20px}.features-section .feature{margin-bottom:30px}.services{flex-direction:column;padding:80px 20px}.service{margin-bottom:40px;width:80%}.loan-form{padding:30px;width:90%}}@media (max-width:768px){header{padding:10px 15px}.nav-links,header{flex-direction:column}.nav-links{margin-top:10px;text-align:center}.nav-links a{font-size:1rem;margin:10px 0}.hero-section{padding:80px 20px}.hero-section .hero-content h1{font-size:2.5rem}.hero-section .hero-content p{font-size:1.2rem}.features-section{flex-direction:column;padding:60px 20px}.features-section .feature{margin-bottom:30px}.services{flex-direction:column;padding:80px 20px}.service{margin-bottom:30px;width:90%}.loan-form{padding:25px;width:85%}}@media (max-width:480px){header{padding:10px 15px}.nav-links,header{flex-direction:column}.nav-links{margin-top:10px;text-align:center}.hero-content-h1{-webkit-text-stroke:2px #000}.nav-links a{font-size:1rem;margin:10px 0}.hero-section{padding:60px 20px}.hero-section .hero-content h1{font-size:2rem}.hero-section .hero-content p{font-size:1rem}.features-section,.services{align-items:center;flex-direction:column;padding:50px 20px}.service{margin-bottom:30px;width:100%}.loan-form{padding:20px;width:90%}}@media (max-width:320px){.hero-section{padding:50px 15px}.hero-section .hero-content h1{font-size:1.8rem}.hero-content-h1{-webkit-text-stroke:2px #000}.hero-section .hero-content p{font-size:1rem}.loan-form{padding:15px;width:90%}}.Home_marquee{background-color:hsla(0,0%,50%,.447);height:50px}.Home_marquee h1{color:#ee82b6;font-size:25px;font-weight:700;margin-top:12px}.footer{background-color:#282c34;padding:10px 0}.footer-content{margin:0 auto;max-width:800px}.footer-title{margin-bottom:8px}.footer-text,.footer-title{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}.footer-text{margin-bottom:10px}.footer-socials{display:flex;gap:10px;justify-content:center}.social-link{color:#fff;font-size:16px;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#61dafb}.header1{align-items:center;background:#0000;background-color:"";display:flex;justify-content:space-between;padding:16px;position:relative}.logo{color:#f4a261;flex:1 1;font-size:28px;font-weight:700;text-align:left}.nav-links{flex:2 1;position:relative}.nav-links,.navbar-list{display:flex;justify-content:space-around}.navbar-list{font-size:1.2rem;font-weight:700;list-style:none;margin:0;padding:0;transition:all .3s ease-in-out}.navbar-item{margin:0;padding:5px}.navbar-item a{color:#f4a261;padding:10px;text-decoration:none}.navbar-item a:hover{background-color:#fff;border-radius:10px}.contact-button{background:#0000;border:none;color:#f4a261;cursor:pointer;padding:10px 20px}.contact-button:hover{background-color:#fff}.hamburger-icon{color:#fff;cursor:pointer;display:none;font-size:24px;text-align:left}@media (max-width:768px){.nav-links,.navbar-list{flex-direction:column}.navbar-list{background-color:#1976d2;display:none;left:0;position:absolute;top:50px;width:100%}.navbar-list.open{display:flex}.hero-content-h1{-webkit-text-stroke:2px #000}.hamburger-icon{display:block}}body{text-align:center}.transit-h1{color:#333;font-size:35px;font-weight:700;margin-top:20px;padding:10px 0}.transit-table{border-collapse:collapse;margin:20px auto;overflow-x:auto;width:90%}.transit-tr th{background-color:#343a40}.transit-tabl th,td{padding:10px;text-align:center}th{background-color:#000;color:#fff}td{background-color:#f0f8ff}.transit-add-btn{background-color:#343a40;border-radius:12px;font-weight:700;margin:10px 0}.transit-add-btn .transit-link{border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none}.delete-btn,.update-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.delete-btn:hover,.transit-add-btn:hover{background-color:#666}.delete-btn{background-color:#f44336}.delete-btn:hover{background-color:#d32f2f}p{color:#666;font-size:14px;margin:10px 0}@media (max-width:768px){table{display:block;overflow-x:auto;width:100%}td,th{font-size:12px;padding:8px}.add-btn a{font-size:14px;padding:8px 16px}.delete-btn,.update-btn{font-size:12px;padding:4px 8px}h1{font-size:18px}.App{padding:10px}td:first-child,th:first-child{display:none}}.navbar{background:#0000}.navbar-brand{color:#fff}.navbar-toggler{border-color:#fff}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E")}.nav-link{color:#fff}.nav-link.active{font-weight:700}.nav-item{margin:0 1rem}@media (max-width:768px){.navbar-nav{text-align:center}.nav-item{margin:.5rem 0}}.body-container{font-family:Arial,sans-serif;text-align:center}.customerlist-table-container{-ms-overflow-style:none;margin:20px auto;overflow-x:auto;scrollbar-width:none;width:100%}.customerlist-table-container::-webkit-scrollbar{display:none}.customerlist-table{border-collapse:collapse;width:100%}.customerlist-title{font-size:35px;font-weight:700;padding:10px 0}.customerlist-header{background-color:#333;color:#fff;padding:10px;text-align:center}.customerlist-cell{background-color:#f0f8ff;padding:10px;text-align:center}.customerlist-title{color:#333;margin-top:20px}*{box-sizing:border-box;margin:0;padding:0}.h1{font-size:2.5rem;margin-top:50px;padding:30px;text-align:center}.header5{align-items:center;background-color:#f4f4f4;background-image:url(https://img.freepik.com/free-photo/fitness-concept-with-dumbbells-frame_23-2148531434.jpg);background-repeat:no-repeat;background-size:cover;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.header2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;border-radius:10px;padding:20px}h2{color:#333;margin-bottom:20px;text-align:center}.form-group{display:flex;flex-direction:column}.form-group label{font-size:larger;padding-right:20px;padding-top:10px;width:100%}.form-group button{color:#000;font-size:medium;margin-bottom:5px;padding:6px;width:100%}.form-group input{border-radius:4px;height:2em;margin-bottom:1px}.btn1,.form-group input{background:#0000;font-size:16px}.btn1{border:2px solid #000;border-radius:20px;padding:10px;width:100%}.btn1:hover{background-color:gray}@media (max-width:1024px){.h1{font-size:2rem;padding:20px}.header5{padding:15px}.form-group button,.form-group input,.form-group label{font-size:medium}}@media (max-width:768px){.h1{font-size:1.8rem;padding:15px}.form-group button,.form-group input,.form-group label{font-size:smaller}.form-group input{height:2em}.form-group button{padding:8px}}@media (max-width:480px){.h1{font-size:1.5rem}.h1,.header5{padding:10px}.form-group{flex-direction:column}.form-group button,.form-group input,.form-group label{font-size:small}.btn{font-size:14px;padding:8px}}.container{flex-direction:row;height:80vh;justify-content:center}.container,.select-button-container{align-items:center;display:flex}select{background-color:#f8f9fa;border:2px solid #007bff;border-radius:5px;color:#333;font-size:16px;margin-right:10px;padding:10px;transition:all .3s ease;width:200px}select:focus{border-color:#0056b3;box-shadow:0 0 5px #007bff80}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}h1{color:#007bff;font-size:24px;text-align:center}.staff-form{background-color:#fff;border:1px solid #000;border-radius:20px;box-shadow:10px 10px 10px #0000001a;margin:5px auto;max-width:500px}.staff-form h2{background-color:#494545;border-bottom:2px solid #000;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;margin-bottom:20px;padding:20px 0;text-align:center}.form-group{margin-bottom:15px;padding:0 20px}.form-group label{display:block;font-weight:700;margin-bottom:5px;text-align:left}.form-group input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;padding:8px;width:100%}.button-group{display:flex;justify-content:space-around;margin:10px}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;padding:10px 20px}.submit-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.submit-button:hover{background-color:#45a049}.cancel-button:hover{background-color:#e53935}.div1{align-items:center;background-color:#f4f4f4;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.password-form-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;width:300px}.password-form-group{margin-bottom:15px}.password-form-group label{display:block;margin-bottom:5px}.password-form-group input[type=password]{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.password-reset-link{color:#007bff;display:block;font-size:12px;margin-top:5px;text-align:right;text-decoration:none}.password-reset-link:hover{text-decoration:underline}.password-change-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.password-change-button:hover{background-color:#0056b3}.password-cancel-button{background-color:#f4f4f4;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:16px;padding:10px;width:100%}.password-cancel-button:hover{background-color:#dcdcdc}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.header{align-items:center;background-color:#004b87;box-shadow:0 2px 4px #0000001a;color:#000;display:flex;justify-content:space-between;padding:1rem 2rem}.logo h1,.nav ul{margin:0}.nav ul{display:flex;list-style-type:none;padding:0}.nav li{margin-left:1rem}.nav a{color:#fff;font-weight:700;text-decoration:none}.nav a:hover{text-decoration:underline}.hero{background-color:#343a40;background-position:50%;background-size:cover;color:#000;padding:5rem 1rem;text-align:center}.hero h2{color:#fff;font-size:3rem;margin:0 0 1rem}.hero p{color:#fff;font-size:1.5rem;margin:0 0 2rem}.cta-button{background-color:#ffb400;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:background-color .3s ease}.cta-button:hover{background-color:#e69a00}.about,.footer,.services{background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-top:1rem;padding:2rem;text-align:center}.footer{background-color:#004b87;margin-top:auto}.about h2,.footer h2,.services h2{font-size:2.5rem;margin:0 0 1rem}.services ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.services li{font-size:1.2rem;margin:0 1rem}.footer p{margin:.5rem 0}@media (max-width:768px){.hero h2{font-size:2rem}.hero p{font-size:1.2rem}.services ul{flex-direction:column}.services li{margin-bottom:1rem}}.footer{background-color:#333;bottom:0;box-shadow:0 -2px 4px #0000001a;color:#fff;padding:.5rem;text-align:center;width:100%}.footer-content{align-items:center;display:flex;justify-content:center}.footer h2{font-size:1.2rem;margin-bottom:.5rem}.footer p{color:#fff;font-size:.9rem;margin:0 1rem}.swp-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;padding:20px;width:80%}.swp-title{color:#333;font-size:2.5rem;margin-bottom:20px;text-align:center}.swp-staff-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;margin-bottom:10px;padding:15px}.swp-staff-item:hover{background-color:#eef}.swp-staff-name{color:#0073e6;font-size:1.5rem;margin:0 0 5px}.swp-staff-position{color:#666;font-size:1rem;margin:0}
/*# sourceMappingURL=main.f03fbba5.css.map*/