@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');
body{font-family: 'Tajawal', sans-serif; }
/****************** Header **********************/
body {background: #FFF;}
.nomargin { margin: auto;}
.nopadding { padding: 0px;}
/*******************************************************/
/*************************************************/
.news-items { padding-bottom: 56px;}
.news-bg {position: relative;background: #FFF8F6;padding: 56px 0px 32px 0px;justify-content: center;align-items: center;}
.news-bg h1	{
color: #87786C;
text-align: center;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 156.5%; /* 68.86px */
text-transform: capitalize;
	}
.news-head{position: relative;}
.news-list-rows { padding: 40px 0px;}
.news-card {transition: box-shadow 0.3s ease-in-out;margin-bottom: 32px;border-radius: 0px 56px 56px 0px;}
.news-card:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); border-color:#F26538; }
.news-img { text-align: left; padding: 0px}
.news-img img { border-radius: 0px 56px 56px 0px;    height: -webkit-fill-available;}
	.news-img-list img {
    border-radius: 24px 24px 0px 0px;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}
.news-txt {border: 1.6px solid rgba(242, 101, 48, 0.27);background: #FFFAF8;padding: 32px 32px 16px 32px;}
.news-txt span{
	display: block;
color: #87786C;
font-family: Inter;
font-size: 20.628px;
font-style: normal;
font-weight: 500;
line-height: 26.817px;
padding-bottom: 24px;}
.news-txt h3{
color: #F26530;
text-align: right;
font-family: Tajawal;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 45.382px; /* 162.078% */}
.news-txt p{
overflow: hidden;
color: #685A4D;
text-align: right;
text-overflow: ellipsis;
white-space:nowrap;
font-family: Tajawal;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
	padding-bottom: 24px;
	margin: 0px;
}
.news-box-rows{
	padding: 32px 0px;
	
}
.news-txt-list{
border-radius: 0px 0px 24px 24px;
border: 1px solid rgba(242, 101, 48, 0.27);
background: #FFFAF8;
transition: box-shadow 0.3s ease-in-out;	
}
.news-txt-list:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); border-color:#F26538; }
.news-txt-list p{
overflow: hidden;
color: #685A4D;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 134%; /* 26.8px */
	padding-bottom: 24px;
	margin: 0px;
	  display: -webkit-box; 
            -webkit-box-orient: vertical; 
            -webkit-line-clamp: 2; 
            overflow: hidden; 
            text-overflow: ellipsis;
}
.card-box { padding-top: 32px; margin-bottom: 32px; border-radius: 24px;}

.news-txt-list span{font-size: 16px; padding-bottom: 12px;}
.news-txt-list h3{
color: #F26530;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 133.333% */
}
.new-more{ 
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
list-style: none;}

.new-more i{color: #F16531;font-size: 20px;padding-top: 5px;}
.new-more a{
padding-left: 24px;
text-decoration: none;
text-align: right;
color: #F16531;

font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 30.58px */
text-transform: capitalize;
}

.new-layout { position: absolute; top:10px; left:1%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-evenly;list-style: none;}
a.news-box{ background: url("../img/fe_app-menu-active.svg") no-repeat center; display: list-item; height: 42px; width: 42px;margin-left: 20px;}
a.news-item{ background: url("../img/material-symbols_list.png") no-repeat center; display: list-item; height: 42px; width: 42px;}
a.news-item:hover,a.news-item:active { background: url("../img/material-symbols_list-active.png") no-repeat center; display: list-item; height: 42px; width: 42px;}
a.news-box-list{ background: url("../img/fe_app-menu.svg") no-repeat center; display: list-item; height: 42px; width: 42px;margin-left: 20px;}
a.news-box-list:hover,a.news-box-list:active{ background: url("../img/fe_app-menu-active.svg") no-repeat center; display: list-item; height: 42px; width: 42px;margin-left: 20px;}
a.news-item-list{ background: url("../img/material-symbols_list-active.png") no-repeat center; display: list-item; height: 42px; width: 42px;}


/****************************************************************/
.news-detalis { background: #ffffff; padding: 56px 0px;}
.news-detalis-info { width: 90%; margin: auto;}
.news-detalis-info span {
	color: #87786C;
font-family: Inter;
font-size: 20.628px;
font-style: normal;
font-weight: 500;
line-height: 26.817px; /* 130% */
	display: block;
	padding-bottom: 24px;
}
.news-detalis-info h3 {
	color: #F26530;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 45.382px; /* 141.818% */
	padding-bottom: 24px;
}
.news-detalis-info p.fullnews{
color: #685A4D;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 31.68px */}
/**************************************************************/
.mob-back {display: none;}

/***********************   Responsive   *************************/
@media (max-width:1920px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1590px;}
  .shar-fee{ margin-right: 22%;}
}
@media (max-width:1800px) {
.shar-fee {margin-right: 25%;}
.bi-share-fill{ font-weight: 700; font-size: 21px;padding: 0px;}
	.share-men {min-width: 46px;}
	.wqf-btn button.add_toCard {font-size: 24px;}
	.family_breakfast_btn button.like-button {font-size: 26px;}
}
@media (max-width:1536px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1294px;}
	.news-txt {border: 1.2px solid rgba(242, 101, 48, 0.27);padding: 24px 24px 12px 24px;}
	.news-txt span{ font-size: 15px; padding-bottom: 18px;}
	.news-txt h3{font-size: 21px;}
	.news-txt p{font-size: 18px; padding-bottom: 18px;}
	.news-txt a{font-size: 15px;}
	/******************************/
.news-detalis { background: #ffffff; padding: 42px 0px;}
.news-detalis-info { width: 90%; margin: auto;}
.news-detalis-info span {font-size: 15px;padding-bottom: 18px;}
.news-detalis-info h3 {font-size: 24px;padding-bottom: 18px;}
.news-detalis-info p.fullnews{font-size: 18px;	}
}
@media (max-width:1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1192.5px;}
      

}
@media (max-width:1280px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1192.5px;}
    
}
@media (max-width:1024px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width:960px;}
   
}
@media (max-width:991px) {
.news-img-list img {border-radius:0px;}
.mob-back {    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;}
}
@media (max-width: 772px){

}
@media (max-width:768px) {
	.news-bg {padding: 20px;}
	.new-layout {display: none;}
 .news-img {text-align: center;}
	.news-img img {
    border-radius: 12px 12px 0px 0px;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}	

	.news-bg h1{ font-size: 32px;}
	/****************************/
.news-detalis { background: transparent; padding: 24px;}
.news-detalis-info { width: 100%; margin: auto;}
	.news-items {
    padding-bottom: 24px;
}
}
@media (max-width:767px) {

 
}
@media (max-width:702px) {
.news-list-rows {
    padding: 40px 0px 24px 0px;
}	
}

