/* white you custom css code here. only css code will work */
.top-bar-area,
.client-section .client-area{
	display:none !important;  
}
/* Estilos para imagens */
.img-wrap img,
.image-wrapper img,
.industry-video-wrap img {
    max-width: 100%; /* Definir largura máxima de acordo com o contêiner pai */
    height: auto; /* Permitir que a altura seja ajustada proporcionalmente */
    max-height: 450px; /* Definir altura máxima */
}

.top-experience-area{
    background-color: #637457 !important;
}
.top-experience-area p,
.top-experience-area .flaticon-right-quote-1{
    color: #ffffff !important;
}

.experience-author .thumb-1 img,
.all-courses-area .single-cleaning-service-item .thumb img{
    border-radius: 15px !important;
}
.single-cleaning-service-item .content .title{
    font-size: 16px !important;
    margin-top: -50px !important;
    
}
.logistics-single-what-we-cover-item .content .title{
    align-items: center;
    font-size: 16px !important;
    line-height: 35px !important;
    margin-top: -25px !important;
}
.experience-author .thumb-2 img{
    border-radius: 15px !important;
    margin-top: 120px !important;

}



/* Media query para telas menores */
@media (max-width: 768px) {
    .img-wrap img,
    .image-wrapper img,
    .industry-video-wrap img {
        max-height: none; /* Remover a altura máxima para se ajustar à tela menor */
    }
}
.header-slider-wrapper.cdesign-home {
    background-attachment: fixed; /* Mantém a imagem fixa enquanto o conteúdo rola */
    background-position: center center; /* Posição central da imagem de fundo */
    background-size: cover; /* Redimensiona a imagem de fundo para cobrir o contêiner */
}

.logistic-video-wrap img{
	width: 100% !important;
}
.cleaning-about-area-wrap .left-content-wrap .img-wrap img,
.logistics-single-what-we-cover-item .thumb img,
.construction-video-wrap img{
  border-radius: 15px !important;
}
.footer-area,
.home-21.footer-area .footer-top,
.home-21 .widget.footer-widget .widget-title,
.contact_info_list li.single-info-item .icon, .footer-widget.widget_nav_menu ul li a:after,
.contact_info_list li.single-info-item .details{
	background-color: #637457 !important;
  	color: #ffffff !important;
}
.home-21.footer-area .copyright-area.copyright-bg{
	background-color: #2d9953 !important;
}
.dagency-cta-area .btn-dagency{
	display: none !important;
}
h1, h2, h3, h4{
	color: #014019 !important;
  	font-size: 46px !important;
  	line-height: 56px !important;
}
.about-us .all-courses-area,
.cleaning-about-area-wrap,
.about-us .all-courses-area p,
.cleaning-about-area-wrap p{
	background-color: #637457 !important;
  	color: #ffffff !important;
}

.course-inner-area-wrap,
.estimate-form-wrapper .submit-btn{
  background-color: #58694c !important;
}

.header-area.cdesign-agency-home .title,
.header-area .cdesign-agency-home .title{
	color: #ffffff !important;
}
.header-slider-wrapper {
    position: relative;
    overflow: hidden;
}

.header-slider-wrapper::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* Proporção 16:9 para a área de visualização da imagem */
}

.header-slider-wrapper .right-image-wrap,
.header-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cleaning-about-area-wrap .right-content-wrap .subtitle{
    color: #ffffff !important;
}



/* Estilos para os elementos internos */
/* ... */

/* Se desejar, você pode adicionar estilos adicionais aos elementos internos aqui */