body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .navbar {
            background-color: white;
            border-bottom: 1px solid #ddd;
        }
        .navbar-brand img {
            max-height: 50px;
        }
        .navbar-nav .nav-link {
            color: #000000;
            font-weight: bold;
        }
        .nav-link a:active {
              background-color: #cb8d02;
            }
         .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
        .hero {
            background-image: url('images/header-beauce-extermination.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
            padding: 130px 0;
        }
        .hero.contact {
        background:#40435b ;
        padding : 50px 0;
        padding-bottom: 5px;

            }

        .hero.home {
        text-align: left;
            padding: 230px 0;
            }

            .hero.home h1 {
            font-size: 1.5rem;
            font-weight: 600;
                text-transform: uppercase;


        }
        .hero.home p {
            font-size: 14px;
            font-weight: 200;
        }
        .hero.home span {
            font-weight: 600;
        }

        .hero h1 {
            font-size: 2.5rem;
            font-weight: 600;
                text-transform: uppercase;


        }
        .hero p {
            font-size: 14px;
            font-weight: 200;

        }
        .bold{
            font-weight: 600;
        }

        .parasite-index {
            padding: 50px 0;
            background-color: #fff;
            background-image: url(images/feuilles.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .parasite-index2 {
            padding: 60px 0 !important;
            
        }
        .services {
            background-color: #2d2f3f;
            color: white;
            padding: 50px 0;
        }
        .services h2 {
            font-size: 2rem;
            margin-bottom: 20px;
        }
        .services p {
            font-size: 1.2rem;
            margin-bottom: 40px;
        }
        .service-item {
            padding: 20px;
        }
        .service-item img {
            max-height: 90px;
            margin-bottom: 15px;
        }
        .service-item h4 {
            font-size: 1.2rem;
        }
        .parasite-index {
            padding: 50px 0;
            
        }
        .parasite-index h2 {
            font-size: 28px;
            margin-bottom: 20px;
        }
        .parasite-index p {
            font-size: 1.2rem;
            margin-bottom: 30px;
        }
        .parasite-index img {
            max-height: 150px;
            margin-bottom: 20px;
        }
        .cont {
    
            font-size: 17px;
            font-weight: lighter;
        }
        .green{
           color:  #cb8d02  !important;
        }

        .greenbg{
           background-color:  #cb8d02
!important;
        }
        .callit{
            background-color: #40435b !important;
        border-color: #034890 !important;
            font-weight: 600;
                margin-bottom: 10px;


        }

        .red-section {
    background-color: #b7a525;
    color: white;
    padding: 20px 0;
    }
.red-section .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.red-section h2,
.red-section .btn {
    margin: 0 10px;
}
.red-section h2 {
    font-size: 15px;
        font-weight: 600;

}

.red-section .btn {
    background-color: #2d2f3f;
    color: white;
    font-size: 1.2rem;
    padding: 10px 20px;
    margin-bottom: 0 !important;
}
.index-section {
    background-color: white;
    padding: 50px 0;
}

.index-section .content {
    display: flex;
    justify-content: space-between;
}

.index-section .content img {
    max-width: 45%;
}

.index-section .text-content {
    max-width: 50%;
}

.index-section .text-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.index-section .text-content p {
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.index-section .text-content .btn {
    background-color: #e3dc4d;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
}
.text-content img{
    width: 120px;
    margin-bottom: 40px;
}

.hero.about {
    background: url('images/header-beauce-extermination.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 100px 0;
    text-align: center;
}

.about-info {
    background-color: #f8f9fa;
    padding: 50px 0;
}

.about-info h2 {
    margin-bottom: 30px;
    font-weight: bold;
}

.mission-icon {
    width: 140px;
    height: 100px;
    margin-bottom: 20px;
}

.about-info p {
    margin-bottom: 20px;
    line-height: 1.6;
}

.call-to-action {
    background-color: #f1f1f1;
    padding: 30px 0;
    color: #5e5f6b;
}

.call-to-action p {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.call-to-action .btn {
    background-color: #5e5f6b;
    color: #fff;
    font-size: 1.25rem;
    padding: 10px 20px;
    border-radius: 5px;
}





.about-info .col-md-6 {
    text-align: center;

}

.about-info .col-md-6 img {
    max-width: 100%;
    border-radius: 50%;
}

.about-info .row {
    justify-content: center;
        flex-direction: column;
    align-items: center;
}



.contact-info {
    background-color: #40435b;
    color: #fff;
    padding: 35px 0;
}
.form-control{
        background-color: #f7f7f7 !important;

}



.contact-info img {
    width: 160px;
    height: 80px;
    margin-bottom: 20px;
}

.contact-form {
    padding: 50px 0;
}

.contact-form h3 {
    margin-bottom: 20px;
}
.contact-form a{
    color:  #cb8d02
 ;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

    .index-section .text-content .btn:hover {
        background-color:  #cb8d02
;
    }



    .tips-info {
    padding: 60px 0;
}

.tips-info h2 {
    font-size: 36px;
    margin-bottom: 40px;
}

.tips-info .tips-icon {
    width: 140px;
    margin-bottom: 40px;
}

.tips-info .tips-title {
    font-size: 18px;
    cursor: pointer;
    color: #e2ce40;
    text-transform: uppercase;
    text-align: center;

}
.tips-title:first-child{
    border-bottom: 1px solid #f3f3f3 ;
}

.tips-info p {
    margin-bottom: 20px;
    line-height: 30px;
}
.bordered{
    border-left: 1px solid #f3f3f3;
}
.red-section {
    background-color: #877705;
    color: #fff;
    padding: 20px 0;
}

.red-section .btn.callit {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
}



@media only screen and (min-width: 768px) {
    .half{
        max-width: 50%;
    }
    .about-info .container{
        max-width: 55%;
}
}
@media only screen and (max-width: 768px) {

        .index-section .content {
            align-items: center;
        }
}


        .footer {
            background-color: #2d2f3f;
            color: white;
            padding: 40px 0;
        }
        .footer h5 {
            font-size: 1.2rem;
            margin-bottom: 15px;
            text-align: left;
        }
        .footer p , ul{
            
            text-align: left;
        }
        .footer li{
            
          padding-bottom: 15px;

        }

        .footer a {
            color: white;
            text-decoration: none;
        }
        .footer img {
            float: left;
        }
        .footer a:hover {
            text-decoration: underline;
        }
.custom-btn {
    background-color: #cb8d02;
    border-color: #cb8d02;
    color: white;
}