*{
  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-weight: bold;
}
@font-face {
   font-family: Montserrat;
   src: url(../fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
}

/*button effects*/
.btn{
padding: 8px 20px;
font-size: 18px;
border-radius: unset;
color: var(--darkgrey);
background-color: var(--white);
}
button.btn_about{
margin-top: 1%;
}
button.learnmore{
margin: 15% 0% 0 2%;
border: 1px solid var(--darkgrey);
}
button.about-us{
  color: var(--white);
  background-color: var(--darkgrey);
  margin: 11% 2% 0 0%;
}

/*similar classes*/
.heading{
    color: var(--green);
    font-size: 40px;
    letter-spacing: 1px;
}
.bebas{
  font-family: Bebas;
}

/*navigation starts 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:hover{
  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 ends 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;
}


/*inside pages breadcrumb*/
.breadcrmb{
  padding: 4% 0px;
  background-color: #2b6c40;
  color: #dadada;
}
.breadcrmb_text a{
  color: #ffffff;
}
.breadcrmb_text a:hover{
  color: #e1e1e1;
}
.breadcrmb_text h2{
  font-size: 40px;
  text-transform: uppercase;
}


/* --------------------------------------------------------------------------------------------- */
/* about page start here */
/* --------------------------------------------------------------------------------------------- */
.abt_ck{
  padding: 4% 0px;
}
.abt_ck h3 {
    margin-bottom: 5%;
    text-align: center;
    color: var(--darkgrey);
}
.ck{
  color: #1b6b22;
}
.abt_ck_one{
  display: flex;
}
.abt_ck_one h2{
  font-size: 25px;
  color: var(--darkgrey);
}
.abt_ck_one h4{
  padding: 2%;
  background-color: #1b6b22;
  color:white;
  margin: 3% 0px;
}
.abt_ck_one .btn.btn-one{
  color: white;
  background-color: #1b6b22;
  padding: 2% 5%;
  font-size: 13px;
  border-radius: 0px;
}
.team{
  padding: 0 0 3% 0px;
  background-color: #f8f9fa;
}
.team_01{
    border: 1px dotted var(--green);
    padding: 2%;
    margin: 2% 0;
    /*background: #e3e3e3;*/
    text-align: justify;
}
.team h2{
  color: var(--darkgrey);
}
.team h6{
  color: var(--green);
  font-weight: 600;
  font-size: 17px;
  text-decoration: underline;
  margin-bottom: 2%;
}

/* --------------------------------------------------------------------------------------------- */
/* about page ends here */
/* -------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/* projects page start here */
/* --------------------------------------------------------------------------------------------- */

.brdcm_prj{
  padding: 4% 0px;
  background-color: #3c3b3ba6;
  color: white;
}

.brdcm_start_here_prj a{
  color: #1b6b22;
}
.brdcm_start_here_prj h2{
  font-size: 41px;
}

/* property start here */

.Portfolio{
  padding: 3% 0px;
  /*border-bottom: 1px solid #00000045;*/
}
.Portfolio h3{
  font-size: 38px;
  margin-bottom: 3%;
  color: #3c3c3b;
}

.portfolio_one{
  padding: 5%;
  background: #ebebeb;
  box-shadow: 3px 0px 14px #cecece;
  color: #4c4c4c;
}
.portfolio_one h4{
  font-size: 16px;
  margin: 0px;
  color: var(--green);
  text-transform: uppercase;
}
.portfolio_one p{
  margin-bottom: 5%;
  color: var(--darkgrey);
}
.Portfolio-one{display: flex;flex-wrap: wrap;margin-bottom: 2%;}
.Portfolio-one button{
  border: 1px dotted var(--green);
}
.nav{
  margin-left: 3%;
}
.nav a{
  color: black;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #1b6b22 !important;
}
.nav-pills .nav-link {
    border-bottom: 1px solid #1b6b22;
    margin: 10px;
}
#completed h2{
  font-size: 25px;
  padding: 2%;
  color: #1b6b22;
}
#upcoming h2{
  font-size: 30px;
  padding: 2% 0 1% 0;
  color: #1b6b22;
}
.proj_01{
  border-bottom: 1px solid #00000038;
}
/* --------------------------------------------------------------------------------------------- */
/* projects page end here */
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/* CONTACTS  page START here */
/* --------------------------------------------------------------------------------------------- */
.brdcm_con{
  padding: 4% 0px;
  background-color: #3c3b3ba6;
  color: white;
}

.brdcm_start_here_con a{
  color: #1b6b22;
}
.brdcm_start_here_con h2{
  font-size: 41px;
}


.btn.btn-lg.btn-range{
  font-size: 16px;
  background-color: #1b6b22;
  color: white;
  border-radius: 0px;
}
.iframe1{
  height: 404px;
}
.contact_page_one h2{
  color: #1b6b22;
  margin-bottom: 3%;

}
.contact_page{
  padding: 3% 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.212);
}
/* --------------------------------------------------------------------------------------------- */
/* CONTACTS  page END here */
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/* gallery  page start here */
/* --------------------------------------------------------------------------------------------- */


.brdcm_abt_gal{
  padding: 4% 0px;
  background-color: #3c3b3ba6;
  color: white;
}

.brdcm_start_here_gal a{
  color: #1b6b22;
}
.brdcm_start_here_gal h2{
  font-size: 41px;
}




.gallery_sec {
  /* width: 100%; */
  padding: 80px 0;
  border-bottom: 1px solid #00000038;
}
.heading{
  width:100%;
  /* text-align:center; */
}
.heading h2{
  font-size: 36px;
  /* font-weight: bold; */
  padding-bottom: 25px;
}
.gallery_sec img, video{
  width:100%;
  margin-bottom:30px;
  height:250px;
}

.gallery_sec a {
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}


/*.gallery_sec a::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
  top:45%;
  left:50%;
  transform:translate(-50%, -50%);
}*/

.gallery_sec img {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.gallery_sec a:hover img {
    position: relative;
    width: 100%;
}

.gallery_sec a:hover img {
    opacity: 0.2;
}

/*.gallery_sec a:hover::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: url(https://i.ibb.co/3fMkjjF/Resize.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}*/

/* --------------------------------------------------------------------------------------------- */
/* gallery  page end here */
/* --------------------------------------------------------------------------------------------- */


/*hospitility*/
.restaurant{
    padding: 3% 0;
}
.hospi{
        padding: 5%;
    background: #ebebeb;
    box-shadow: 3px 0px 14px #cecece;
    color: #4c4c4c;

}
.hospi 
h4{
    font-size: 16px;
    margin: 0px;
    color: var(--green);
}