@media (max-width:550px) {
.news-bg h1 {font-size: 24px; margin: 0px;}
	.news-list-rows {
    padding: 24px 0px 16px 0px;
}
.news-txt h3 { font-size: 16px;}
	.news-txt {
		border-radius: 0px 0px 12.073px 12px;
border: 0.342px solid rgba(242, 101, 48, 0.5);
background: #FFFAF8;
	padding: 12px;
	}
	.news-txt span {
    font-size: 14px;
    padding-bottom: 10px;
}
	.new-more i {font-size: 15px;}
	.new-more a {font-size: 13px; padding-left: 5px;}
	.news-txt p {
    font-size: 12px;
    padding-bottom: 10px;
}
.news-card {
    padding-bottom: 0px;
	margin-bottom: 16px;
    width: 95%;
}
/****************************/
.news-detalis { background: #ffffff; padding: 16px;}
.news-detalis-info { width: 100%; margin: auto;}
.news-detalis-info span {font-size: 14px;padding-bottom: 16px;}
.news-detalis-info h3 {font-size: 20px;padding-bottom: 16px;font-style: normal;font-weight: 700;line-height: normal;}
.news-detalis-info p.fullnews{font-size: 16px;	}
.news-img-list img {min-height: 224px; border-radius: 0px;}
}
@media (max-width:425px) {	
	.news-txt h3 {
    font-size: 14px;
		line-height: 21px;
}
	}
@media (max-width:375px) {

}
@media (max-width:320px) {

}