.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:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr .5fr 1.5fr;gap:0 0;grid-auto-flow:row;grid-template-areas:"arabic-name arabic-name arabic-name" "arabic-name arabic-name arabic-name" "english-name english-name english-name";grid-area:text}.arabic-name{font-family:Arabic Typesetting,Tahoma,Times New Roman,Arial,serif;grid-area:arabic-name;font-size:xxx-large;font-weight:900;color:#070050}[dir] .arabic-name{margin:auto}.english-name{font-family:Arabic Typesetting,Tahoma,Times New Roman,Arial,serif;grid-area:english-name;font-size:xxx-large;font-weight:900;color:#070050}[dir] .english-name{margin:auto}.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}.arabic-name,.english-name{font-size:xx-large}}@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){.arabic-name,.english-name{font-size:x-large}.modify-img{height:0;width:0}.modify-illustration{height:3rem;width:3rem;color:#fff}}@media (max-width:389px){.english-name{font-size:large}}[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)}