
p{
   margin-bottom: 0rem;
   font-size: 15px; 
}
ul{
    margin-bottom: 0;
}
a{
    text-decoration: none;
    font-size: 15px;
}

/* Generic Classes - start */
.homeSubTitle {
    font-size: 32px;
    font-weight: 700;
}

.titleBorder{
    border-bottom: 5px solid #2E5D84;
    width: 50px;
    margin-bottom: 20px;
}
.topContent{
    width: 50%;
    margin-bottom: 40px;
}
.topContentSafety{
    margin-bottom: 30px;
}

.breadContent{
    background: #D2D2D2;
    padding: 10px;
    border-radius: 3px;
}

.breadcrumb{
    margin-bottom: 0rem;
}

.breadcrumb-item a{
    color: #000;
}

.wpcf7-list-item {
    margin: 0;
}

.contentRight{
    margin-left: 15px;
}

.home .navbar-toggler{
    border: 1px solid #fff;
}
.home .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Generic Classes - end */

/* Header - start */
.site-header{
    position: relative;
    z-index: 1000;
}
.navbar-brand{
    width: 110px;
}
.navbar-brand img{
    width: 100%;
}
.navbar-nav {
    align-items: center;
}
.navbar-nav ul{
    display: flex;
}

.navbar ul li{
    margin-left: 15px;
}

.navbar ul li a{
    color: #fff;
}

.navbar-toggler-icon{
    color: #fff;
}

/* Header single - start */

.navbar-brand-single{
    width: 110px;
}

.navbar-brand-single img{
    width: 100%;
}

.navbarSingle .navbar-nav .menu-item a{
    color: #000;
}
.navbarSingle .navbar-nav .current-menu-item a{
    color: #2E5D84;
    font-weight: 600;
}

/* Hero section - start */


.hero-section{
    position: relative; /* IMPORTANTE */
    margin-top: -100px;
}

.hero-section img{
    height: 800px;
    width: 100%;
    object-fit: cover;
}

.heroOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: flex;
    align-items: center;

    z-index: 1; /* overlay abaixo do conteúdo */
}

.contentHero{
    position: relative;
    z-index: 2; /* conteúdo acima do overlay */
    width: 50%;
}

.contentHero h2{
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}

.contentHero p{
    color: #fff;
    font-size: 22px;
    font-weight: 200;
}

.contentRight a{
    position: relative;
   z-index: 4;
}
/* Hero section - end */


/* About Section - start */

.aboutNumbers .aboutNumbersBox{
    margin-right: 30px;
}

.aboutNumbers .numbers{
    font-size: 60px;
    font-weight: 600;
}

/* Service Section - start */

.servicesContent{
    background: #F0F0F0;
    padding: 30px;
    border-radius: 10px;
}

.servicesSubTitle{
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 20px
}

.servicesList{
    margin: 20px 0 ;
}


.servicesList ul li{
    background: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.servicesList i{
    width: 15px;
    color: #2E5D84;
}
.servicesList a{
    margin-left: 3px;
    text-decoration: none;
    color: #000;
}

.serviceImage img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 8px;
}

/* Service Section - end */

/* Industries Section - start */
.industries-section,
.powering-section{
    background: #F8F8F8;
}

.cardIndustries{
    border: none;
    position: relative;

   
}

.cardImgOverlay {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    height: 100%;
    display: block;
    align-content: end;
}

