#Banking{width:100%;padding:25px}@media (max-width:575px){#Banking{padding:15px}}#Banking>.Header{background-color:var(--PureBlack);direction:rtl;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;width:100%;height:max-content;padding:15px;display:flex}@media (max-width:575px){#Banking>.Header{flex-direction:column;align-items:normal}}#Banking>.Header .Left{flex-direction:column;gap:10px;display:flex}#Banking>.Header .Left p{margin-bottom:0}@media (max-width:575px){#Banking>.Header .Left p{display:none}}#Banking>.Header .Right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}#Banking>.Header .Right span{font-size:14px}#Banking>.Header .Right .Links{gap:5px;display:flex}#Banking>.Header .Right span{background-color:var(--White25);color:var(--White);border-radius:5px;padding:5px 10px}@media (max-width:575px){#Banking>.Header .Right{align-self:end}}#Banking>.Header .Right button{color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px}#Banking>.Header .Right button:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}#Banking .Content{flex-direction:column;gap:15px;margin-top:25px;display:flex}#Banking .Content section{gap:15px}#Banking .Content section.Services{grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:575px){#Banking .Content section.Services{grid-template-columns:repeat(2,1fr)}}#Banking .Content section.Services article,#Banking .Content section.Services a{position:relative}#Banking .Content section.Services article:hover,#Banking .Content section.Services a:hover{color:var(--White)}#Banking .Content section.Services article,#Banking .Content section.Services a{cursor:pointer}#Banking .Content section.Services article img,#Banking .Content section.Services a img{border-radius:10px;width:100%;height:50px}#Banking .Content section.Services article span,#Banking .Content section.Services a span{-webkit-backdrop-filter:grayscale()blur(10px)hue-rotate()brightness(50%);backdrop-filter:grayscale()blur(10px)hue-rotate()brightness(50%);border-radius:10px;justify-content:center;align-items:center;gap:5px;transition:all .4s;display:flex;position:absolute;inset:0}#Banking .Content section.Services article:first-child span:hover,#Banking .Content section.Services a:first-child span:hover{-webkit-backdrop-filter:grayscale(0%)blur()hue-rotate(180deg)brightness();backdrop-filter:grayscale(0%)blur()hue-rotate(180deg)brightness()}#Banking .Content section.Services article:nth-child(2) span:hover,#Banking .Content section.Services a:nth-child(2) span:hover{-webkit-backdrop-filter:grayscale(0%)blur()hue-rotate(270deg)brightness();backdrop-filter:grayscale(0%)blur()hue-rotate(270deg)brightness()}#Banking .Content section.Services article:nth-child(3) span:hover,#Banking .Content section.Services a:nth-child(3) span:hover{-webkit-backdrop-filter:grayscale(0%)blur()hue-rotate(245deg)brightness();backdrop-filter:grayscale(0%)blur()hue-rotate(245deg)brightness()}#Banking .Content section.Services article:last-child span:hover,#Banking .Content section.Services a:last-child span:hover{-webkit-backdrop-filter:grayscale(0%)blur()hue-rotate(90deg)brightness();backdrop-filter:grayscale(0%)blur()hue-rotate(90deg)brightness()}#Banking .Content section.Cards{grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:575px){#Banking .Content section.Cards{flex-direction:column;display:flex}#Banking .Content section.Cards .Card{height:200px}}#Banking .Content section.Cards .Card img{aspect-ratio:16/9;border-radius:15px;width:100%}#Banking .Content section.Cards .Card.Notifications .container{view-transition-name:container;background:#fff;border-radius:24px;width:auto;padding:24px;box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}#Banking .Content section.Cards .Card.Notifications .container .list-item{transition:margin-bottom .4s,transform .4s}#Banking .Content section.Cards .Card.Notifications .container .list-item:first-child{margin-bottom:-18.5%}#Banking .Content section.Cards .Card.Notifications .container .list-item:nth-child(2){margin-bottom:-18.5%;transform:scale(.95)}#Banking .Content section.Cards .Card.Notifications .container .list-item:nth-child(3){transform:scale(.9)}#Banking .Content section.Cards .Card.Notifications .container .hide{display:none}#Banking .Content section.Cards .Card.Notifications .container.expanded .list-item:first-child,#Banking .Content section.Cards .Card.Notifications .container.expanded .list-item:nth-child(2),#Banking .Content section.Cards .Card.Notifications .container.expanded .list-item:nth-child(3){margin-bottom:0;transform:scale(1)}#Banking .Content section.Cards .Card.Notifications .container.expanded .hide{display:block}#Banking .Content section.Cards .Card.Notifications .container.expanded .show-hide-btn svg{transition:transform .6s;transform:rotate(180deg)}#Banking .Content section.Cards .Card.Notifications .list{view-transition-name:list;flex-direction:column;gap:16px;display:flex}#Banking .Content section.Cards .Card.Notifications .list-item{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}#Banking .Content section.Cards .Card.Notifications .list-item:first-child{view-transition-name:list-item-1;z-index:2}#Banking .Content section.Cards .Card.Notifications .list-item:nth-child(2){view-transition-name:list-item-2;z-index:1}#Banking .Content section.Cards .Card.Notifications .list-item:nth-child(3){view-transition-name:list-item-3;z-index:0}#Banking .Content section.Cards .Card.Notifications .icon{background:#18181b;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}#Banking .Content section.Cards .Card.Notifications .icon svg{color:#fff;width:24px;height:24px}#Banking .Content section.Cards .Card.Notifications .content{flex-direction:column;flex:1;gap:4px;display:flex}#Banking .Content section.Cards .Card.Notifications .title{color:#18181b;font-size:16px;font-weight:500}#Banking .Content section.Cards .Card.Notifications .subtitle{color:#71717a;font-size:14px}#Banking .Content section.Cards .Card.Notifications .date{color:#71717a;text-align:right;font-size:14px}#Banking .Content section.Cards .Card.Notifications .show-hide-btn{color:#71717a;cursor:pointer;view-transition-name:show-hide-btn;background:0 0;border:1px solid #e4e4e7;border-radius:24px;justify-content:center;align-items:center;gap:8px;width:140px;margin:8px auto 0;padding:12px 24px;font-size:14px;font-weight:500;display:flex}#Banking .Content section.Cards .Card.Notifications .show-hide-btn span{text-align:center;width:fit-content;display:inline-block}#Banking .Content section.Cards .Card.Notifications .show-hide-btn svg{view-transition-name:show-hide-btn-icon;transition:transform .3s}#Banking .Content section.Cards .Card.Notifications .container.expanded .show-hide-btn svg{transform:rotate(-180deg)}#Banking .Content section.Cards .Card.Notifications .show,#Banking .Content section.Cards .Card.Notifications .hide{view-transition-name:button-label;width:fit-content}@keyframes fade-out{0%{opacity:1}10%{opacity:0}to{opacity:0}}#Banking .Content section.Cards .Card.Notifications ::view-transition-group(*){animation-duration:.6s;animation-timing-function:linear(0, .402 7.4%, .711 15.3%, .929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1)}#Banking .Content section.Cards .Card.Notifications ::view-transition-old(*){height:100%}#Banking .Content section.Cards .Card.Notifications ::view-transition-new(*){height:100%}#Banking .Content section.Cards .Card.Notifications ::view-transition-old(button-label){width:fit-content}#Banking .Content section.Cards .Card.Notifications ::view-transition-new(button-label){width:fit-content}#Banking .Content section.Cards .Card.Notifications ::view-transition-old(button-label){animation-name:fade-out;animation-duration:.6s}#Banking .Content section .Chart{background-color:var(--SecondaryDark);border-radius:10px;flex-direction:column;gap:10px;display:flex}#Banking .Content section .Chart span{background-color:var(--PureBlack);border-radius:10px 10px 0 0;padding:5px 10px}#Banking .ReyRey{background-color:red;width:100%;height:100dvh}#Banking #Subscription{flex:1;overflow:hidden}#Banking #Subscription .swiper{width:100%;height:100%}#Banking #Subscription .swiper img{aspect-ratio:16/9;object-fit:fill;border-radius:15px;width:100%;min-height:200px}#BankingModal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-content:center;display:grid;position:absolute;inset:0}#BankingModal .ModalBody{padding:25px}#BankingModal .ModalBody .ModalHeader{background-color:var(--dark);border-bottom:1px solid var(--White50);border-top-left-radius:10px;border-top-right-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex}#BankingModal .ModalBody .ModalHeader>button{color:var(--White);background-color:var(--SecondaryDark);border:none;border-radius:5px;width:40px;height:40px;transition:all .4s;position:relative;top:0}#BankingModal .ModalBody .ModalHeader>button:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}#BankingModal .ModalBody .ModalHeader>button:active{background-color:var(--PrimaryColor);color:var(--PureBlack);position:relative;top:2.5px}#BankingModal .ModalBody form{background-color:var(--dark);border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;gap:15px;width:500px;padding:10px 10px 30px;display:flex}#BankingModal .ModalBody form div{flex-direction:column;gap:5px;display:flex}#BankingModal .ModalBody form div input{color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px}#BankingModal .ModalBody form div input:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}#BankingModal .ModalBody form button{color:var(--Black);background-color:var(--PrimaryColor);text-transform:uppercase;border:none;border-radius:50rem;padding:5px 20px;font-weight:600}#BankingModal .ModalBody form button:hover{background-color:var(--PrimaryColor75);outline:1px solid var(--SecondaryDark)}#TokenModal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:11111;color:var(--White);place-content:center;display:grid;position:absolute;inset:0}#TokenModal .ModalContent{border-radius:10px;width:500px;overflow:hidden}#TokenModal .ModalContent .ModalHeader{background-color:var(--dark);justify-content:space-between;align-items:center;padding:10px;display:flex}#TokenModal .ModalContent .ModalHeader h3{font-size:18px}#TokenModal .ModalContent .ModalBody{background-color:var(--SecondaryDark);padding:20px}#TokenModal .ModalContent .ModalBody form{flex-direction:column;gap:10px;display:flex}