body{background-blend-mode:multiply;background-color:#f8f3e9;background-image:url(/static/media/islamic_background.d0f3e04e0f86b5a7272d.avif);font-family:Amiri,Scheherazade New,serif;margin:0;min-width:320px;opacity:.95;overflow-x:hidden;padding:0;scroll-behavior:smooth}.english-title{font-family:title-english3,cursive!important}.english-title-nav{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif!important}.english-text,.english-text-card{font-size:20px}.english-text{font-family:arabswell,serif}.english-footer{font-family:arabswell,cursive!important}.quote-footer-english{direction:ltr!important;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif!important}.quote-footer,.quote-footer-english{font-size:16px!important}.english-text,.english-title{direction:ltr!important;text-align:center!important}.about-english{direction:ltr!important;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif!important;text-align:left!important}.about-container[dir=ltr] .about-english,.about-container[dir=rtl] .about-english{direction:ltr!important;unicode-bidi:embed}@font-face{font-display:swap;font-family:rabat;src:URL(/static/media/rabat.07bfacd9e25f691a8c4e.otf) format("truetype")}@font-face{font-display:swap;font-family:ramadhan;src:URL(/static/media/kin.d9206beb9273c39a88c4.ttf) format("truetype")}@font-face{font-display:swap;font-family:title-english3;src:URL(/static/media/yuzarsif.c0b3640bd511ae6f5837.ttf) format("truetype")}@font-face{font-display:swap;font-family:arabswell;src:URL(/static/media/arabswell.2f6394c183e45a5cd0eb.ttf) format("truetype")}@font-face{font-display:swap;font-family:ReemKufiFun;src:URL(/static/media/ReemKufiFun.649b549ae4c825c9c6f0.ttf) format("truetype")}@font-face{font-display:swap;font-family:ALHFHAF;src:URL(/static/media/ALHFHAF.3ba110329cc1e50924ee.ttf) format("truetype")}@font-face{font-family:AQEEQSANSPRO;src:URL(/static/media/AQEEQSANSPRO.cc7161d4eb14289025c4.otf) format("truetype")}.App{background-blend-mode:multiply;background-color:#f8f3e9;background-image:url(/static/media/islamic_background.d0f3e04e0f86b5a7272d.avif);display:flex;flex-direction:column;margin:0;min-height:100vh;opacity:.95;overflow-x:hidden;padding:0;position:relative;text-align:center;width:100%}.main-content{flex:1 0 auto;width:100%}.footer-footer{flex-shrink:0;margin-top:auto;position:relative}.page-container{display:flex;flex-direction:column;min-height:calc(100vh - 300px)}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a4a1c,#0d3f4a);border-bottom:8px solid #c5a572;box-shadow:0 4px 25px #0000004d;position:fixed;top:0;width:100%;z-index:1000}.navbar{align-items:center;box-shadow:0 2px 4px #0000001a;display:flex;height:clamp(60px,10vh,80px);justify-content:space-between;margin:0 auto;max-width:1400px;overflow:hidden;padding:.5rem clamp(1rem,3vw,2rem);position:relative;z-index:9999}.logo img{width:auto}.logo p{color:#f8f3e9;font-family:arabswell,serif;font-size:26px;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px #0000004d}.logo-button{text-decoration:none}.nav-links{display:flex;gap:clamp(1rem,3vw,2.5rem)}.nav-links a,.nav-links button{background:#0000;border:none;border-radius:12px;color:#f8f3e9;cursor:pointer;font-family:arabswell,serif;font-size:clamp(1em,2vw,1.3em);overflow:hidden;padding:.7rem 1.2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-links a:before,.nav-links button:before{background:#c5a572;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-links a:hover,.nav-links button:hover{background:#c5a57240;transform:translateY(-3px)}.nav-links a:hover:before,.nav-links button:hover:before{width:80%}.language-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c5a572' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:16px;border:2px solid #c5a572;border-radius:12px;color:#f8f3e9;cursor:pointer;font-family:arabswell,serif;font-size:clamp(1em,2vw,1.3em);outline:none;padding:.5rem 2rem .5rem 1rem;position:relative;transition:all .3s ease}.language-selector:hover{background-color:#c5a57226;border-color:#f8f3e9;box-shadow:0 4px 15px #c5a57233;transform:translateY(-2px)}.language-selector:active,.language-selector:focus{background-color:#c5a5721a;border-color:#f8f3e9;box-shadow:0 0 12px #c5a57299;outline:none}.language-selector option{-webkit-appearance:none;appearance:none;background-color:#2e2a23;border:none;color:#f8f3e9;font-size:1rem;padding:1rem}.language-selector option:checked,.language-selector option:hover{background-color:#c5a572!important;box-shadow:0 0 10px #c5a5724d;color:#2e2a23!important}.language-selector::-webkit-selection,.language-selector::selection{background-color:initial!important}.language-selector::-ms-expand{display:none}.language-selector:-webkit-autofill,.language-selector:-webkit-autofill:active,.language-selector:-webkit-autofill:focus,.language-selector:-webkit-autofill:hover{-webkit-text-fill-color:#f8f3e9!important;background-color:initial!important;-webkit-box-shadow:inset 0 0 0 30px #2e2a23!important}.language-selector:focus-visible{outline:none}.language-selector option,.language-selector:focus option{background-color:#2e2a23;border-bottom:1px solid #c5a57233;color:#f8f3e9;padding:12px;transition:all .2s ease}.language-selector option:hover{background-color:#3a3529}.language-selector option:checked{background:linear-gradient(0deg,#c5a572,#d4b98e);color:#2e2a23}@media (hover:hover){.language-selector:hover{background-color:#c5a57226;border-color:#f8f3e9;box-shadow:0 4px 15px #c5a57233;transform:translateY(-2px)}}.hamburger{cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;transition:transform .3s ease;width:30px}.hamburger div{background-color:#f8f3e9;border-radius:5px;height:3px;width:100%}@media (max-width:768px){.navbar{align-items:center;display:flex;flex-direction:row;height:auto;padding:1rem}.logo p{font-size:22px;text-align:center}.hamburger{display:flex;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1000}.nav-links{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;display:none;flex-direction:column;gap:1.2rem;margin-top:1rem;padding:1rem 0;width:100%}.nav-links.active{animation:slideDown .3s ease-out forwards;display:flex}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.navbar{padding:.8rem}.logo p{font-size:17px;max-width:350px!important}.nav-links a{font-size:1.1em;padding:.6rem 1rem}}.footer-footer{bottom:0;font-family:arabswell,serif;margin-top:50px}.footer-footer,footer{background:linear-gradient(135deg,#1a4a1c,#0d3f4a);border-top:8px solid #c5a572;-webkit-clip-path:polygon(0 15%,15% 0,85% 0,100% 15%,100% 100%,0 100%);clip-path:polygon(0 15%,15% 0,85% 0,100% 15%,100% 100%,0 100%);color:#f8f3e9;overflow:hidden;padding:clamp(30px,5vh,50px) 0;width:100%}footer{margin-top:auto;position:relative}.main-content{flex:1 1;padding-bottom:60px}.quote-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:60px auto 0;max-width:1400px;padding:clamp(20px,4vw,40px);width:90%}.quote-card{animation:fadeIn .8s ease-out forwards;background:#fffffff7;background-image:linear-gradient(135deg,#c5a5721a 20%,#0000 80%),radial-gradient(circle at top left,#c5a5721a,#0000);background-size:cover;border:5px solid #c5a572;border-radius:25px;box-shadow:0 10px 30px #00000026,0 0 20px #c5a5724d;box-sizing:border-box;margin:clamp(15px,3vw,30px);max-width:900px;opacity:0;overflow:hidden;padding:clamp(30px,5vw,50px);position:relative;transform:translateY(15px);transition:all .3s ease-in-out;width:100%}.quote-card[dir=rtl]{direction:rtl;text-align:right}.quote-card[dir=ltr]{direction:ltr;text-align:left}.quote-card:hover{border-color:#b48d54;box-shadow:0 15px 40px #0003,0 0 25px #c5a57266;transform:translateY(-5px)}.quote-card:before{color:#c5a57266;content:"ﷻ";font-family:Noto Kufi Arabic,serif;font-size:clamp(60px,10vw,90px);left:25px;opacity:.6;position:absolute;top:15px;transform:rotate(-5deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.about-container-inner{height:-webkit-fit-content!important;height:fit-content!important;min-height:calc(100vh - 300px)!important}.about-container{word-wrap:break-word;background-blend-mode:multiply;background-color:#fbf3e5;background-image:url(/static/media/background.988643ef2cbe893cad0a.png);border:5px solid #c5a572;border-radius:20px;box-shadow:0 20px 50px #0000001a;margin:120px auto 60px;max-width:900px;opacity:.95;overflow-wrap:break-word;padding:clamp(30px,5vw,60px);white-space:normal}.about-title{color:#1a4a1c;font-family:arabswell,Amiri,sans-serif;font-size:30px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #0000001a}.about-logo{border:3px solid #c5a572;border-radius:12px;box-shadow:0 10px 25px #00000026;display:block;height:auto;margin:0 auto 20px;max-width:400px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.about-text{word-wrap:break-word;border-radius:12px;box-shadow:inset 0 1px 4px #0000000d;color:#2c3e50;direction:rtl;font-family:arabswell,Amiri,sans-serif;font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.5px;line-height:1.8;margin-bottom:20px;overflow-wrap:break-word;padding:20px;text-align:right;white-space:normal;word-break:break-word}@media (max-width:1400px){.about-text{font-size:20px!important}.about-container{max-width:800px!important}}@media (max-width:768px){.about-container{max-width:400px!important}.about-title{font-size:1.8rem}.about-text{font-size:1.3rem}.about-logo{max-width:350px}}blockquote{color:#2c3e50;font-size:32px;line-height:1.9;margin:25px 0;position:relative;text-shadow:1px 1px 1px #0000000d;z-index:1}.submit-form{background:linear-gradient(135deg,#fffaf3,#f9f2e8);border:3px solid #c5a572;border-radius:25px;box-shadow:0 10px 25px #00000026;direction:rtl;font-family:Amiri,serif;left:50%;margin:20px auto;max-width:900px;padding:30px;transform:translate(-50%)}.form-title{border-bottom:2px solid #c5a572;color:#8b7355;font-size:1.8rem;font-weight:700;margin-top:-10px;padding-bottom:10px;text-align:center}.form-group,.form-title{margin-bottom:20px}label{color:#6a5c41;display:block;font-size:1.1rem;font-weight:700;margin-bottom:8px}.form-input,.form-textarea{background:linear-gradient(135deg,#fffffffa,#fafafafa);border:2px solid #c5a572;border-radius:8px;color:#333;font-family:Amiri,serif;font-size:1rem;padding:12px 16px;transition:all .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#1a4a1c;box-shadow:0 0 8px #1a4a1c4d;outline:none}.submit-button{background:linear-gradient(135deg,#1a4a1c,#0d3f4a);border:2px solid #c5a572;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;padding:12px 20px;text-transform:uppercase;transition:all .3s;width:100%}.submit-button:hover{background:#f8f3e9;border-color:#1a4a1c;box-shadow:0 5px 15px #1a4a1c33;color:#1a4a1c}@media (max-width:768px){.submit-form{padding:20px}.form-title{font-size:1.5rem}.submit-button{font-size:.9rem}}.submit-form input,.submit-form textarea{background:linear-gradient(135deg,#fffffffa,#f5f5f5fa);background-image:linear-gradient(30deg,#c5a57214 12%,#0000 12.5%,#0000 87%,#c5a57214 87.5%);background-size:50px 50px;border:2px solid #c5a572;border-radius:12px;box-shadow:inset 0 1px 4px #00000014,0 2px 8px #0000000a;color:#333;font-family:Amiri,serif;font-size:clamp(1rem,1.8vw,1.2rem);letter-spacing:.4px;margin:8px 0;min-height:45px;padding:clamp(15px,2.5vw,25px) clamp(20px,4vw,35px);resize:vertical;transition:all .25s ease-in-out;width:100%}.submit-form textarea{min-height:150px}.submit-form input::placeholder,.submit-form textarea::placeholder{color:#33333380;font-size:.95em;font-style:italic}.submit-form input:focus,.submit-form textarea:focus{background:linear-gradient(135deg,#fff,#fafafa);border-color:#1a4a1c;box-shadow:0 0 15px #1a4a1c40,inset 0 0 6px #fffc;outline:none;transform:scale(1.01)}.submit-form input:hover,.submit-form textarea:hover{background:linear-gradient(135deg,#fffffffa,#f0f0f0fa);border-color:#8b7355;box-shadow:0 0 8px #8b735526}.submit-form input,.submit-form textarea{animation:smoothEntry .5s ease-out}@keyframes smoothEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submit-form{align-items:stretch;background:#fffffffa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm40 40a8 8 0 1 0 0-16 8 8 0 0 0 0 16z' fill='rgba(197, 165, 114, 0.07)' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E");border:4px solid #c5a572;border-radius:30px;box-shadow:0 15px 40px #0000001f;display:flex;flex-direction:column;gap:clamp(20px,4vw,35px);margin:clamp(30px,5vw,50px) auto;max-width:1000px;overflow:hidden;padding:clamp(30px,5vw,60px);position:relative;width:100%}.contribute-button{font-size:20px!important}.contribute-button,.page-button,.submit-form button{align-self:center;background:linear-gradient(135deg,#1a4a1c,#0d3f4a);border:3px solid #c5a572;border-radius:20px;box-shadow:0 6px 20px #1a4a1c26;color:#f8f3e9;cursor:pointer;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;letter-spacing:1.2px;min-width:180px;overflow:hidden;padding:clamp(10px,2vw,18px) clamp(25px,4vw,40px);position:relative;text-transform:uppercase;transition:all .25s ease-in-out;white-space:nowrap}.form-input{max-width:300px!important;min-height:45px}.form-textarea{max-width:300px!important;min-height:150px}.contribute-button:hover,.page-button:hover,.submit-form button:hover{background:#f8f3e9;box-shadow:0 8px 25px #1a4a1c33;color:#1a4a1c}.pagination{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;flex-wrap:wrap;gap:clamp(6px,1.2vw,12px);justify-content:center;margin:clamp(20px,3vh,35px) 0;max-width:100%;overflow-x:auto;padding:8px;position:relative;scrollbar-width:none}.pagination::-webkit-scrollbar{display:none}.page-button{align-items:center;border-width:2px;display:flex;font-size:clamp(.85rem,1.2vw,1rem);justify-content:center;min-width:35px;padding:clamp(6px,1.2vw,10px) clamp(14px,2vw,20px);text-align:center}.page-button.active{background:linear-gradient(135deg,#c5a572,#8b7355);border:2px solid #8b7355;box-shadow:inset 0 1px 8px #00000026;color:#fff;cursor:default;font-weight:600;text-shadow:1px 1px 2px #0003;transform:none}@media (hover:hover){.contribute-button:hover:before,.page-button:hover:before,.submit-form button:hover:before{opacity:0;transform:translateY(0) scale(1.2)}}@media (max-width:768px){.submit-form{border-width:3px;gap:15px;padding:clamp(20px,3vw,30px);width:min(95%,100% - 1rem)}.submit-form input,.submit-form textarea{border-width:2px;font-size:16px;padding:12px 16px}.submit-form button{max-width:300px;width:100%}.form-textarea{max-width:200px!important}.pagination{gap:5px;margin:15px 0;padding:6px}.page-button{border-width:2px;font-size:.8rem;min-width:32px;padding:5px 10px}}@media (max-width:480px){.submit-form{gap:12px;padding:15px;width:min(98%,100% - .5rem)}.contribute-button,.submit-form button{font-size:.85rem!important;min-width:0;min-width:auto;padding:10px 16px;width:100%}.pagination{gap:3px}.page-button{font-size:.75rem;min-width:28px;padding:4px 8px}}.not-found-container{align-items:center;display:flex;height:100vh;justify-content:center;padding:20px;text-align:center}.not-found-content{word-wrap:break-word;background-color:#fbf3e5f2;background-image:url(/static/media/background.988643ef2cbe893cad0a.png);background-position:50%;background-size:cover;border:5px solid #c5a572;border-radius:20px;box-shadow:0 20px 50px #0000001a;margin:120px auto 60px;max-width:900px;overflow:hidden;overflow-wrap:break-word;padding:clamp(30px,5vw,60px);position:relative;white-space:normal;width:90%}.not-found-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:15px}.arabic-title{font-family:Amiri,serif}.not-found-message{color:#555;font-size:1.2rem;margin-bottom:10px}.not-found-quote{color:#00796b;font-size:1.1rem;font-style:italic;margin-bottom:15px}.not-found-pattern{height:80px;margin:20px auto;opacity:.2;width:80px}.not-found-button{background:#00796b;border-radius:8px;color:#fff;display:inline-block;font-size:1rem;padding:12px 25px;text-decoration:none;transition:all .3s ease-in-out}.not-found-button:hover{background:#004d40;transform:scale(1.05)}.not-found-calligraphy{color:#444;font-family:Scheherazade,serif;font-size:1.2rem;margin-top:20px;opacity:.8}.blog-container{word-wrap:break-word;background-blend-mode:multiply;background-color:#fbf3e5;background-image:url(/static/media/background.988643ef2cbe893cad0a.png);border:5px solid #c5a572;border-radius:20px;box-shadow:0 20px 50px #0000001a;margin:120px auto 60px;max-width:900px;opacity:.95;overflow-wrap:break-word;padding:clamp(30px,5vw,60px)}.blog-article-title,.blog-title{color:#1a4a1c;font-family:arabswell,Amiri,sans-serif;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #0000001a}.blog-title{font-size:30px}.blog-article-title{font-size:32px}.blog-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:30px 0}.blog-card:hover{box-shadow:0 10px 25px #00000026}.blog-card-image{border-bottom:2px solid #c5a572;height:60%;object-fit:cover;width:100%}.blog-card-title:hover{color:#c5a572;text-decoration:underline}.blog-article-content{font-family:arabswell,Amiri,sans-serif;padding:0 20px;text-align:justify;white-space:pre-line}.blog-article-content[dir=rtl]{text-align:right}.blog-article-content[dir=ltr]{text-align:left}.blog-article-date{color:#8b7355;font-family:arabswell,Amiri,sans-serif;font-size:18px;margin-bottom:30px;text-align:center}.blog-search-container{display:flex;justify-content:center;margin:20px 0 30px;padding:0 10px;width:100%}.blog-search-input{background:#ffffffe6;border:2px solid #c5a572;border-radius:30px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;font-family:Amiri,serif;font-size:1rem;max-width:500px;padding:12px 20px;transition:all .3s;width:100%}.blog-search-input:focus{border-color:#1a4a1c;box-shadow:0 0 10px #1a4a1c4d;outline:none}.blog-pagination{flex-wrap:wrap;gap:10px;margin-top:40px}.blog-page-button,.blog-pagination{display:flex;justify-content:center}.blog-page-button{align-items:center;background:#ffffffe6;border:2px solid #c5a572;border-radius:50%;color:#1a4a1c;cursor:pointer;font-family:Amiri,serif;font-size:1rem;height:40px;transition:all .3s;width:40px}.blog-page-button:hover{background:#f8f3e9;transform:translateY(-2px)}.blog-page-button.active{background:#1a4a1c;border-color:#1a4a1c;color:#f8f3e9}.blog-english-text{direction:ltr;font-family:arabswell,serif;font-size:18px;text-align:left}.blog-english-title{direction:ltr;font-family:title-english3,cursive}@media (max-width:768px){.blog-container{max-width:90%;padding:20px}.blog-article-title,.blog-title{font-size:24px}.blog-grid{grid-template-columns:1fr}.blog-card{aspect-ratio:3/2}.blog-search-input{font-size:1.1rem;padding:15px 20px}}@media (max-width:480px){.blog-search-input{border-width:3px;padding:18px 20px}}.blog-card{aspect-ratio:1/1;background:#fffffff7;border:2px solid #c5a572;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.blog-card-content{display:flex;flex:1 1;flex-direction:column;min-height:40%;padding:15px}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a4a1c;display:-webkit-box;flex-grow:0;font-family:arabswell,serif;font-size:1.2rem;line-height:1.8em;margin-bottom:10px;min-height:3.6em;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .3s}.blog-card-date{align-self:flex-end;color:#8b7355;font-family:Amiri,serif;font-size:.85rem;margin-top:auto;padding-top:10px}.blog-card-content{position:relative}.blog-card-date{background:linear-gradient(0deg,#ffffffe6 50%,#0000);bottom:15px;left:15px;padding:5px 0;position:absolute;right:15px;text-align:right}.break-all{word-break:break-all!important}@media (max-width:768px){.submit-form input,.submit-form textarea{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:100%!important;width:calc(100% - 32px)!important}.form-group{padding:0 16px}.submit-form{box-sizing:border-box;padding:20px 10px!important;width:100%!important}}@media (max-width:480px){.submit-form{border-width:3px;padding:15px 8px!important}.submit-form input,.submit-form textarea{padding:12px 10px!important;width:calc(100% - 24px)!important}}.success-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-message-fixed{animation:fadeInScale .4s cubic-bezier(.175,.885,.32,1.275);max-width:500px;padding:0 20px;position:relative;width:100%}.success-message-wrapper{background:linear-gradient(135deg,#1a4a1c,#0d3f4a);border:3px solid #c5a572;border-radius:15px;box-shadow:0 10px 30px #0000004d,0 0 30px #c5a57266;padding:40px 25px 25px;position:relative}.close-button{background:#0000;border:none;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px;transition:transform .3s}.close-button svg{height:24px;opacity:.8;transition:opacity .3s;width:24px}.close-button:hover svg{opacity:1}.close-button:hover{transform:rotate(90deg)}.success-message-box{align-items:center;display:flex;flex-direction:column;gap:15px}.success-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));height:50px;width:50px}.success-message-text{color:#f8f3e9;font-family:arabswell,Amiri,sans-serif;font-size:1.3rem;line-height:1.5;margin:0;text-align:center;text-shadow:1px 1px 3px #00000080}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-message-wrapper:after{animation:progressBar 5s linear forwards;background:#c5a57280;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}@keyframes progressBar{0%{width:100%}to{width:0}}@media (max-width:768px){.success-message-fixed{max-width:90%}.success-message-text{font-size:1.1rem}.success-icon{height:40px;width:40px}.success-message-wrapper{padding:35px 20px 20px}}.blog-article-content{color:#2c3e50;font-family:Amiri,serif;font-size:20px;line-height:2;white-space:normal}.blog-article-content h1,.blog-article-content h2,.blog-article-content h3,.blog-article-content h4,.blog-article-content h5,.blog-article-content h6{color:#1a4a1c;font-family:arabswell,Amiri,serif;line-height:1.4;margin:1.2em 0 .6em;text-align:left;text-shadow:1px 1px 0 #0000000d}.blog-article-content h1{font-size:1.9rem}.blog-article-content h2{font-size:1.6rem}.blog-article-content h3{font-size:1.35rem}.blog-article-content p{margin:.9em 0}.blog-article-content em{font-style:italic}.blog-article-content strong{background:linear-gradient(#0000 70%,#c5a57240 0);color:#0d3f4a;font-weight:700;padding:0 2px}.blog-article-content a{border-bottom:2px solid #c5a572b3;color:#0d3f4a;text-decoration:none}.blog-article-content a:hover{background:#c5a5721f;color:#1a4a1c}.blog-article-content blockquote{background:linear-gradient(135deg,#c5a57214,#ffffffb3);border-left:6px solid #c5a572;border-radius:12px;color:#2c3e50;margin:1.2em 0;padding:1.2rem 1.4rem 1.2rem 2.2rem;position:relative}.blog-article-content blockquote:before{color:#c5a572;content:"❝";font-size:2rem;left:10px;opacity:.9;position:absolute;top:-8px}.blog-article-content blockquote p{font-size:.8em;font-style:italic;line-height:1.7;margin:.4em 0}.blog-article-content ol,.blog-article-content ul{margin:.8em 0 .8em 1.2em;padding:0 0 0 .8em}.blog-article-content li{margin:.35em 0}.blog-article-content hr{background:linear-gradient(90deg,#0000,#c5a572,#0000);border:0;height:2px;margin:1.6em 0}.blog-article-content img{background:#fff!important;background-blend-mode:normal!important;border:2px solid #c5a572;border-radius:12px;box-shadow:none!important;display:block;height:auto;isolation:isolate;margin:1em auto;max-width:330px;mix-blend-mode:normal!important;opacity:1!important;position:relative;width:100%}@media (max-width:768px){.blog-article-content{font-size:18px;line-height:1.9}.blog-article-content h1{font-size:1.5rem}.blog-article-content h2{font-size:1.35rem}.blog-article-content h3{font-size:1.2rem}.blog-article-content blockquote p{font-size:1.4rem}.blog-article-content blockquote{padding:1rem 1.1rem 1rem 1.8rem}}@media (max-width:980px){.logo p{font-size:19px!important}}.sidi-jamal-photo{background:none!important;background-blend-mode:normal!important;border:3px solid #c5a572;border-radius:8px;box-shadow:0 5px 15px #0003;display:block;height:auto;margin:20px auto;max-width:100%;opacity:1!important}
/*# sourceMappingURL=main.03ea7d1e.css.map*/