body {
    background-color: #fff;
    display:block !important;   
}

.dvTitleBanner{
    position: absolute;
    top: 0%;
    left: 3%;
    height: 30vh
}

.dvImageRight{
    position: absolute;
    top: 0%;
    left: 60%;
    height: 30vh
}

.titleBanner{
    color: #4d4d4d;
    font-weight: 200;
    font-size: 45px;
    line-height: 0.9;
    white-space: break-spaces;
    width: 50%;
    line-height: 1.0;
}

.descriptionModuloBanner{
    color: #4d4d4d;
    word-wrap: break-word;
    font-size: 25px;
    font-weight: 100;
    width: 50%;
}

.titleCursosRecomendados{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border: solid 2px #969696;
    background-color: #f5f5f5;
    width: 25%;
    position: relative;
    left: 39%;
    top: 50%;
    z-index: 2;
}

.lineSeparator{
    width: 100%;
    border: solid 2px #969696;
    position: relative;
    z-index: 0;
}

.shadowInter {
    position: absolute;
    top: 18.5% ;
    left: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to top, #f68e2d7a, rgba(0, 0, 0, 0));
  }

.headerCurso{
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
    box-shadow: inset 0 -40px 60px -30px #f68e2d;
}


@media(max-height: 679px ){
    .titleCursosRecomendados{
        display: none;
    }
    
    .lineSeparator{
        display: none;
    }
}

@media(max-height: 479px ){
    .dvTitleBanner{
        top: 5%;
    }

    .titleBanner{
        font-size: 30px;
        width: 80% !important;
    }

    .descriptionModuloBanner{
        width: 100% !important;
        font-size: 20px;
    }
    .dvImageRight{
        display: none !important;
    } 
}

@media(max-width: 1043px ){
    .dvImageRight{
        top: 20%;
    }
}

@media(max-width: 767px ){
    .titleBanner{
        font-size: 35px;
        width: 80% !important;
    }

    .dvTitleBanner{
        top: 20%;
    }

    .descriptionModuloBanner{
        width: 100% !important;
    }

    .textCursosRecomendados{
        font-size: 10px !important;
    }
    
}




@media(max-width: 484px ){
    .dvTitleBanner{
        top: 10%;
    }

    .textCursosRecomendados{
        font-size: 7px !important;
    }
}

@media(max-width: 384px ){
    .dvTitleBanner{
        top: 20%;
    }

    .titleBanner{
        font-size: 25px;
        width: 80% !important;
    }

    .descriptionModuloBanner{
        width: 100% !important;
        font-size: 15px;
    }
}