@font-face {
    font-family: 'DINNextLTArabic-M';
    src:url('../fonts/ArbFONTS-DINNextLTArabic-Medium-2.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'DINNextLTArabic-b';
    src:url('../fonts/ArbFONTS-DINNextLTArabic-Black-2.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Droid_Arabic_Naskh';
    src:url('../fonts/Droid.Arabic.Naskh_.Bold_DownloadSoftware.iR_.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Droid_Arabic_Naskh-R';
    src:url('../fonts/Droid-Naskh-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'ErotiqueAlternateTrial';
    src:url('../fonts/alfont_com_AlFont_com_Segoe.UI_DownloadSoftware.iR_.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'ErotiqueAlternateTrial-b';
    src:url('../fonts/alfont_com_AlFont_com_Segoe.UI_.Bold_DownloadSoftware.iR_.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica_Neue_W23_for_SKY_Bd';
    src:url('../fonts/Helvetica_Neue_W23_for_SKY_Bd.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica_Neue_W23_for_SKY_Reg';
    src:url('../fonts/Helvetica_Neue_W23_for_SKY_Reg.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'GretaArabic-L';
    src:url('../fonts/Greta-Arabic-light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'GretaArabic-M';
    src:url('../fonts/Greta-Arabic-Medium.ttf') format('truetype');
    font-display: swap;
}
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
* {
  user-select: none;
}
*::selection {
  background: none;
}
*::-moz-selection {
  background: none;
}
*:not(summary),
*:not(summary)::before,
*:not(summary)::after {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

 
 
a {
    text-decoration: none;
}

body {
    text-align: center;
    direction: rtl;
}
/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.container {
    width:100%;
    max-width: 490px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.header {
    background: #fff;
    height: 80px;
}

.header .row {
    height: 80px;
}

.header-logo {
    width: 140px;
    height:80px;
    padding-top: 16px;
    padding-bottom: 10px;
}

.header-logo img {
    
    height:54px;
}

.main {
    background: #2d6931;
    padding: 10px;
    padding-bottom: 40px;

}
.main5 {
    background: #f3f3f3;
    padding: 10px;
    padding-bottom: 40px;

}
 .img-container {
      border: 1px solid #000;
    border-radius: 50%;

}
.main .item .img-container {
    height: 290px;
}

.main .item {
    margin-top: 15px;
}

.main .item .img-container img {
    width:100%;
    max-width: 470px;
    height: 290px;
}

.main .item .info {
    background: #F5F7F4;
    padding-right: 21px;
    padding-top: 25px;
    padding-bottom: 28px;
    padding-left: 15px;
}

.main .item .info .title {
    color: #2F4F4F;
    font-size: 27px;
    text-align: center;
  font-family: 'DINNextLTArabic-b';
}

.main .item:hover .info .title {
  
    color: #000; font-size: 27px;
}

.most-read-title {
    font-family: 'DINNextLTArabic-b';
    background: #fff;
    padding: 2px 15px;
}

.most-read-title a {
    color: #2F4F4F;
    font-size: 25px;
}

.most-read-container {
    background: #FFFFFF;
    padding: 15px 20px 30px 10px;
    margin-top: 30px;
    min-width: 100%;
}

.most-read-cat {
    color: #014785;
    font-size: 15px;
    font-family: 'DINNextLTArabic-b';
}

.most-read-txt {
    margin-top: 20px;
    color: #000000;
    font-size: 22px;
    font-family: 'DINNextLTArabic-b';
}
.news-item .news-content img{
    max-width:100%;
}
.news-item ul{
    padding-right:10px;
}
footer {
    background: #fff;
    padding: 15px;
}

.copy {
    color: #5A5A5A;
    margin-top: 5px;
    font-family: 'DINNextLTArabic-m';
    font-size: 16px;
}

.paging {
    background-color: #FFFFFF;
    height: 42px;
    margin: 20px 0;
    text-align: center;
    width: 100%;


}

.pages {
    display: inline-block;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}

.page_number_body {
    display: inline-block;
    height: 40px;
    text-align: center;
    width: 40px;
    font-family: auto;
    font-size: 25px;
    margin:0 5px 0 5px;
}

.selected_page_number_body {
    background: #C4C4C4;
    color: #030303;
    display: inline-block;
    height: 39px;
    text-align: center;
    width: 25px;
    font-family: auto;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
    font-size: 18px;

}

.page_number_body a,
.page_number_body a:link,
.page_number_body a:visited {
    color: #030303;
    display: block;
    text-decoration: none;
    font-size: 18px;
}

.page_number_body a:hover {
    color: #030303;
    background-color: #c6c6c6;
    border-radius: 50%;
    font-size: 18px;
}

.arr_prev,
.arr_next {
    height: 40px;
    margin: 0;
}

.arr_prev {
    float: right;
}

.arr_next {
    float: left;
}

.prev_link {
    background-image: url("images/next.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 10px 3px 0;
    width: 14px;
    background-position: 3px;
}

.next_link {
    background-image: url("images/pre.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 8px 20px;
    width: 14px;
    background-position: 3px;
}


.pre_text {
    margin-right: 15px;
    margin-top: 3px;
    font-size: 15px;
    font-weight: bold;
}

.next_text {

    margin-top: 3px;
    margin-right: -40px;
    font-size: 15px;
    font-weight: bold;

}

.arr_prev a,
.arr_next a {
    color: #014785;
    font-size: 12px;
    text-decoration: none;
}


.arr_next a:hover .next_text {
    text-decoration: underline;
}

.arr_prev a:hover {
    text-decoration: underline;
}

.col-1 {
    width: 8%;
}

.col-10 {
    width: 80%;
}

.col-a {
    width: 10%;
}

.page-m {
    margin-top: 100px;
    margin-bottom: 100px;
}

details {
  --primColor: #dcdcdc;
  --secoColor: #555555;
  --cornerRad: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    position:absolute;
    margin:20px 0 0 0;
}
summary {
  writing-mode: vertical-lr;
  text-align: center;
  padding: 12px 10px;
  width: 23px;
  height: 17px;
  background-color: var(--primColor);
  border: 2px solid var(--secoColor);
  border-radius: var(--cornerRad);
  color: var(--secoColor);
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: transform 200ms ease-in-out 0s;
}
summary::before,
summary::after {
  position: static;
  top: 0;
  left: 0;
}
summary::before {
  content: "";
}
summary::after {
  content: "III";
  letter-spacing: -1px;
}
summary:hover {
  transform: scale(1.1);
}
summary::marker {
  font-size: 0;
}
summary::-webkit-details-marker {
  display: none;
}
details[open] .menu {
  animation-name: menuAnim;
}
details[open] summary::before {
  content: "X";
}
details[open] summary::after {
  content: "";
}
.menu {
  height: 1000px;
  width: fit-content;
  border-radius: var(--cornerRad);
  background-color: var(--primColor);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  animation: closeMenu 300ms ease-in-out forwards;
}
.menu a {
  padding: 12px 24px;
  margin: 0 16px;
  color: var(--secoColor);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  text-decoration: none;
  text-align: center;
  transition: filter 200ms linear 0s;
}
.menu a:nth-of-type(1) {
  padding-top: 24px;
}
.menu a:nth-last-of-type(1) {
  border-bottom: none;
}
.menu a:hover {
  filter: brightness(200%);
}
details::before {
  content: "";
  color: var(--secoColor);
  position: absolute;
  margin-left: 80px;
  padding: 10px 10px;
  opacity: 0.4;
}
details[open]::before {
  animation: fadeMe 300ms linear forwards;
}
@keyframes menuAnim {
  0% {
    height: 0;
  }
  100% {
    height: 612px;
  }
}
@keyframes fadeMe {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}


.search input
{
    padding:0 1px 0 0;
    height:40px;
    width:80%;
    float:right;
    font-size:18px;
    font-family: 'DINNextLTArabic-b';
    text-align: center;
}
.search button
{
    height:40px;
    width:20%;
    float:left;
    font-size:18px;
    font-family: 'DINNextLTArabic-b';
}