@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Tajawal,sans-serif}body{background-color:#f5f5f5;width:100%;height:100vh;overflow:hidden}.container{max-width:100%;margin:0;padding:0;flex-direction:row-reverse;width:100%;height:100vh}.container,.image-section{display:flex;overflow:hidden}.image-section{width:50%;height:100%;background-color:#000;align-items:center;justify-content:center}.image-section img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.content-section{width:50%;height:100%;background-color:#e6e6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.logo-container-left{left:30px}.logo-container-left,.logo-container-right{position:absolute;top:30px;width:60px;height:60px}.logo-container-right{right:30px}.title{font-size:4.5rem;font-weight:700;margin-bottom:20px;color:#1a1a1a;letter-spacing:3px}.subtitle{font-size:1.5rem;margin-bottom:60px;color:#333}.buttons{flex-wrap:wrap;justify-content:center;margin-bottom:60px;width:80%}.button-row,.buttons{display:flex;gap:15px}.button-row{margin-bottom:15px}.btn{background-color:#aaa;color:#000;border:none;border-radius:25px;padding:.8rem 2.5rem;font-size:1.2rem;cursor:pointer;transition:all .3s ease;width:120px;text-align:center}.btn:hover{background-color:#999}.support{position:absolute;bottom:30px;display:flex;align-items:center;gap:.5rem;color:#555}.support-icon{width:30px;height:30px}.hexagon-logo,.support-icon{display:flex;align-items:center;justify-content:center}.hexagon-logo{width:60px;height:60px;background-color:#1a1a1a;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative}.logo-text{font-weight:700;position:relative;font-size:20px}.logo-text-green{color:#00a651}.logo-text-red{color:#e63e2c}.top-right-image{width:55px;height:60px;overflow:hidden}.top-right-image img{width:100%;height:100%}.btn-shadow{box-shadow:3px 3px 7px 2px rgba(0,0,0,.432);text-decoration:none}@media (max-width:992px){.container{flex-direction:column-reverse}.content-section,.image-section{width:100%;height:50vh}.title{font-size:3.5rem}.logo-container-left{top:15px;left:15px}.logo-container-right{top:15px;right:15px}}