.technology-modal{width:100dvw;height:100vh;position:fixed;left:0;top:0;z-index:100000;background-color:#fff;overflow:hidden;transform:translateY(-100%);transition:transform .5s ease-out}.technology-modal .technology-modal-wrapper{position:relative;width:100%;height:100%;display:flex;gap:5rem;padding:3.6rem}.technology-modal .technology-modal-wrapper .side-header{width:30%}.technology-modal .technology-modal-wrapper .side-header h2{font-size:5rem;margin-top:7rem}.technology-modal .technology-modal-wrapper .side-header h4 a{display:flex;align-items:center;gap:2.7rem}.technology-modal .technology-modal-wrapper .side-header h4 a svg{margin-top:1rem;transition:transform .3s ease-in-out}.technology-modal .technology-modal-wrapper .side-header h4:hover a{color:#f0493e}.technology-modal .technology-modal-wrapper .side-header h4:hover svg{transform:translateX(4px)}.technology-modal .technology-modal-wrapper .side-header h4:hover svg path{stroke:#f0493e}.technology-modal .technology-modal-wrapper .technology-wrapper{margin-top:8rem;height:-moz-fit-content;height:fit-content;width:60%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button{position:relative;width:37.5rem;height:-moz-fit-content;height:fit-content;padding:1.7rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c8c5c5}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button svg{margin-top:1rem;transition:transform .2s ease-in-out}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button:hover h4{color:#f0493e}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button:hover svg{transform:translateX(4px)}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button:hover svg path{stroke:#f0493e}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button::before{content:"";height:1px;width:0;position:absolute;bottom:-1px;transition:all .3s ease-in-out}.technology-modal .technology-modal-wrapper .technology-wrapper .technology-button:hover::before{height:1px;width:100%;background-color:#f0493e;position:absolute;bottom:-1px}.technology-modal .technology-modal-wrapper .reckonsys-logo-megamenu{cursor:pointer;position:absolute;top:3rem;left:3.6rem;display:flex;align-items:center;gap:1rem;height:2.4rem;width:fit-content}.technology-modal .technology-modal-wrapper .close-technology-btn{cursor:pointer;position:absolute;top:3rem;right:3rem;display:flex;align-items:center;padding:.5rem 1rem;gap:1rem;border:1px solid #333}.technology-modal .technology-modal-wrapper .close-technology-btn svg{transition:transform .3s ease-in-out}.technology-modal .technology-modal-wrapper .close-technology-btn:hover{color:#f0493e;border:1px solid #f0493e}.technology-modal .technology-modal-wrapper .close-technology-btn:hover svg{transform:rotate(90deg)}.technology-modal .technology-modal-wrapper .close-technology-btn:hover svg path{stroke:#f0493e}.technology-modal .technology-modal-wrapper .technology-modal-image{position:absolute;bottom:-12rem;left:-10rem;width:52rem;height:52rem;object-fit:cover;border-radius:34rem}.technology-modal .technology-modal-wrapper .rectangle{position:absolute;right:0;top:12rem;opacity:.6}.technology-modal .technology-modal-wrapper .dotted-mesh{position:absolute;right:0;bottom:0}.technology-modal .technology-modal-wrapper .triangle{position:absolute;bottom:0;left:40rem}@media only screen and (max-width:576px){.technology-modal .technology-modal-wrapper{overflow-y:auto;flex-direction:column}.technology-modal .technology-modal-wrapper .side-header{width:100%}.technology-modal .technology-modal-wrapper .side-header h1{font-size:3.6rem;margin-top:7rem;margin-bottom:2rem}.technology-modal .technology-modal-wrapper .technology-wrapper{margin-top:0;width:90%}.technology-modal .technology-modal-wrapper .technology-modal-image{display:none}.technology-modal .technology-modal-wrapper .dotted-mesh{display:none}.technology-modal .technology-modal-wrapper .rectangle{display:none}.technology-modal .technology-modal-wrapper .triangle{display:none}}