@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);#bottom-nav{display:flex;flex-direction:row;width:100%;position:fixed;bottom:0;justify-content:space-evenly;align-items:center;background-color:#f5f5f5;height:3.5rem}#bottom-nav #feature-home{position:relative;bottom:1.75rem;background-color:#1182d4;padding:1rem;border-radius:50%;box-shadow:0 8px 18px -2px rgba(0,107,206,.18823529411764706)}.icon{display:flex;justify-content:center;align-items:center}.icon svg{height:100%;width:100%}.button{display:inline-flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.3rem .6rem;justify-content:center;align-items:center;border-radius:4px}.button.primary{background-color:#1182d4;color:#fff}.button.accent{background-color:#24bb71;color:#fff}.list.horizontal{display:flex;flex-direction:row;justify-content:space-between;overflow-x:auto}.list.horizontal>*{margin-right:1rem}.list.vertical{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-auto-columns:1fr;grid-row-gap:1rem;row-gap:1rem;overflow-y:auto}.list-tile{background-color:#f3fbff;color:#535954;padding:.5rem;border-radius:5px}.list-tile.active{background-color:#1182d4;color:#fff}.map-header{font-size:1.15rem;color:#3b413c}.map-wrapper{flex-grow:1}.leaflet-container{height:100%;width:100%}.bank-name{font-weight:700}.map-container{display:flex;flex-direction:column;z-index:-1}.star-rating{display:inline-flex;flex-direction:row;align-items:center}#top-nav-bar{background-color:#fff}#top-nav-bar,#top-nav-bar #top-nav{position:fixed;top:0;width:100%;height:4rem}#top-nav-bar #top-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding-right:2rem;padding-left:2rem;z-index:-1}#top-nav-bar #profile-pic{object-fit:cover;object-position:top;border-radius:50%;height:28px;width:28px}#drawer{display:flex;flex-direction:column;height:100vh;z-index:2;position:fixed;left:2rem;margin-top:1.3rem;width:55vw}#drawer #menu-items{transition:all 1s;transform:translateX(0);flex-grow:1;background-color:#fff;box-shadow:8px 5px 10px -2px rgba(0,107,206,.18823529411764706);padding:1.5rem 1.5rem 1.5rem 0}#drawer #menu-items.hidden{transform:translateX(-100%);box-shadow:8px 5px 10px -2px hsla(0,0%,100%,0)}#drawer #menu-items ul{padding:0;list-style:none}#drawer #menu-items ul>*{margin-bottom:1rem}#drawer #menu-items ul li a{text-decoration:none;color:#3b413c}#bank-search{width:100%;min-height:100vh;max-height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:4rem 1fr 3.5rem;grid-template-areas:"top" "content" "bottom"}#bank-search #top-nav{grid-area:top}#bank-search #content{padding-left:2rem;padding-right:2rem;max-width:100vw;max-height:100%;overflow:auto;margin-bottom:3.5rem;grid-area:content;display:grid;grid-auto-columns:1fr;grid-template-rows:auto -webkit-min-content .35fr;grid-template-rows:auto min-content .35fr;grid-row-gap:1rem;row-gap:1rem}#bank-search #content .map-container{height:100%;width:100%}#bank-search #content h2{margin:0;padding:0;font-size:1.1rem;color:#3b413c}#bank-search #content .featured-banks .list-tile{display:grid;grid-template-columns:auto 1fr 1fr 1fr;grid-template-rows:.8fr .7rem .8fr .8fr;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;grid-template-areas:"img name name open" "img rating rating ." "img address address ." "img call message dist"}#bank-search #content .featured-banks .list-tile .bank-pic{grid-area:img;height:6rem;width:auto;object-fit:cover}#bank-search #content .featured-banks .list-tile .bank-name{grid-area:name;font-size:.8rem;font-weight:600}#bank-search #content .featured-banks .list-tile .star-rating{grid-area:rating}#bank-search #content .featured-banks .list-tile .bank-address{font-size:.6rem;grid-area:address}#bank-search #content .featured-banks .list-tile .button{font-size:.7rem}#bank-search #content .featured-banks .list-tile .call-bank{grid-area:call}#bank-search #content .featured-banks .list-tile .message-bank{grid-area:message}#bank-search #content .featured-banks .list-tile .distance{font-size:.5rem;grid-area:dist}#bank-search #content .featured-banks .list-tile .more-info{grid-area:open}#bank-search #bottom-nav{grid-area:bottom}#form-container{margin:50px 0}#form-container,form{display:flex;flex-direction:column;align-items:center;justify-content:center}form,input{margin:10px 0}input{display:block;border:1px solid #1182d4;width:100%;padding:8px 7px;border-radius:5px}#form-hr{border:2px solid #1182d4;width:10%;margin-top:10px}.form-btn{background-color:#1182d4;color:#fff;padding:10px 20px;margin:10px;border:none;border-radius:5px}#customer-toggle{text-align:center;margin-top:5px;width:70%}#clickable{color:#1182d4}#clickable:hover{color:#71a5ca}.card{display:flex;flex-direction:column;justify-content:space-between;width:14rem;font-size:.9rem;font-weight:600}.card .feature-img{height:16rem;width:14rem;object-fit:cover;border-radius:5px}.chip{font-size:.7rem;background-color:#f3fbff;color:#535954;border-radius:3px;padding:.3rem 1rem;white-space:nowrap}.chip p{display:inline}.chip.active{background-color:#1182d4;color:#fff}#home-page{width:100%;min-height:100vh;max-height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:4rem 1fr 3.5rem;grid-template-areas:"top" "content" "bottom"}#home-page #top-nav{grid-area:top}#home-page #content{padding-left:2rem;max-width:100vw;max-height:100%;overflow:auto;margin-bottom:3.5rem;grid-area:content}#home-page #content>*{margin-top:1rem;margin-bottom:1rem}#home-page #content #welcome{font-size:1.5rem;font-weight:700}#home-page #content #subtitle{font-size:1.15rem}#home-page #content .avatar{height:24px;width:24px;object-fit:cover;border-radius:50%}#home-page #content .articles .author{display:flex;flex-direction:row;font-size:.7rem;align-items:center;font-weight:400}#home-page #content #latest-blogs{margin-right:2rem;display:flex;flex-direction:row;justify-content:space-between}#home-page #content #latest-blogs .section-title{font-weight:700;font-size:1.1rem}#home-page #content #latest-blogs .link{font-size:.7rem;font-weight:600;color:#1182d4}#home-page #content .blogs{margin-right:2rem}#home-page #content .blogs .list-tile{display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-weight:600;font-size:.8rem}#home-page #content .blogs .list-tile .tile-icon{width:40px;height:40px;margin-right:.5rem}#home-page #bottom-nav{grid-area:bottom}#banks-page{width:100%;min-height:100vh;max-height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:4rem 1fr 3.5rem;grid-template-areas:"top" "content" "bottom"}#banks-page #top-nav{grid-area:top}#banks-page #content{grid-area:content;margin-bottom:3.5rem;margin-left:2rem;margin-right:2rem;max-width:100vw;max-height:100%;overflow:auto}#banks-page #content #title{font-weight:700;font-size:1.15rem}#banks-page #content .banks .list-tile{display:grid;grid-template-columns:auto 1fr 1fr 1fr;grid-template-rows:.8fr .7rem .8fr .8fr;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;grid-template-areas:"img name name open" "img rating rating ." "img address address ." "img call message dist"}#banks-page #content .banks .list-tile .bank-pic{grid-area:img;height:6rem;width:auto;object-fit:cover}#banks-page #content .banks .list-tile .bank-name{grid-area:name;font-size:.8rem;font-weight:600}#banks-page #content .banks .list-tile .star-rating{grid-area:rating}#banks-page #content .banks .list-tile .bank-address{font-size:.6rem;grid-area:address}#banks-page #content .banks .list-tile .button{font-size:.7rem}#banks-page #content .banks .list-tile .call-bank{grid-area:call}#banks-page #content .banks .list-tile .message-bank{grid-area:message}#banks-page #content .banks .list-tile .distance{font-size:.5rem;grid-area:dist}#banks-page #content .banks .list-tile .more-info{grid-area:open}#banks-page #bottom-nav{grid-area:bottom}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;font-family:"Poppins",sans-serif;list-style-type:none;text-decoration:none}:root{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.d0d7e9d4.chunk.css.map */