*{
  margin:0;
  padding: 0;
  box-sizing: border-box;
  font-family: Montserrat;
}
/*variables*/
:root {
  --blue: #1e90ff !important;
  --white: #ffffff !important;
  --black: #000 !important;
  --grey: #ccc !important;
  --green: #1b6b22 !important;
  --darkgrey: #3C3C3B !important;
}

/*font family*/
@font-face {
   font-family:bebas;
   src: url(../fonts/Bebas_Neue/BebasNeue-Regular.ttf);
}
@font-face {
   font-family: Montserrat_italic;
   src: url(../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf);
}
@font-face {
   font-family: Montserrat;
   src: url(../fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
}


/* navigation  start here */
.navigation-bar{
  padding: 0 5%;
}
.navigation-bar .navbar ul li a.active{
    color: var(--green) !important;
    font-weight: 600;
    text-decoration: underline;
}
.navigation-bar .navbar ul li a{
  text-transform: uppercase;
  color: var(--darkgrey) !important;
  font-size: 18px;
  padding-right: 0.80rem !important;
    padding-left: 0.80rem !important;
}
.navigation-bar .navbar ul li a:hover{
   color: var(--green) !important;
    font-weight: 600;
    text-decoration: underline;
}
/* navigation  ends here */


/* slider starts here  */
 .carousel-inner img {
    width: 100%;
    height: 100%;
  }
/*.home_banner_text h3{
  font-size: 25px;
  text-align: left;
  line-height: 0px;
  margin: unset;
}
.home_banner_text h1{
    font-size: 250px;
    font-family: bebas;
    margin: unset;
    line-height: 1;
}*/
.a1{
  position: absolute;
  top: 25%;
}
 .us{
    margin-top: -1.5%;
}
.mbl-carousel{
  display: none;
}
/* slider ends here  */


/*modal*/
.modal-fter{
  padding: 3%;
  border-top: 1px solid #e9ecef;   
}
.modal-fter .btn-modal{
    background-color: var(--green);
    padding: 5px 17px;
    color: white;
    /*border: 1px solid var(--green);*/
}


/*about home starts here*/
.about_home{
  padding: 6% 0;
  background: url(../img/svg/about_bg1.svg);
  background-position: right top;
  background-repeat: no-repeat;
}
.about_home h5:before{
  content: "";
  background-color: var(--darkgrey);
  width: 15%;
  height: 2px;
  margin-top: 20px;
  margin-right: 10px;
  float: left;
  opacity: 0.8;
} 
.about_home p{
  margin: 2% 0;
}
/*about home ends here*/


/* property start here */
.property{
  padding: 5% 0;
}
.Portfolio{
  padding: 3% 0px;
}
.Portfolio h3{
  font-size: 38px;
  font-family: -webkit-body;
  margin-bottom: 3%;
  color: #3c3c3b;
}
.portfolio_one{
  padding: 5%;
  background: #ededed;
  box-shadow: 3px 0px 14px #cacaca;
  color: #272727;
}
.portfolio_one h4{
  font-size: 15px;
  margin: 0px;
  color: var(--green);
}
.portfolio_one p{
  font-size: 15px;
  margin: 0px;
  color: var(--darkgrey);
}
.Portfolio-one{
    display: flex;
    flex-wrap: wrap;
}
.portfolio_a{
  text-align: center;
}
.portfolio_a:hover{
  color: var(--green);
}
.proj_btn {
    background-color: var(--white);
    color: var(--darkgrey);
    margin-top: 4%;
    border: 1px dotted #000 !important;
}
.nav a{
  color: black;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #1b6b22 !important;
}


#completed h2{
  font-size: 25px;
  padding: 2%;
  font-family: -webkit-body;
  color: #1b6b22;
}
#upcoming h2{
  font-size: 25px;
  padding: 2%;
  font-family: -webkit-body;
  color: #1b6b22;
}
.proj_01{
  border-bottom: 1px solid #00000038;
}
.property h5:before {
    content: "";
    background-color: var(--darkgrey);
    width: 3%;
    height: 2px;
    margin-top: 20px;
    opacity: 0.8;
    position: absolute;
    right: 51.5%;
}
.heading{
    font-size: 40px;
    color: #1b6b22;
    text-transform: uppercase;
    font-weight: 500;
}
.subheading{
  font-size: 18px;
  text-transform: uppercase;
}
.nav-pills .nav-link {
    border-bottom: 1px solid #1b6b22;
    margin: 10px;
}
.Portfolio .nav-link:focus, .Portfolio .nav-link:hover {
    text-decoration: none;
    color: #fff;
    background-color: #1b6b22 !important;
    transition: .5s;
}
/* property Ends here */


/*family section starts here*/
.family{
  padding: 5% 0;
  background: #ededed;
}
.family h5:before{
  content: "";
  background-color: var(--darkgrey);
  width: 15%;
  height: 2px;
  margin-top: 20px;
  margin-right: 10px;
  float: left;
  opacity: 0.8;
} 
.family p{
  margin: 2% 0;
}


/*reasons to celebrate starts here*/
.reasonscel{
  padding: 5% 0;
  background: #ededed;
}
.reasonscel h5:before {
    content: "";
    background-color: var(--darkgrey);
    width: 3%;
    height: 2px;
    margin-top: 20px;
    opacity: 0.8;
    position: absolute;
    right: 53.8%;
}
.box{
    padding-top:5%;
    margin:0 auto;
    width:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box .item{
    height:150px;
    width:20%;
    padding: 20px;
    text-align: center;
    border-right:1px solid var(--darkgrey);
    position:relative;
}
.box .item:last-of-type{
    border:none;
}
.box .item h1{
    font-size:60px;
    color: var(--green);
    font-weight: 700;
}
.box .item h2{
    font-size:17px;
    color: var(--darkgrey);
}
.counter.pluscount:after{
  content: "+";
  color: var(--green);
}

.counter.lpluscount:after{
  content: ".5L+";
  color: var(--green);
}
.counter.kpluscount:after{
  content: "K+";
  color: var(--green);
}
/* testimonials start here------------------------------------ */
.testimonials-clean{
  padding: 5% 0;
}
.testimonials-clean  p {
  margin-bottom:0;
  text-align: justify;
}
.author .title{
  color: #3c3c3b;
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  margin-top: 4%;
}
/* testimonials end here */


/*footer starts here*/
.footer{
  padding: 5% 0;
  background: url(../img/svg/about_bg1.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.footer h3{
  color: var(--white);
}
.footer a{
  color: #e1e1e1;
}
.footer a:hover{
  color: #e1e1e1;
}
ul.quicklinks li{
  list-style-type: none;
}
.followus a{
    margin-right: 5%;
    font-size: 25px;
    border: 1px solid var(--white);
    padding: 3px 10px;
    border-radius: 5px;
}

/*copyright starts here*/
.copyright {
  padding: 1%;
  background: #2b6c40;
  color: #fff;
  border-top: 1px dotted #ccc;
}
.copyright a{
  color: #fff;
  text-decoration: underline;
}
.copyright a:hover{
    color: #fff;
}
.copyright p{
  margin: unset;
}

/* button */

.btn.about-us{
  background-color: var(--darkgrey);
  margin: 2% 2% 0 0%;
  color: #fff;
}