.container{display:grid;grid-template-columns:.75fr 3.5fr .75fr;grid-template-rows:.4fr 1fr .2fr;gap:10px 5px;grid-auto-flow:row;grid-template-areas:"logo text logo2" "cards-space cards-space cards-space" "cards-space cards-space cards-space"}.logo{grid-area:logo}.logo2{grid-area:logo2}.text{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-area:text;gap:4px}[dir] .text{text-align:center;padding:8px 4px}.arabic-name{font-family:Arabic Typesetting,Geeza Pro,serif;font-size:clamp(1rem,3.5vw,2.5rem)}.arabic-name,.english-name{font-weight:900;color:green;line-height:1.2}.english-name{font-family:Segoe UI,Calibri,Geeza Pro,Arial,sans-serif;font-size:clamp(.85rem,2.8vw,2.2rem)}.cards-space{grid-area:cards-space}[dir] .cards-space{margin-top:6rem}.modify-img{display:block;height:200px;width:200px}[dir] .modify-img{cursor:pointer}[dir=ltr] .modify-img,[dir=rtl] .modify-img{margin-left:auto;margin-right:auto}.modify-illustration-parent{display:flex;justify-content:right;align-items:center}.modify-illustration{height:6rem;width:5rem;color:#fff}@media (max-width:1110px){.container{display:grid;grid-template-columns:.2fr 2fr .2fr;grid-template-rows:.2fr 1fr .2fr;gap:10px 5px;grid-auto-flow:row;grid-template-areas:"logo text logo2" "cards-space cards-space cards-space" "cards-space cards-space cards-space"}.modify-img{display:block;height:100px;width:100px}[dir=ltr] .modify-img,[dir=rtl] .modify-img{margin-left:auto;margin-right:auto}}@media (max-width:740px){.modify-img{height:50px;width:50px}.container{display:grid;grid-template-columns:0fr 2fr 0fr;grid-template-rows:.1fr 1fr .2fr;gap:10px 5px;grid-auto-flow:row;grid-template-areas:"logo text logo2" "cards-space cards-space cards-space" "cards-space cards-space cards-space"}.modify-illustration{height:4rem;width:4rem;color:#fff}}@media (max-width:615px){.modify-img{height:0;width:0}.modify-illustration{height:3rem;width:3rem;color:#fff}}[dir] .modify-hover{box-shadow:0 20px 30px -10px #26394d}.modify-hover:hover{opacity:.7}[dir] .modify-hover:hover{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}