
.proj-banner1 {
background-image: url('../img/project/banner1.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.proj-banner1.villas {
background-image: url('../img/project/banner2.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
width: 100%;
display: grid;
align-items: center;
justify-content: end;
}

.proj-banner1.visista {
background-image: url('../img/project/banner3.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
width: 100%;
display: grid;
align-items: center;
justify-content: end;
}

.proj-banner1.galaxy {
background-image: url('../img/project/banner4.webp');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
width: 100%;
display: grid;
align-items: center;
justify-content: end;
}

.proj-banner1.nest {
background-image: url('../img/project/banner5.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
width: 100%;
display: grid;
align-items: center;
justify-content: end;
}

.proj-banner1.convention {
background-image: url('../img/project/banner6.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
width: 100%;
display: grid;
align-items: center;
justify-content: end;
}

.proj-banner1.villas .p-sub1, .proj-banner1.visista .p-sub1,
.proj-banner1.galaxy .p-sub1, .proj-banner1.nest .p-sub1,
.proj-banner1.convention .p-sub1 {padding-right: 50px;}

.proj-seca .p-suba{
padding-top: 150px;
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
}
.proj-secb .p-suba div img{
object-fit: contain;
}
.p-sub1 h1{
font-family: "Inria-b";
font-size: 3rem;
color: #143F16;
}
.p-sub1 h1 span{
font-family: "Montserrat", sans-serif;
font-size: 25px;
color: #000;
}
.p-sub1 p{
color: #0D2A0F;
font-family: "Mont";
font-size: 12px;
letter-spacing: 2px;
}
/* -------------------------------------seca end-------------------------------------------------------------------- */

.proj-secb{
padding: 100px 0px;
position: relative;overflow: hidden;
}
.proj-secb .p-subb h2{
font-family: "Inria-b";
color: #143F16;
margin-bottom: 20px;
position: relative;
}
.proj-secb .p-subb h4{color: #143F16;font-weight: 650;letter-spacing: 0.6px;
    margin-bottom: 10px;margin-top: 20px;font-size: 20px;}
.proj-secb .p-subb ul li{color: #143F16;list-style-type: circle;}
.proj-secb .p-subb h2 span{   
border-bottom: 1px solid #000;
position: absolute;
width: 150px;
bottom: 20%;
margin-left: 11px;

}
.proj-secb .p-subb p{
font-size: 14px;
line-height: 25px;
color: #143F16;
font-family: "Mont-m";
}
.proj-secb::after{
content: "";
background-image: url(../img/project/f1.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 80px;
height: 100px;
right: 0;
bottom: -1%;
transform: scale(2);
}

/* ------------------------------------------secb end----------------------------------------------------------- */
.proj-secc{
background-color: #EBEBEB;
padding: 50px 0px;
}
.proj-secc .p-suba h2{
font-family: "Inria-b";
color: #143F16;
margin-bottom: 30px;
position: relative;
}
.proj-secc .p-suba h2 span{   
border-bottom: 1px solid #000;
position: absolute;
width: 150px;
bottom: 20%;
margin-left: 11px;
}
.proj-secc .d-flex{
justify-content: center;
align-items: center;
}
.proj-secc .p-subb, .proj-secc .p-subc, .proj-secc .p-subd, .proj-secc .p-sube, .proj-secc .p-subf, .proj-secc .p-subg, .proj-secc .p-subh, .proj-secc .p-subi{
padding: 30px 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.proj-secc .circle{
background-color: #D9D9D9;
border: 1px solid #D9D9D9;
border-radius: 50%;
padding: 10px;
width: 100px;
height: 100px;
margin-bottom: 20px;
}
.proj-secc .circle img{
padding: 14px 14px;
}
.proj-secc .text{
/* padding: 0px 45px; */
text-align: center;
}
.proj-secc .text span{
font-size: 13px;
}
.proj-secc .p-subb p, .proj-secc .p-subc p, .proj-secc .p-subd p, .proj-secc .p-sube p, .proj-secc .p-subf p, .proj-secc .p-subg p, .proj-secc .p-subh p, .proj-secc .p-subi p{
font-family: "Inst";
font-size: 14px;
}

/* ----------------------------------------secc end------------------------------------------------------------ */

.proj-secd{overflow: hidden;
padding: 50px 0px;
position: relative;
}
.proj-secd .p-suba h2{
font-family: "Inria-b";
color: #143F16;
margin-bottom: 30px;
}
.proj-secd .carousel{
display: flex;
justify-content: center;
align-items: center;
}

#slider .slick-slide {
/* opacity: 1; */
transform: scale(0.9) perspective(1000px) rotateY(0deg);
transition: all 0.5s ease;
position: relative;
/* margin-right: -30px;
margin-left:-20px; */
height: 300px;
opacity: 0.6;

}
#slider .slick-slide img{
width: 100%;
height: 300px;
}
#slider .slick-center {
opacity: 1;
transform: scale(1.3) perspective(1000px) rotateY(0deg);
z-index: 2;


}

#slider .slick-center + .slick-slide,
#slider .slick-center ~ .slick-slide:not(.slick-center) {
transform: scale(0.9) perspective(1000px) rotateY(0deg);
}

#slider .slick-prev, #slider .slick-next{
position: relative;
border: none !important;
background-color:#347937;
border-radius: 50%;
padding: 10px;
align-items: center;
}
#slider .slick-prev::before{
content: "";
background-image: url(../img/left.webp);
display: inline-block;
width: 25px;
height: 22px;
background-repeat: no-repeat;
filter: invert(1);

}
#slider .slick-next::before{
content: "";
background-image: url(../img/right.webp);
display: inline-block;
width: 25px;
height: 22px;
background-repeat: no-repeat;
filter: invert(1);
}
.proj-secd::after{
content: "";
background-image: url(../img/project/f2.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 70px;
height: 100px;
right: 0;
top: 10%;
transform: scale(2);
}
/* --------------------------------------secd end------------------------------------------------------------- */
.proj-sece{
padding: 50px 0px;
position: relative;
}

.proj-sece .p-suba h2{
font-family: "Inria-b";
color: #143F16;
margin-bottom: 30px;
position: relative;
}
.proj-sece .p-suba h2 span{   
border-bottom: 1px solid #000;
position: absolute;
width: 150px;
bottom: 20%;
margin-left: 11px;
}

.proj-sece .item p{
color: #143F16;
font-family: "Inria-b";
font-size: 22px;
}
.proj-sece .item p span{
color: #143F16;
font-family: "Mont";
font-size: 20px;
}
.proj-sece::after{
content: "";
background-image: url(../img/project/f3.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 100px;
height: 70px;
left: -2%;
top: -10%;
transform: scale(3);
}
.proj-sece .item img{
border-radius:30px; 
min-height:300px;
}
.proj-secb .p-subb  a{
background-color: #143f16;
border-radius: 30px;
padding: 5px 30px;
color: #fff;
margin-top: 30px;
width: 25%;
}

/* ------------------------------------------Responsive------------------------------------------------------ */

/* 125 */
@media (min-width: 1045px) and (max-width: 1100px){
.proj-secb .p-subb a{
width: 28% !important;
}
}

/* large tab */
@media (min-width: 992px) and (max-width: 1044px){

.hdr .head-nav .nav-link{
margin: 0px 1px;
font-size: 10px;
}
.proj-secb .p-subb a {
width: 30%;
margin-top: 0px;
}
.proj-secb .p-subb p {
font-size: 13px;
line-height: 23px; 
}
.proj-secc .p-subb p, .proj-secc .p-subc p, .proj-secc .p-subd p, .proj-secc .p-sube p, .proj-secc .p-subf p, .proj-secc .p-subg p, .proj-secc .p-subh p, .proj-secc .p-subi p {
font-size: 12px;
}

}

@media (min-width: 768px) and (max-width: 991px){
.proj-secb .p-subb a {
width: 37%;
margin-top: 0px;
}
.proj-secb .p-subb p{
font-size: 12px;
line-height: 18px;
}
.proj-secc .p-subb p, .proj-secc .p-subc p, .proj-secc .p-subd p, .proj-secc .p-sube p, .proj-secc .p-subf p, .proj-secc .p-subg p, .proj-secc .p-subh p, .proj-secc .p-subi p{
font-size: 8px;
}
.proj-secc .text span{
font-size: 9px;
}
}
@media (min-width: 100px) and (max-width: 767px){
.proj-secb .p-subb a{
width: 43%;
}
.proj-seca .p-suba{
margin-left: 10px;
}
.proj-secb .p-subb h2 span{
width: 90px;
}
.proj-secb::after, .proj-secd::after{
display: none;
}
.proj-secc .p-subb p, .proj-secc .p-subc p, .proj-secc .p-subd p, .proj-secc .p-sube p, .proj-secc .p-subf p, .proj-secc .p-subg p, .proj-secc .p-subh p, .proj-secc .p-subi p{
font-size: 8px;
}
.proj-secc .text span {
font-size: 9px;
}
.proj-sece::after{display:none;}

}


.proj-secb .p-subb{height: 400px;overflow-y: scroll;}
#slider .slick-slide img {transition: all 0.3s ease-in-out;}



