.mar-cont{
  margin-top: 2rem;  
  overflow: hidden;
}

@media (max-width: 992px){
    .mar-cont .cont-img-mar{
        display: none;
    }
}


.cont-img-mar *, .cont-img-mar{
    /* padding: 0 !important; */
    margin: 0 !important;
}

.cont-img-mar{
    height: 200px;
}

.cont-img-mar a img{
    width: 100% !important;
    transition: 0.1s border ease-in-out;
    -webkit-transition: 0.1s border ease-in-out;
    -ms-transition: 0.1s border ease-in-out;
    -o-transition: 0.1s border ease-in-out;

    transition: 0.35s transform ease-in-out;
    -webkit-transition: 0.35s transform ease-in-out;
    -ms-transition: 0.35s transform ease-in-out;
    -o-transition: 0.35s transform ease-in-out;
}

.cont-img-mar a img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);

    border: 4px solid #038a4b;
}

.cont-img-mar a{
    width: 100% !important;
}

.title-mar{
    position: relative;
    font-size: 1.7rem;
    text-transform: uppercase;
    font-weight: 600;
    margin: 3rem 0;
    margin-bottom: 5rem;
}

.title-mar::before{
    position: absolute;
    content: "";
    width: 0%;
    left: calc(50% - 0%);
    height: 10px;
    background-color: #038a4bde;
    bottom: -10px;
    z-index: 9999;
    border-radius: 10px;

    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.mar-cont:hover .title-mar::before{
    width: 50%;
    left: calc(50% - 25%);
}

.cont-btn-mm{
    padding-left: 2rem;

}

.cont-btn-mm .btn-mm{
    outline: none;
    text-decoration: none;
    border: 1px solid #0e7947;
    box-shadow: none;
    border-radius: 4px;
    background-color: #038a4b;
    padding: 8px 12px;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: none;

    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

.cont-btn-mm .btn-mm:hover, .cont-btn-mm .btn-mm:focus{
    outline: none;
    text-decoration: none;
    border: 1px solid #0e7947;
    box-shadow: none;
    border-radius: 4px;
    background-color: #3ba875;
    padding: 8px 12px;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.cont-history, .single-mission{
    background-color: #038a4b;
    padding: 30px 60px;
    border: #038a4b solid 4px;
    border-radius: 4px;
}

.cont-history h2, .cont-history p, .mission-area h2, .mission-area p{
    color: rgb(255, 255, 255);
}

.single-mission-info p span, .cont-history p span{
    /* font-weight: 600; */
    color: rgb(255, 255, 255);
    text-shadow: 0pt 1pt 20pt rgb(77, 74, 74);
}


.single-mission-img img{
    background-color: #fff;
    border: 1px solid #585858;
}

.single-mission-img{
    margin-right: 30px;
    margin-bottom: 10px;
}

.about-reflex-area-two{
    margin-bottom: 0;
}

.about-reflex-info, .about-reflex-area-two .container, mission-area .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-reflex-area-two .about-reflex-info{
    margin-left: 0px !important;
}

.dxd2 .single-feature{
    padding: 10px 10px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    border: 1px solid #5febaa00;
}

.dxd2 .single-feature:hover{
    /* box-shadow: 0 0 4pt 1pt #bbb7b7; */
    transform: scale(1.02);
    /* border: 1px solid #5febaa; */
}

.dxd2 .single-feature:hover h4{
    transform: scale(1.1);
}

@media (max-width: 600px) {
    .dxd2 .single-feature:hover h4{
        transform: scale(1.05);
    }
}

.cont-valores{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}

@media(max-width: 992px){
    .cont-valores{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    
    }
}
