@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;700&display=swap");.home-main{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f6;color:#fff;font-family:Montserrat,sans-serif,Noto Kufi Arabic}body{color:#333;background-color:#fff}html{font-size:100%}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid #fff}button,input,textarea{padding:.5rem}.fixed-chat-button{position:fixed;bottom:20px;right:20px;background-color:#1b1a55;color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.fixed-chat-button:hover{background-color:#141344}.hero-section{position:relative;display:flex;flex-direction:column;align-items:center;background-color:#daa520;color:#fff;margin:5rem 0 3rem;width:100%;height:100vh;padding:24rem 0 13rem;overflow:hidden}.hero-section .image-container{position:absolute;inset:0}.hero-section .image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .5s ease-in-out}.hero-section .image.hidden{opacity:0}.hero-section .image.visible{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero-section .image.fade-in{animation:fadeIn 1s ease-in-out}.hero-section .image.fade-out{animation:fadeOut 1s ease-in-out;opacity:0}.hero-section .overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.6)}.hero-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hero-content .content{display:flex;flex-direction:column;align-items:center;padding:0 1rem;color:#fff;max-width:1280px;margin:0 auto}.hero-title{font-size:4rem;margin-bottom:60px;text-align:center}.hero-title.sm{font-size:x-large}.hero-title.md{font-size:3.75rem}.hero-description{font-size:1.4rem;max-width:768px;text-align:center;margin-bottom:30px}.hero-description.sm{font-size:1.125rem}.hero-description.md{font-size:1.25rem}.hero-button-container{display:flex;flex-direction:column;margin-bottom:2rem;align-items:center}.hero-button-container.sm{flex-direction:row}.hero-button{background-color:#daa520;color:#fff;padding:.5rem 1rem;border-radius:9999px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:large;transition:background-color .3s,box-shadow .3s}.hero-button:hover{background-color:#b8860b;box-shadow:0 6px 12px rgba(0,0,0,.3)}.hero-button.sm{padding:.75rem 1.5rem;font-size:1rem}@media (max-width:768px){.hero-content .content{padding:0 1.5rem}.hero-title{font-size:xx-large}.hero-description{margin-bottom:medium}.hero-button-container{margin-bottom:2rem}}