:root {
  --white-color: #ffffff;
  --green-color: #43ba7f;
  --secondary-color: #dc3545;
  --danger-color: #DC3545;
    --yellow-color: #FFC107;
}

/*=========== label ======== */
    .label-warning{
        color:#ff0000;
        background-color: #fff;
        padding: 5px;
    }

    .label-success{
        color:#009933;
        background-color: #fff;
        padding: 5px;
    }
 /*========== label ========== */   

.bg-green{
    background-color: var(--green-color);
}

.green-text{
    color: var(--green-color);
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.text-warning{
  color: var(--green-color)!important;
}



/*============ verdant plan =========== */
.verdp{
    text-align: center;
    
    height: 300px;
    min-height: 300px;
    max-height: 400px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;
   
}

.wte{
        text-align: center;
    
    height: 380px;
    min-height: 380px;
    max-height: 400px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;

}

.wiw{
    text-align: center;
    height: 600px;
    min-height: 600px;
    max-height: 620px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;

}



.verdp .projects-title-wrap .custom-btn{
    margin-top: 20px;
}

.vp-green{
    background-color: var(--green-color);

}

.vp-green .projects-title {
    color: #fff;
}

.vp-light{
    background-color: #ecf8f2;
}

.vp-light .projects-title {
    color: var(--green-color);
}

.vp-light .projects-title-wrap small{
    color: var(--green-color);
}




/*=========== Team =========== */
.team{

    text-align: center;
    height: 380px;
    min-height: 380px;
    max-height: 380px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;

}

.team .projects-info .image-box{
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.team .projects-info .projects-title {
    margin-top: 1em;
}


.team-section{
        text-align: center;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;

}









/*======== quality ============= */
.projects-thumb{
    color:#fff;
    text-align: center;
    background-color: var(--green-color);
    height: 300px;
    min-height: 300px;
    max-height: 350px;
    padding: 20px;
    margin-bottom: 1em;
}

.projects-thumb .projects-title{
    color: #fff;
}

.pj-right{
        background-size: cover;
    background-repeat: no-repeat;
}

.pj-left{
    background-size: cover;
    background-repeat: no-repeat;
}


.projects-thumb small{
    font-size: 16px;
}






/*---------------------------------------
 properties =========              
-----------------------------------------*/
.prop-thumbprop {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  transition: all 0.3s;
  cursor: pointer;
}

.prop-thumbprop-large {
  min-height: 356px;
}

.prop-thumbprop:hover {
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}

.prop-thumbprop:hover .prop-image {
  transform: scale(1.2);
}

.prop-thumbprop:hover .prop-title-wrap {
  padding-bottom: 30px;
}

.prop-thumbprop:hover .custom-btn,
.prop-btn-wrap .custom-btn:hover {
  background: var(--primary-color);
}

.prop-title-wrap {
  background: linear-gradient(to top, var(--dark-color), transparent 90%);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 25px 25px 10px 25px;
  transition: all 0.2s;
}

.prop-small-title {
  color: var(--primary-color);
  text-transform: uppercase;
}

.prop-title {
  color: var(--white-color);
}

.prop-image {
  border-radius: 20px;
  width: 100%;
  height: auto;
  transition: all 0.3s;
}

.prop-thumbprop-large .prop-image {
  object-fit: cover;
  height: 100%;
}

.prop-btn-wrap {
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.prop-btn-wrap .custom-btn {
  font-size: 30px;
  padding: 7.5px 15px;
}










/*========= footer ============== */
/* Footer Style */

footer {
    background-image: url(../images/new/photo_28.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 0px;
    color: #fff;
}

footer h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.25px;
    margin-bottom: 35px;
}


footer .header-orange{
    color: var(--danger-color);
}

footer .header-green{
    color: var(--yellow-color);
}

footer p {
    color: #fff;
}

footer .tandc{

    text-align: center;
    color: #fff;
    /*border-top: 1px solid var(--yellow-color);*/
    margin-top: 10px;
}

footer .tandc p a, footer .tandc p{
     font-size: 14px;
    color: white;
}

footer .tandc p a: hover{
    color: blue;
}


footer ul.social-icons {
    margin-top: 25px;
}

footer ul.social-icons li {
    display: inline-block;
    margin-right: 5px;
}

footer ul.social-icons li:last-child {
    margin-right: 0px;
}

footer ul.social-icons li a {
    width: 34px;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    background-color: #fff;
    color: #232323;
    border-radius: 50%;
    transition: all 0.3s;
}

footer ul.social-icons li a:hover {
    background-color:#f9f9f9;
}

footer ul.menu-list li {
    margin-bottom: 13px;
}

footer ul.menu-list li:last-child {
    margin-bottom: 0px;
}

footer ul.menu-list li a {
    font-size: 14px;
    color: #fff;
    transition: all 0.3s;
}

footer ul.menu-list li a:hover {
    color:#222;
}

footer .contact-form input {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0px 15px;
    color: #aaa!important;
    background-color: #343434;
    font-size: 13px;
    text-transform: none;
    box-shadow: none;
    border: none;
    margin-bottom: 15px;
}

footer .contact-form input:focus {
    outline: none;
    box-shadow: none;
    border: none;
    background-color: #343434;
}

footer .contact-form textarea {
    border-radius: 20px;
    height: 120px;
    max-height: 200px;
    min-height: 120px;
    display: inline-block;
    padding: 15px;
    color: #aaa!important;
    background-color: #343434;
    font-size: 13px;
    text-transform: none;
    box-shadow: none;
    border: none;
    margin-bottom: 15px;
}

footer .contact-form textarea:focus {
    outline: none;
    box-shadow: none;
    border: none;
    background-color: #343434;
}

footer .contact-form ::-webkit-input-placeholder { /* Edge */
  color: #aaa;
}
footer .contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa;
}
footer .contact-form ::placeholder {
  color: #aaa;
}

footer .contact-form button.filled-button {
    background-color: transparent;
    color: #fff;
    background-color: green;
    border: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 30px;
    display: inline-block;
    transition: all 0.3s;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}

footer .contact-form button.filled-button:hover {
    background-color: #fff;
    color: #ff511a;
}













/* Responsive Style */
@media (max-width: 768px) {

    .wte{
        text-align: center;
    
    height: 500px;
    min-height: 500px;
    max-height: 550px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;

}

.team{

    text-align: center;
    height: 500px;
    min-height: 500px;
    max-height: 550px;
    padding-top: 40px;
    padding: 40px 20px;
    margin-bottom: 1em;

}

.projects-thumb{
    color:#fff;
    text-align: center;
    background-color: var(--green-color);
    height: 350px;
    min-height: 350px;
    max-height: 400px;
    padding: 20px;
    margin-bottom: 1em;
}


/*============ team -==============*/

.team-section{
        height: 550px;
    min-height: 550px;
    max-height: 550px;
}




    footer {
        padding: 80px 0px 20px 0px;
    }
    footer .footer-item {
        border-bottom: 1px solid #343434;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    footer .last-item {
        border-bottom: none;
    }
}