/********Section 1 Proj **********/
.mobile-slider { display: none;}
#proj-carousel { display: none;}
	.projects-title { padding: 44px 0px 24px 0px;}
	.projects-title h2{ padding:0px; margin: auto;}

	.projects-items, .projects-title{background: #FFF8F6;}
	.projects-title2 {background: #FFF;}
	.card-body2 {background: #FFFFFF;}
	.nav-pills-home {padding-top: 0px;padding-bottom: 32px;}
	.proj-row {padding-top: 0px; margin-top: 0px;}
	.proj-box {margin-bottom: 0px; padding-bottom: 0px;}
	.other-pro { padding: 32px 0px;}
	a.oth-pro-link{
		display: block;
		margin: auto;
	border-radius: 12px;
	border: 2.25px solid #F16531;
	background: #FFF;
	padding: 10px 0px;
	width: 255px;
	color: #F16531;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%;
		text-decoration: none;
		cursor: auto;
	}
	a.oth-pro-link:hover, a.oth-pro-link:active{
	background: #F16531;
	color: #FFF;
	}
	a.oth-pro-link i { margin-right: 12px;}
	/********Section 2 about **********/
	.about-home { padding: 54px 0px;}
	.all-about { margin: auto;width: 1313px;}
	.all-about ul {display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		list-style: none;
		margin:auto;
		padding: 0px;}
	.about-title { padding: 32px 0px 56px 0px;}
	.about-title h2 {
	 background: url(../img/about_line.svg) no-repeat right bottom;
	height: 100%;
	color: #87786C;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 54px; /* 168.75% */
	}

	.about-title span {
	display: block;
	color: #685A4D;
	padding-top: 32px;
	text-align: right;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 132%; /* 23.76px */}

	.about-cardz{
	text-align: center;
	padding: 12px 6px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #F6F5F4;}

	span.about-num {
	color: #685A4D;	
	text-align: center;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 125% */
	padding-bottom: 12px;}
	span.about-name {
	color: #666;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 120% */}
	.about-cardz img { display: block; margin: auto; padding-bottom: 16px;}
	.about-cardz span { display: block; margin: auto;}
	/**************Section 3 tabs****************/
#inner {display: none;}
	.tabs-home-asso{background: #FFF8F6; padding-bottom: 72px;}
	.tabs-home-con { margin-right: 44px;}
	.div-v-tabs { width: 1317px; margin: auto; display: flex}
	.div-v-tabs ul{    display: flex;flex-wrap: nowrap;justify-content: space-between; flex-direction: column;}
	#pills-home-tab1{ width:230px; height: 149px; background: url("../img/gift.svg") no-repeat top center;}
	#pills-home-tab1:hover, #pills-home-tab1.active{ background: url("../img/gift-active.svg") no-repeat top center;}

	#pills-profile-tab2{ width:230px; height: 149px; background: url("../img/projects.svg") no-repeat top center;}
	#pills-profile-tab2:hover,#pills-profile-tab2.active{ background: url("../img/projects-active.svg") no-repeat top center;}
	#pills-contact-tab3{ width:230px; height: 149px; background: url("../img/regular.svg") no-repeat top center;}
	#pills-contact-tab3:hover,#pills-contact-tab3.active{ background: url("../img/regular-active.svg") no-repeat top center;}
	.tab-v-pane{ position: relative;}
	.tab-c-txt { position: absolute; bottom:20px; width: 90%;right:5%;border-radius: 16px;padding: 44px 44px 10px 44px;
	background: #FFF; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.02);}
	.tab-c-txt p{
	color: #87786C;
	text-align: center;
	font-family: Tajawal;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 127.5%; /* 30.6px */}
	a.tab-v-link{
	display: block;
	text-align: left;
	color: #F16531;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%;
	text-decoration: none;
	cursor: pointer;
	}
	#pills-home1 {border-radius: 8px; border: 1px solid #F1F1F1; width: 1034px; height: 511px; background: url("../img/gift-bg.png") no-repeat center top;}
	#pills-profile2{border-radius: 8px; border: 1px solid #F1F1F1; width: 1034px; height: 511px; background: url("../img/project-bg.png") no-repeat center top;}
	#pills-contact3{border-radius: 8px; border: 1px solid #F1F1F1; width: 1034px; height: 511px; background: url("../img/regular-bg.png") no-repeat center top;}
	a.tab-v-link:hover,a.tab-v-link:active{color:var(--on_hover);}
	a.tab-v-link i{margin-right: 16px;}
	/*************************************************/
	.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: 0px;}
	.news-card {padding-bottom: 32px;}
	.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;
	}
	.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;
	}
	.news-txt:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); border-color:#F26538; }
	.card-box { padding-bottom: 32px;}
	.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;}

	.home-new-row2{ width: 98%; margin-right: 0px}
	.home-new-row3{ width: 98%;margin-left: 0px}
	.news-txt2 {
		border: 1px solid rgba(242, 101, 48, 0.27);
		background: #FFFAF8;
		padding: 32px 20px 16px 32px;
	}
	.news-img2 img {
		border-radius: 0px 40px 40px 0px;
		height: -webkit-fill-available;
	}
	.news-txt2 span { text-align: right;
	color: #87786C;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.907px; /* 124.418% */}
	.news-txt2 h3{
	color: #F26530;
	text-align: right;
	font-family: Tajawal;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 33.689px; /* 140.369% */}
	.news-txt2 p{
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;}
	.new-more2 a{
	padding-left: 18px;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%; /* 24.464px */
	text-transform: capitalize;}
	/****************************************************************/
	.test-home{ background: #FFF8F6; padding-bottom: 72px;}
	#carousel-test { 
	background: url("../img/test.svg") no-repeat center bottom #FFF;
	margin: auto;
	border-radius: 12px;
	border: 1px solid #F1F1F1;
	box-shadow: 0px 10px 15px 0px rgba(221, 221, 221, 0.15);
	width: 1313px;
	height: 490px;}
	.test-img{ border-radius: 60px;}
	blockquote p{ 
	color: #87786C;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 152.9%; /* 36.696px */
	text-transform: capitalize;}
	.blockquote-footer{
	color: #685A4D;
	text-align: center;
	font-family: Tajawal;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 152.9%; /* 30.58px */
	text-transform: capitalize;
	}
	.testimonial-slider .carousel-indicators [data-bs-target] {
			width: 10px;
			height: 10px;
			background-color: #dc3545;
			border-radius: 100%;
		}
		.testimonial-slider {
			padding: 10px 0px 40px;
		}
	.carousel-indicators [data-bs-target] {
		width: 20px;
		height: 2px;
		border-radius: 50%;
		background: #C7C7C7;
	}
	.carousel-indicators [data-bs-target].active {
		background: #F26530;;
	}
.home-text-inner {border-radius: 12px;border: 1px solid #F1F1F1;background: #FFF;box-shadow: 0px 10px 15px 0px rgba(221, 221, 221, 0.15);}
/******************** RESPONSIVE **********************************/
@media (max-width:1536px) {
.all-about { margin: auto;width: 100%;}
.div-v-tabs {width: 95%;}
#carousel-test { width: 95%;}
.projects-items {padding-bottom: 32px;}
	.car-ind-test {    margin-bottom: -2rem;}
}
@media (max-width:1440px) {
.tab-c-txt p {font-size: 18px;}
.tab-c-txt {padding: 33px;}
a.tab-v-link {font-size: 21px;}
.news-txt span {font-size: 16.628px;}
.news-txt h3 {font-size: 21px;}
.news-txt p {font-size: 18px;}
.new-more a {padding-left: 15px;font-size: 16px;}
news-txt {border: 1.2px solid rgba(242, 101, 48, 0.27);padding: 24px 24px 12px 24px;}
}
@media (max-width:1390px) {
#pills-home1, #pills-profile2,#pills-contact3 {width: 990px;}
}
@media (max-width:1300px) {
#pills-home1, #pills-profile2,#pills-contact3 {width: 900px;}
}
@media (max-width:1280px) {

}
@media (max-width:1220px) {
#pills-home1, #pills-profile2,#pills-contact3 {width: 850px;}
}
@media (max-width:1155px) {
.tabs-home-con {margin-right: 24px;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 800px;}
}
@media (max-width:1085px) {
.tabs-home-con {margin-right: 24px;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 750px;}
}
@media (max-width:1030px) {
.tabs-home-con {margin-right: 24px;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 700px;}
}
@media (max-width:1024px) {

}
@media (max-width:990px) {
.all-about {width: 100%;}
#pills-home1, #pills-profile2,#pills-contact3 { width: 645px;height: 511px;}
#carousel-test {width: 100%;height: 490px;}
.tabs-home-con {margin-right: 16px;}
.tab-c-txt {padding:32px 16px;}
}
@media (max-width:930px) {
.tabs-home-con {margin-right: 24px;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 600px;}
}
@media (max-width:890px) {
.tabs-home-con {margin-right: 24px;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 555px;}
}
@media (max-width:850px) {
.tabs-home-con {margin-right: 16px;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 500px;}
}
@media (max-width:768px) {
.proj-row {display: none}
#pills-home1, #pills-profile2,#pills-contact3 {width: 500px;}
.projects-title h2 {display: block;}
.all-about img { display: none;}
.about-cardz img {display: block !important; max-width: 36px; padding: 0px}
.div-about-img { display: none;}
.div-about-infox { width: 95%; margin: auto; padding: 0px;}
}
@media (max-width:767px) {
.proj-row {display: none}
#proj-carousel { display: flex;}
.all-about {width: 100%;}
.tabs-home-con { margin-right: 0px;}
.tabs-home-asso {padding-bottom: 0px;}
.all-about img { display: none;}
.news-img2 { display: none}
.div-v-tabs { width: 95%;margin: auto;display: block;}
.news-card { width: 95%;}
.home-new-row2, .home-new-row3 { width: 95%;margin-right: 0px; margin: auto; margin-bottom: 16px;}
.div-v-tabs ul{ display: flex;flex-wrap: nowrap;justify-content: space-between; flex-direction: row; width: 100%; margin: auto;}
#pills-home1, #pills-profile2,#pills-contact3 {width: 100%; height: 511px; }
#carousel-test {background: url(../img/test.svg) no-repeat center bottom #FFF;margin: auto; border-radius: 12px;border: 1px solid #F1F1F1;
box-shadow: 0px 10px 15px 0px rgba(221, 221, 221, 0.15);width: 95%;height: 490px;}
#pills-home-tab1, #pills-profile-tab2, #pills-contact-tab3{ width: 200px;height: 79px;}
.about-title h2 {background: url("../img/about_line-m.svg") no-repeat center bottom;text-align: center;}
.test-home {padding-bottom: 44px;}
.car-ind-test {margin-bottom: 0px;}
}
@media (max-width:640px) {
.slider { display: none}
.mobile-slider {display: block}
.projects-title {padding: 28px 0px 16px 0px;}
.carousel-indicators-m-pro {bottom: -55px;}
.other-pro {padding: 60px 0px 32px 0px;}
.cordz { width: 90%; margin: auto;}
a.oth-pro-link {font-size: 20px;font-style: normal;font-weight: 500;line-height: 152.9%;width: 196px;padding: 12px 0px;border-radius: 16px;
border: 2px solid var(--primary, #F26530);}
.projects-items {padding-bottom: 0px;}
.about-home {padding: 32px 0px;}
.about-title {padding: 0px 0px 32px 0px;}
.projects-title2 { padding: 0px 0px 24px 0px;}
.tit-news{ padding: 42px 0px 24px 0px;}
.news-img img {border-radius: 0px 12px 0px 0px;}
.news-list-rows { padding: 0px;}
.about-title h2 {font-size: 18px;}
.about-title span {
 padding-top: 20px;
color: #685A4D;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 21.12px */}
span.about-num {font-size: 14px;font-style: normal;padding-bottom: 4px;}
span.about-name {font-size: 16px;font-style: normal;font-weight: 400;}
.about-cardz {text-align: center;padding: 8px 5px;}
.tab-c-txt p { font-size: 16px;}
.carousel-indicators [data-bs-target] { width: 15px;height: 15px; border: 0px;}
#pills-tab2 {display: none;}
#inner {align-items: flex-start;display: flex;flex-wrap: nowrap;list-style: none;overflow-x: scroll;}
.home-new-row2, .home-new-row3 {width: 100%;}
.scr-nav-link { width: 100px;}
#inner button.active	{border-radius: 12px;border: 1px solid rgba(242, 101, 48, 0.27);background: #F26530;font-size: 16px; color: #FFF; font-style: normal;font-weight: 700;}
.news-txt h3 {font-size: 14px;line-height: normal;margin-bottom: 8px;}
.news-txt-large h3{font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}
.news-txt p { font-size: 12px; font-style: normal; font-weight: 400;padding-bottom: 16px;}
.new-more a {padding-left: 6px; font-size: 14px;}
.news-card { padding-bottom: 16px;}
.news-txt span { font-size: 12px; padding-bottom: 16px;}
.news-txt-large h3 { margin-bottom: 8px;}
.news-txt {background: #FFFAF8;padding: 12px;border-radius: 0px 0px 12.073px 0px;border: 0.342px solid rgba(242, 101, 48, 0.27);}
blockquote p { font-size: 21px;width: 80%;margin: auto;}
.car-ind-test {margin-bottom: -18px;}
.carousel-indicators [data-bs-target] {width: 22px;height: 5px;border: 0px; border-radius: 5px;}

}
@media (max-width:525px) {
#pills-home-tab1, #pills-profile-tab2, #pills-contact-tab3 { width:170px}
.home-text-inner {
border-radius: 8px;
border: 2px solid rgba(242, 101, 48, 0.43);
background: #FFF;
box-shadow: 0px 9.372px 14.057px 0px rgba(221, 221, 221, 0.15);}
.test-img { border-radius: 60px;width: 180px;}
#carousel-test {
    margin: auto;
    border-radius: 12px;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 10px 15px 0px rgba(221, 221, 221, 0.0);
    width: 95%;
    height: 100%;

	background-image:  url(../img/test.svg) no-repeat center bottom;
}
.blockquote-footer {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 24.464px */}
.py-5 {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
}
.car-ind-test {
    margin-bottom: 16px;
}
blockquote p {font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 24.464px */}
}
@media (max-width:615px) {
#pills-home-tab1, #pills-profile-tab2, #pills-contact-tab3 {width: 130px;}
}
@media (max-width:450px) {
.family_breakfast_btn button {
    width: 100%;
    margin-bottom: 0px; 
}
}
@media (max-width:425px) {	
span.about-name {font-size: 14px;}
.news-txt-large h3{font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
}
@media (max-width: 400px) {
#pills-home-tab1, #pills-profile-tab2, #pills-contact-tab3 {
    width: 120px;}
}
@media (max-width:375px) {
#pills-home-tab1, #pills-profile-tab2, #pills-contact-tab3{width: 100px;height: 79px;}	
}
@media (max-width:365px) {	
span.about-name {font-size: 12px;}
}
@media (max-width:325px) {	
.tab-c-txt p { font-size: 14px;}
}