h1
{
    color:white;
}

.header-image
{
    max-height: 80vh; 
    object-fit: cover;
}

/* OUR SERVICES */

.our-services-col img
{
    border-radius: 15px;
}

.gx-custom
{
  --bs-gutter-x: 5rem;
}

@media (max-width: 992px) 
{
    .gx-custom
    {
    --bs-gutter-x: 1.5rem;
    }
}

@media (max-width: 768px) 
{
    .gx-custom
    {
        --bs-gutter-x: 1rem;
    }
}

/* OUR SERVICES */


/* RESIDENTIAL SERVICES */

.our-residential-services h1,
.our-residential-services p,
.our-residential-services hr
{
    width: 100% !important;
}

/* RESIDENTIAL SERVICES */

.quote-section 
{
    background-color: #27B171;
    padding: 3rem 1rem;
}


.quote-section h3
{
    color:#001D21;
}

.quote-section-residential .choices__inner
{
    background-color: #83CDA5 !important;
}


.quote-section-residential .choices__list
{
    background-color: #83CDA5 !important;
    color: white !important;
}

.quote-section-residential .wpforms-field-container input[type="text"],
.quote-section-residential .wpforms-field-container input[type="email"],
.quote-section-residential .wpforms-field-container input,
.quote-section-residential .wpforms-field-container select,
.quote-section-residential .wpforms-field-container textarea
{
    background-color: #83CDA5 !important;
    color: white !important;
}

.quote-section-residential option {
  background-color: #83CDA5 !important;
  color: white !important;
}

/* QUOTE */


@media (max-width: 1280px) {
  
}


@media (max-width: 1080px) 
{
    
}

@media (max-width: 992px) 
{

    .our-services-col hr
    {
        display: none;
    }

    .text-highlight-color br
    {
        display: none;
    }

    .our-residential-services
    {
        text-align: center;
    }
}


@media (max-width: 768px) {

    .header-text
    {
        text-align: center;
    }

    .header-text h1,
    .header-text p
    {
        width: 100% !important;
    }

    .header-image
    {
        max-height: 100vh; 
        object-fit: cover;
    }

    .first-column
    {
        padding-top:0px !important;
    }

    .quote-section
    {
        margin:0px;
        padding-right:15px;
        padding-left:15px;
    }

}


@media (max-width: 601px) {

    .ecological-container div{
        padding: 15px;        
    }

    .quote-section .container-fluid .row.p-5
    {
        padding: 0px !important;
    }
}


@media (max-width: 480px) {

    

}


@media (max-width: 320px) {

}