.cardTitle{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.cardText{
    font-weight: 200;
    color: #fff;
}


.genericIndustriesBox .cardIndustries img{
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
}


.genericBoxTop .cardIndustries img{
    height: 238.5px;
    object-fit: cover;
    border-radius: 8px;
}

.servicesSecondColTop{
    margin-bottom: 22px;
}

/* Industries Section - end */


/* Safety Section - start */
.safetyList ul{
    margin: 25px 0;
}
.safetyList ul li{
    margin-bottom: 10px;
}
.safetyList a{
    color: #000;
}
.safetyList i{
    width: 15px;
    color: #2E5D84;
}

.safetyContent img{
    width: 100%;
    border-radius: 8px;
    height: 500px;
    object-fit: cover;
}

/* Safety Section - end */

/* Powering Section - start */

.poweringBox{
    border: 1px solid #D8D8D8;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    min-height: 232px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.cont{
    margin-bottom: 40px;
}

.poweringBox img{
    width: 40px;
    height: 40px;
}
.poweringBox .boxContent{
    margin-top: 30px;
}
.poweringBox h4{
    font-size: 20px;
    font-weight: 700;
}


/* Powering Section - end */


/* CTA Section - Start */

.cta-section{
    background: #000;
}

.ctaContent{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contentLeft{
    color: #fff;
}

.contentLeft h3 {
    font-weight: 700;
}
.contentLeft p{
    font-weight: lighter;
}
/* CTA Section - End */


/* Blog Section - Start */
.blogImg img{
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
}

.blogContent small{
    color: #6E6E6E;
}

.blogContent h4{
    font-weight: 700;
    margin: 8px 0;
}

.blogContent p{
    font-weight: 300;
}

/* Blog Section - End */

/* About Us Page - Start */

/* Commitment Section - Start */

.cardCommitment{
    background: #F0F0F0;
    border-radius: 8px;
    padding: 20px;
    height: 220px;
    margin-bottom: 30px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.cardCommitment .cardIcone img{
    width: 45px;
}

.cardCommitment .cardContent h5{
    color: #000;
    font-weight: 600;
}
.cardCommitment .cardContent p{
    color: #000;
    font-weight: 200;
}

.genericCommitmentBox .cardCommitment{
    background: #F0F0F0;
    border-radius: 8px;
    padding: 20px;
    height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.cardCommitment .cardContent ul li{
    color: #000;
    font-weight: 200;
}

/* Commitment Section - End */

/* Work with us Section - Start */
.work-section{
    background-color: #F8F8F8;
}
.workBox{
    background: #FFF;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #D8D8D8;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 25px;

}
.workBox .cardIcone img{
    width: 40px;
}

.workBox .cardContent h5{
    font-weight: 600;
}

.workBox .cardContent p{
    font-weight: 200;
}

/* Work with us Section - End */


/* Partners - Start */

.partners-section{
    background: #F8F8F8;
}
.partners-section .row > div:not(:last-child) .partnersBox {
    border-right: 1px solid #DCDCDC;
}
.partnersImg {
    width: 130px;
}
.partnersImg img{
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: contain;
}

/* Partners - End */

/* About Us Page - End */

/* Contact Us Page - Start */
.box{
    margin-bottom: 15px;
}
.box h5{
    font-weight: 600;
}

.box p,
.box a{
    font-weight: 200;
    color: #000;
}


/* Contact Us Page - End */


/* Footer Language*/
.contentBottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contentBottom .trp-shortcode-switcher__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contentBottom .trp-language-item:hover {
    background: none;
}
.contentBottom .trp-language-item:hover .trp-language-item-name {
    color: #fff;
}

.contentBottom .trp-language-item-name {
    color: #fff;
}
.contentBottom .trp-shortcode-switcher{
    background: none;
    color: #fff;
}
.contentBottom .trp-shortcode-switcher {
    padding: 0px;
}




/* Responsive Design - Start */

@media (min-width: 1024px){
    /* Serivces - start */

    .serviceImage img{
        display: block;
    }

    /* Services - end */

    /* Safety - start */
    .safetyContent img{
        display: ;
    }
}


@media (min-width: 768px) and (max-width: 1024px){

    /* Generico - start */
    p{
        font-size: 15px;
    }

    h4{
        font-size: 23px;
    }

    h3{
        font-size: 25px;
    }

    h5{
        font-size: 21px;
    }

    .topContent{
        width: 100% !important;
        margin-bottom: 40px;
    }

    .topContent h2,
    .homeSubTitle{
        font-size: 24px;
    }

    .contentHero{
        width: 100%;
    }

    .contentHero h2{
        font-size: 30px;
    }
    .contentHero p{
        font-size: 20px;
    }
    .navbar-collapse{
        margin-top: 15px;
    }
    .navbar-nav {
        align-items: start;
    }
    
    .navbar ul li {
        margin-left: 0px;
        border-bottom: 1px dashed #dedede;
        padding: 10px 0;
        width: 100%;
    }
    
    .contentRight{
        margin-left: 0px;
    }

    .hero-section {
        margin-top: -380px;
        height: 100vh;
    }
    
    .hero-section img{
        height: 100%;
    }
    
    .heroOverlay .container{
        position: relative;
        top: 20%;
    }
    
    /* Generico - end */


    /* Industries - start */
    .cardIndustries{
        margin-bottom: 10px;
    }
    .cardIndustries h5{
        font-size: 21px;
    }
    .genericIndustriesBox .cardIndustries img,
    .genericBoxTop .cardIndustries img {
        height: 300px;
    }

    .servicesSecondColTop {
        margin-bottom: 0px;
    }

    /* Industries - end */


    /* Footer - start */
    .site-footer .image-footer img {
        width: 60%;
    }
    /* Footer - end */
}

/* Tablet - End */

/* Mobile */

@media screen and (max-width: 768px) {

    /* Generico - start */
    p{
        font-size: 14px;
    }

    h4{
        font-size: 20px;
    }

    h3{
        font-size: 22px;
    }

    h5{
        font-size: 18px;
    }

    .topContent{
        width: 100%;
        margin-bottom: 40px;
    }

    .topContent h2,
    .homeSubTitle{
        font-size: 24px;
    }

    .contentHero{
        width: 100%;
    }

    .contentHero h2{
        font-size: 30px;
    }
    .contentHero p{
        font-size: 16px;
    }
    .navbar-collapse{
        margin-top: 15px;
    }
    .navbar-nav {
        align-items: start;
    }
    
     .navbar ul li {
        margin-left: 0px;
        border-bottom: 1px dashed #dedede;
        padding: 10px 0;
        width: 100%;
    }
    
    .contentRight{
        margin-left: 0px;
    }

    .hero-section {
        margin-top: -380px;
        height: 130vh;
    }
    
    .hero-section img{
        height: 100%;
    }
    
    .heroOverlay .container{
        position: relative;
        top: 20%;
    }


    /* Generico - end */

    /* About Us - start */

    .aboutNumbers{
        display: flex;
        justify-content: center;
    }

    .aboutNumbers .numbers{
        font-size: 40px;
    }

    .aboutNumbers p{
        font-size: 13px;
    }

    /* About Us - end */

    /* Serivces - start */

    .servicesSubTitle{
        font-size: 22px;
    }
    .servicesList ul li a{
        font-size: 14px;
    }


    /* Services - end */

    /* Industries - start */
    .cardIndustries{
        margin-bottom: 10px;
    }
    .cardIndustries h5{
        font-size: 18px;
    }
    .genericIndustriesBox .cardIndustries img,
    .genericBoxTop .cardIndustries img {
        height: 260px;
    }

    .servicesSecondColTop {
        margin-bottom: 0px;
    }

    /* Industries - end */
    
    /* About - start */
    .cardCommitment{
        min-height: 280px;
    
    }
    /* About - end */
 
    /* CTA Section - start */

    .ctaContent{
        display: block;
    }

    .contentRight{
        margin-top: 13px;
    }

    /* CTA Section - end */

    /* Footer - start */
    .site-footer .image-footer img {
        width: 60%;
    }
    .site-footer p{
        font-size: 14px;
    }

    .site-footer ul li a{
        font-size: 14px;
    }

    .copy small,
    .copy small a{
        font-size: 12px;
    }
    /* Footer - end */

}



/* Responsive Design - End */
