.card-area {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.card {
    
    border-radius: 5px!important;
  }

.winte-rl {
    padding-right: 0px;
    padding-left: 0px;
}

.selected {
    background: #CFE3EC;
}

.mtt-7 {
    margin-top: 7rem !important;
}
.about-four{
    margin-top: 1.5rem;
}
.about-five{
    margin-top: 1.5rem;
 }

.actives {
    background: #CFE3EC !important;
}

.container-fluid.carocel-img.mlcarocel {
    padding-left: 193px;
}

.card-s:nth-child(odd) {
    margin-top: 40px;

}

/*.btn {
  padding: 0.39rem!important;
}
*/

.ml10 {
    margin-left: 4.5rem !important;
}

.card-s {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 60vh;
    color: #fff;
    cursor: pointer;
    flex: 0.5;
    margin: 10px;
    position: relative;
    transition: flex .7s ease-in-out;
    border-radius: 5px
}

.card-s h3 {
    position: absolute;
    bottom: 20px;
    left: 10px;
    display: none;
    transition: flex .7s ease-in-out;
    transition-delay: .5s;
    color: #fff;

}

.card-s.active h3 {
    display: block;
}

.card-s.active {
    flex: 5;
}

.carocel-img {
    position: absolute;
    margin-top: -449px;
}

.container.carocel-img.mlcarocel {
    margin-left: 401px;
}



.bg-setion-about {
    background: transparent linear-gradient(92deg, #00247F 0%, #000F26 100%) 0% 0% no-repeat padding-box;

}

.bg-about-chall{
    background: transparent linear-gradient(87deg, #00247F 0%, #000F26 100%) 0% 0% no-repeat padding-box;
}
.paddingTop-about{
    padding-top: 50px;
}
.margin-button-about {
    margin-bottom: 2rem !important;
}
.section-mobile{
    display: none;
}
.row.mlcarocel {
    margin-left: 20rem;
}

.containerb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.position-imagem-about{
    position: relative;
    right: auto;
    left: -212px;
}
.line-margin {
    margin-left: 93px;
}

.div-hid {
    display: none;
}

.collapsed .card-btn-arrow {
    transform: rotate(90deg);
}

.remove-right {
    padding-right: 0px !important;
}

.remove-left {
    padding-left: 0px !important;
}

@media (max-width: 1500px) {
    .row.mlcarocel {
        margin-left: 15%;
    }

}


@media (min-width: 1400px) {
    .video-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1140px;
    }

}

@media (max-width: 1900px) {
    .row.mlcarocel {
        margin-left: 11%;
    }

    .abour-carocel-right {
        right: 77%;
    }

    .abour-carocel-left {
        left: 24%;
    }

}

@media (max-width: 1760px) {
    .abour-carocel-right {
        right: 78.5%;
    }

    .abour-carocel-left {
        left: 22%;
    }
}

@media (max-width: 1400px) {
    .row.mlcarocel {
        margin-left: 11%;
    }

    .abour-carocel-right {
        right: 86%;
    }

    .abour-carocel-left {
        left: 15%;
    }

}

@media (max-width: 1300px) {
    .row.mlcarocel {
        margin-left: 4%;
    }

    .abour-carocel-right {
        right: 91%;
    }

    .abour-carocel-left {
        left: 10%;
    }
    .position-imagem-about{
        position: relative;
        right: auto;
        left: -159px;
    }
}



@media (max-width: 1199.98px) {
    .line-margin {
        margin-left: 78px !important;
    }

    .area-block {
        display: block;
    }

    
    .position-imagem-about{
        position: relative;
        right: auto;
        left: -140px;
    }

}

@media (max-width: 1199.98px) {
    .area-block {
        display: none;
    }

    .div-hid {
        display: block;
    }

    .abour-carocel-right {
        right: 93%;
    }

    .abour-carocel-left {
        left: 10%;
    }

    .row.mlcarocel {
        margin-left: 0.6%;
    }
}

@media (max-width: 991.98px) {
    .line-margin {
        margin-left: 0px !important;
    }
    .section-mobile{
        display: block;
    }
    .section-descktop{
        display: none;
    }
    .abour-carocel-right {
        right: 85%;
    }

    .abour-carocel-left {
        left: 22%;
    }

    .remove-right {
        padding-right: 15px !important;
    }

    .remove-left {
        padding-left: 15px !important;
    }

    .margin-button-about {
        margin-bottom: 0rem !important;
    }

    /*.ml-10, .mx-10 {
      margin-left: 1.5rem !important;
    }*/

    .ml10 {
        margin-left: 1.5rem !important;
    }

    .ml-12 {
        margin-left: 69px !important;
    }

    .ml-11 {
        margin-left: 2rem !important;
    }
    .paddingTop-about {
        padding-top: 10px;
    }

}

/*@media (max-width: 999px) {
    .abour-carocel-right {
        right: 84%;
    }

    .abour-carocel-left {
        left: 21%;
    }
}*/

@media (max-width: 880px) {
    .abour-carocel-right {
        right: 91%;
    }

    .abour-carocel-left {
        left: 18%;
    }
}


@media (max-width: 865px) {
    .abour-carocel-right {
        right: 88%;
    }

    .abour-carocel-left {
        left: 18%;
    }
}



@media (max-width: 820px) {
    .fullcontainer {
        padding-right: 0px;
    }

    .container.carocel-img.mlcarocel {
        margin-left: 3rem;
    }

    .row.mlcarocel {
        margin-left: 0rem;
    }



    .mtmd {
        margin-top: 4rem;
    }

    .abour-carocel-right {
        right: 88%;
    }

    .abour-carocel-left {
        left: 18%;
    }

}

@media (max-width: 767.98px) {
    .abour-carocel-right {
        right: 79%;
    }

    .abour-carocel-left {
        left: 27%;
    }
    .about-tow{
        margin-top: 1.5rem;
    }
}

@media (max-width: 730.98px) {
    .abour-carocel-right {
        right: 83%;
    }

    .abour-carocel-left {
        left: 25%;
    }
}

@media (max-width: 690px) {
    .abour-carocel-right {
        right: 85%;
    }

    .abour-carocel-left {
        left: 23%;
    }
}

@media (max-width: 665px) {
    .abour-carocel-right {
        right: 85%;
    }

    .abour-carocel-left {
        left: 22%;
    }
}

@media (max-width: 624px) {
    .abour-carocel-right {
        right: 88%;
    }

    .abour-carocel-left {
        left: 22%;
    }
}

@media (max-width: 578px) {

    .spaces-3,
    .spaces-top-3 {
        padding-top: 4rem;
    }

    .spaces-3,
    .spaces-bottom-3 {
        padding-bottom: 6rem;
    }

    .space-top-4 {
        padding-top: 8rem !important;
    }

    .space-bottom-3 {
        padding-bottom: 4rem !important;
    }

    .space-16,
    .space-top-16 {
        padding-top: 3rem !important;
    }

    .space-16,
    .space-bottom-16 {
        padding-bottom: 3rem !important;
    }

    .mbv-1 {
        margin-bottom: 3rem !important;
    }

    .btn-icon__innerv {
        width: 27px !important;
        height: 27px !important;
    }

    .ml-12 {
        margin-left: 15px !important;
    }

    .listunstyled-v {
        margin-right: 15px !important;
    }

}

@media (max-width: 575px) {
    .mtmd {
        margin-left: 19rem;
        height: 75vh;
    }

    .abour-carocel-right {
        right: 93%;
    }

    .abour-carocel-left {
        left: 16%;
    }
}

@media (max-width: 504px) {
    .abour-carocel-right {
        right: 91%;
    }

    .abour-carocel-left {
        left: 19%;
    }
}

@media (max-width: 446px) {
    .time-line-sobre .h7 {
        font-size: 1rem;
    }
}



@media (max-width: 430px) {
    .mtmd {
        margin-left: 13rem;
        height: 55vh;
    }

    .img-setion {
        height: 40vh;
        object-fit: fill;
        display: flex;
    }

    .abour-carocel-right {
        right: 90%;
    }

    .abour-carocel-left {
        left: 20%;
    }
}

@media (max-width: 391px) {
    .time-line-sobre .h7 {
        font-size: 0.9rem;
    }

    .mtmd {
        margin-left: 13rem;
        height: 60vh;
    }

    .abour-carocel-right {
        right: 88%;
    }

    .abour-carocel-left {
        left: 24%;
    }

    .ml-10,
    .mx-10 {
        margin-left: 1.5rem !important;
    }

    .ml-11,
    .mx-11 {
        margin-left: 2rem !important;
    }
}

@media (max-width: 303px) {
    .time-line-sobre .h7 {
        font-size: 0.9rem;
    }
}

@media (max-width: 326px) {
    .mtmd {
        margin-left: 13rem;
        height: 60vh;
    }

    .abour-carocel-right {
        right: 86%;
    }

    .abour-carocel-left {
        left: 27%;
    }
}

@media (max-width: 274px) {
    .mtmd {
        margin-left: 13rem;
        height: 60vh;
    }

    .abour-carocel-right {
        right: 84%;
    }

    .abour-carocel-left {
        left: 30%;
    }
}

@media (max-width: 230px) {
    .mtmd {
        margin-left: 13rem;
        height: 60vh;
    }

    .abour-carocel-right {
        right: 80%;
    }

    .abour-carocel-left {
        left: 38%;
    }
}