/*----------------========================TRENDING COURSSES================------------------*/
.banner_trending_courses{
   
    background: url(../images/student-life.jpg);
    height: 100vh;
    background-size: cover;
}

.banner_trending_courses:after {
    background: url(../images/bg-mb-1.jpg);
    position: absolute;
    /* z-index: 99; */
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    content: "";
    opacity: 0.96;
}
.banner_trending_courses svg {
    width: 100%;
    right: 0;
    font-family: 'Russo One', sans-serif;
    position: absolute;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
}
.banner_trending_courses .trending {
    width: 100%;
    right: 0;
    font-family: 'Russo One', sans-serif;
    position: absolute;
    position: absolute;
    z-index: 99;
    bottom: 30%;
    left: 0;
}
.trending_course_page #cloud{
    z-index: 9;
}
.banner_trending_courses  .trending text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 2;
    stroke: #365fa0;
    font-size: 50px;
}
@keyframes stroke {
    0%   {
        fill: #fff0; stroke: #fff;
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
    }
    70%  {fill: #ffffff; stroke: #ffffff;; }
    80%  {fill: #ffffff;; stroke: #ffffff;; stroke-width: 3; }
    100% {
        fill: #ffffff;; stroke: #ffffff;; 
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}
.trending_courses_list{
    /*padding: 50px;*/
}
.trending_courses_list img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-shadow: 0 0 1px 10px rgba(74, 94, 234, 0.66), 0 0 1px 22px rgba(0, 188, 212, 0.62), 4px 2px 10px 26px #17507d;
    margin-top: 25px;
}

.trending_courses_list p {
    /* line-height: 2; */
    font-size: 13px;
    font-style: italic;
}

.trending_courses_list h3{
    font-weight: 700;
     font-family: 'Calistoga', cursive;
     font-size: 18px;
     margin-top: 45px
}


.trending_courses_list h6{
    line-height: 1.7;
}
.trending_courses_list h6 span{
    font-weight: 700;
    color: #023387;
}

.bg_trending_shadow{
    position: absolute;
    box-shadow: none!important;
    top: 118px;
    left: 40px;
}
.apply_now_courses {
    background: blue;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    background-image: linear-gradient(to bottom right, #3370d7 , #0892b2);
}

.apply_now_courses:hover{
    color: #fff;
}
.trending_courses_list .modal-body img{
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    height: auto;
}
.trending_courses_list p{
    line-height: 2;
}
.trending_course_page .nav_word{
    float: left;
    padding-top: 50px!important;
     z-index: 9999;
}
.trending_course_page .nav_word img{
    z-index: 9999;
}
.trending_course_page .menu-bar-mobile {
    /*top: 75px;
    right: 29px;*/
}

.trending_courses_list h2{
    font-family: 'Calistoga', cursive;
}
.trending_courses_list button{
    background: blue;
    border: 0;
    color: #fff;
    padding: 3px 10px;
    font-size: 14px; 
    background-image: linear-gradient(to bottom right, #3370d7 , #0892b2);
}
.trending_courses_list .col-3 {
    flex: 0 0 23%;
    max-width: 23%;
    line-height: 2.5;
    box-shadow: 2px 2px 11px -5px rgba(0,0,0,0.75);
    padding: 20px;
}
.resp_head_course{
    display: none;
}
.trending_course_page header{
    z-index: 999;
}
.trending_course_page footer {
    background: url(../images/courseFooter.png)!important;
    margin-top: -50px;
    padding-top: 25px;
}
.trending_course_page .modal-dialog{
    width: 70%;
    margin:auto;
    max-width: auto;
}