body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#fff}nav{margin-bottom:30px}nav a{text-decoration:none;color:#333;padding:5px 10px}nav a:hover{background-color:#f0f0f0}.active{font-weight:700;color:#007bff}.banner{width:100%;height:10.5rem;background-image:url(/ArgentBank/assets/bank-tree-Dfok_xDP.webp);background-position:0% 33%;background-repeat:no-repeat;background-size:cover;height:25rem;position:relative;color:#fff}.introduction{background:#fff;color:#000;margin:2rem;padding:2rem;position:absolute;top:3.125rem;right:3.125rem;text-align:left;width:15.75rem}.subtitle{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.text{font-size:1rem;margin-top:1.1875rem}@media screen and (max-width: 768px){.banner{width:100%;height:10.5rem;background-image:url(/ArgentBank/assets/bank-tree-Dfok_xDP.webp);background-position:0 -50px;background-repeat:no-repeat;background-size:cover;height:25rem;position:relative}.introduction{background:#fff;color:#000;margin:0 auto;padding:2rem;position:relative;top:3.125rem;right:0;text-align:left;width:12.75rem}.subtitle{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.text{font-size:14px;margin-top:1.1875rem}}.feature-item{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:1rem;gap:.2rem;margin:0 auto;padding:2.5rem;width:25%;background-color:none}.feature-item-icon{display:flex;border:10px solid #00bc77;border-radius:50%;padding:1rem;width:6.375rem;background-color:#fff}.feature-item h3{align-items:center;display:flex;color:#222;font-size:1.25rem;font-weight:700}@media screen and (max-width: 768px){.feature-item{width:100%}}@media screen and (max-width: 810px){.feature-item{width:50%}}.home-content{width:100%;height:auto}.features{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}header{width:100%;height:50px;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a}nav{width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;padding:0}nav img{width:200px;height:50px;margin:0;padding:0}nav a{font-weight:700;color:#2c3e50;text-decoration:none}nav a:hover{text-decoration:underline;background-color:transparent}.fa-solid{font-size:15px;padding:10px}@media screen and (max-width: 600px){nav{display:flex}nav img{width:120px;height:35px}nav a{font-size:12px}}footer{border-top:2px solid #ccc;display:flex;justify-content:center;padding:2rem 0 1.5rem;background-color:#fff}.sign-in-content{display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff;width:300px;margin:7vh auto;padding:2rem}.sign-in-content h1{text-align:center;font-size:1.5rem;font-weight:700;padding:0;margin:5px 0 20px}.sign-in-content i{display:flex;flex-direction:column;align-items:center;padding:0;font-size:2rem}.sign-in-content input{margin-bottom:1rem;height:1rem;width:100%;border-radius:5px;border:1px solid #ccc;padding:.5rem}.input-remember{width:100%;display:flex}.input-remember input{display:flex;width:1rem;margin-right:.5rem}.sign-in-content button{width:100%;padding:.5rem;border-radius:5px;background-color:#00bc77;border:none;color:#fff;font-weight:700;font-size:14px;text-decoration:underline 2px;cursor:pointer}.sign-in-content .error-message{color:red;font-size:.8rem;margin-top:.5rem}@media screen and (max-width: 600px){.sign-in-content{width:100%;margin:0}.sign-in-content h1{font-size:1.2rem}.sign-in-content i{font-size:1.5rem}.sign-in-content input,.sign-in-content button{font-size:.8rem}.sign-in-content .error-message{font-size:.7rem}}.bg-dark{width:100%;box-sizing:border-box;background-color:#12002b!important;padding:50px}.header{background-color:#12002b!important;padding:20px;text-align:center;color:#fff}.edit-button{background-color:#00bc77;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.edit-input{display:flex;align-items:center;justify-content:center;margin-top:10px}.edit-input input{margin-bottom:10px;margin-left:5px}label{font-size:18px;font-weight:700}.button-container{display:flex;justify-content:center;margin-top:20px}.edit-username-button{background-color:#00bc77;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.error-message{color:red;font-size:14px;margin-top:5px}@media screen and (max-width: 600px){.edit-input{display:flex}.edit-input input{width:100%;margin-bottom:10px;margin-left:5px}.edit-input label{width:100%}}.account{display:flex;justify-content:space-between;align-items:center;background-color:#fff;width:80%;margin:0 auto;flex-direction:column;padding:1.5rem;box-sizing:border-box;text-align:left;margin-bottom:2rem}.account-content-wrapper{width:100%;flex:1}.account-title{margin:0;padding:0;font-size:1rem;font-weight:400}.account-amount{font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.account-amount-description{margin:0}.transaction-button{display:block;width:100%;padding:8px;font-size:1.1rem;font-weight:700;margin-top:1rem;border-color:#00bc77;background-color:#00bc77;color:#fff;cursor:pointer;border:none}.delete-button{display:block;padding:8px;font-size:1rem;font-weight:400;margin-top:1rem;background-color:#fff;cursor:pointer;border:none}@media (min-width: 720px){.account{flex-direction:row}.account-content-wrapper.cta{flex:0}.transaction-button{width:200px}}.transaction-details{display:flex;flex-direction:column;height:auto;padding:0;margin:0}.transaction-details h2{font-size:24px;color:#fff;padding-bottom:5px;margin:0}.transaction-details p{font-size:14px;color:#fff;padding:0;margin:0}.profile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#12002b!important}