@media (max-width:768px){.about-us{padding:20px}.about-us h1{font-size:2em}.about-us p{font-size:1.2em}.column h2{font-size:1.8em}.column p{font-size:1em}.quick-links .links{flex-direction:column}.transaction-table th,.transaction-table td{font-size:14px;padding:8px}.summary-list{font-size:1em}.services-container{flex-direction:column;align-items:center}.service{margin-bottom:20px;max-width:100%}.hero h2{font-size:2em}.hero p{font-size:1em}body{font-size:90%}.dashboard-container,.transaction-history,.quick-links{padding:10px;margin:0;flex-direction:column}.quick-links .links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quick-links .btn{flex:1 1 calc(100% - 20px);max-width:100%;margin-bottom:10px}table{display:block;overflow-x:auto;white-space:nowrap}.modal{width:90%;margin:0 auto;top:50%}.modal-content{padding:30px}.animated-balance h2,.animated-balance p{text-align:center}.loan-column{flex:1 1 100%;max-width:100%;height:120px}.loan-detail-content{padding:15px;font-size:.9em}.slider-container input[type="range"]{width:80%}.login-support-container{flex-direction:column;align-items:center}.login-box,.support-box{max-width:100%;margin-bottom:20px}.button-group{flex-direction:column;align-items:stretch}.login-btn{width:100%;text-align:center}.about-us{padding:20px}.about-us h1{font-size:2em}.about-us p{font-size:1.2em}.column h2{font-size:1.8em}.column p{font-size:1em}.services-container{flex-direction:column;align-items:center}.service{margin-bottom:20px;max-width:100%}.hero h2{font-size:2em}.hero p{font-size:1em}.contacts-page{padding:30px 15px}.contacts-page h2{font-size:2em}.social-links{flex-direction:column;gap:15px}.social-links .icon{width:36px;height:36px}}@media screen and (max-width:768px){.hamburger{display:block}.desktop-menu{display:none}}@media screen and (min-width:769px){.mobile-menu{display:none}.hamburger{display:none}}.hamburger{font-size:24px;border:none;background:none;cursor:pointer;z-index:1001;position:absolute;top:10px;right:10px}.mobile-menu{display:none;position:absolute;top:50px;right:10px;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .2);border-radius:8px;z-index:1000}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu ul li{padding:10px;text-align:center}.mobile-menu ul li a{text-decoration:none;color:#333;display:block}.mobile-menu.active{display:block}

@media (max-width: 768px) {
    .mission > div:first-child,
    .values > div:first-child,
    .history > div:first-child {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
        gap: 20px !important;
    }

    .mission img,
    .values img,
    .history img {
        max-height: 200px !important;
        object-fit: cover;
        width: 100%;
        border-radius: 10px;
    }

    .mission .learn-more-btn,
    .values .learn-more-btn,
    .history .learn-more-btn {
        margin-top: 16px;
        align-self: flex-start;
    }
}