.projects-bg{background: url("../img/bg.png") no-repeat center top ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:312px ;}
.sec-logo {margin: auto;padding-top: 0%;}
.headz { height: 100%}
.qur-proj{position: relative;  height: 96%;background: url(../img/children.png) no-repeat left bottom ; z-index: 200;}
/*.qur-proj img {position: absolute;left: 0;  bottom: 0; margin-bottom: 18px;}*/
.txt-proj span{
display: block;
	font-family: var(--font-family);
font-weight: 800;
font-size: 40px;
line-height: 153%;
text-transform: capitalize;
text-align: center;
color: var(--primary);}
.txt-proj  {padding:40px 0 0 0 ;
font-family: var(--font-family);
font-weight: 500;
font-size: 32px;
line-height: 129%;
text-transform: capitalize;
text-align: center;
color: #685a4d;}
.txt-proj h2 {
color: #7E6C5C;
text-align: right;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 156.5%;
width: 78%;
margin: auto;}
.txt-proj h2>span {color: #F26530;}
.txt-proj p {
  margin: auto;
    width: 75%;
color: #685A4D;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 36.96px */
text-transform: capitalize;}



/********Section 1 Proj **********/

	.projects-title { padding: 44px 0px 24px 0px;}
	.projects-title h2{ padding:0px; margin: auto;}

	.projects-items, .projects-title{ margin-top: 32px;}
	.projects-title2 {background: #FFF;}

	.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****************/
.div-buttonz input{ height: 720px;box-shadow: 0px #FFF !important;}
/******************** RESPONSIVE **********************************/
@media (max-width:1536px) {
.txt-proj span {font-size: 30px; padding-top: 3%;}
.txt-proj p{font-size: 24px;width:76%}
.projects-bg { height: 300px;}
.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) {
.projects-bg{background: url("../img/bg.png") no-repeat center top ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:312px;}
	.qur-proj {
    position: relative;
    background: url(../img/children-1440.png) no-repeat right bottom;
    z-index: 200;
	}
}
@media (max-width:1085px) {
.qur-proj {
    position: relative;
	background: url(../img/children-1440.png) no-repeat right bottom;}
.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) {

#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;}
.txt-proj p {
    margin: auto;
    width: 95%;
    color: #685A4D;
    font-size: 21px;
    margin-top: 27px;}
	.p-larj {display: none;}
	.p-zmall{display: block !important;}
}
@media (max-width:767px) {

#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-img { 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:702px){
	.projects-bg {
    background: url( "../img/bg-550.png") no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 305px;}
	.txt-proj p {
    width: 55%;
    color: #685A4D;
    font-size: 21px;
    margin-right: 46px;
}
}

@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 */}
	.img-fluid {width: 100%;height: 100%; object-fit: cover;}
}
@media (max-width:575px) {
.proj-box .cordz {
    width: auto;
	margin-bottom: 21px;}
}

@media (max-width:550px) {
.txt-proj p {
    width: 55%;
    color: #685A4D;
    font-size: 16px;
    margin-right: 25px;
}
}

@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) {
	.projects-bg{background: url("../img/bg-375.png") no-repeat center top ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:235px;}
.txt-proj{padding-top:10px; }

}
@media (max-width:365px) {	
span.about-name {font-size: 12px;}
}
@media (max-width:325px) {	
.tab-c-txt p { font-size: 14px;}
.sec-logo {margin: auto;padding-top: 0%;}
.headz { height: 100%}
/*.qur-proj img {position: absolute;left: 0;  bottom: 0; margin-bottom: 18px;}*/

.txt-proj h2 {
color: #7E6C5C;
text-align: right;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 156.5%;
width: 78%;
margin: auto;}
.txt-proj h2>span {color: #F26530;}
.txt-proj span {
    font-size: 21px;
    padding-top: 0%;
}
}

/********Section 1 Proj **********/