@charset "utf-8";
:root{
    --main:#009863 ;
    --mainDark: #006a45;
}


body.main {background:#fafafa; /* overflow-x:hidden; */}
body.main:before {position:absolute; top:0; left:0; width:100vw; height:50vh; border-radius:0 0 20px 20px; background:var(--main); content:""; z-index:-1;}
.language {text-align:center;}
.language h1 {position:fixed; bottom:3vh; left:0; right:0; font-size:1rem; }
.language h1 img {width:25vw;}
.language .title {font-size:2.6rem; font-weight:500; padding-top:10vh; color:#fff; line-height:120%; letter-spacing:-0.6vw;}
.language .title span {display:block; font-size:3.7rem; margin:1vh 0; font-weight:700;}
.language ul {margin:7vh 5vw 0; padding:0 3vw; border-radius:3vw; background:#fff; box-shadow:0 0.5vh 1.5vh rgba(0,0,0,.07);}
.language ul>li>a {display:block; padding:1.7vh 0; font-size:1.1rem; font-weight:400; border-bottom:1px dashed #ddd;}
.language ul>li:last-child>a {border-bottom:0;}
.language .ara {font-family: 'Cairo', sans-serif;}
.ps {margin-top:2rem; font-weight: 700; font-size:1.2rem; text-align: center; color:var(--main)}

@media screen and (min-width: 650px) {
	html {font-size:16px;}
	.language .title {letter-spacing:-2px;}
	.language h1 {display:none;}
	/* body.main:before {top:auto; bottom:40%;} */
}