_course.scss 1.88 KB
.type-sfwd-courses{
    margin-top: 30px;
}



.program-info{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
 
    max-width: 531px;
    #program-info{

        .nav-item{
            width: 50%;
            border: 0px solid #ccc;
            .nav-link{
                width: 100%;
                border-radius: 0px;
                background-color: #0081BC;
                color: #FFFFFF;
                border: 0px solid #ccc;
                font-size: 18px;
                padding: 20px 20px;
                font-family: 'Poppins', sans-serif;
            }
            .nav-link.active{
                background-color:#FFFFFF; 
                color: #0081BC; 
            }
        }
    }
    #program-info-content{
      padding:20px 40px 40px 40px;
      table{
        width: 100%;
        tr{
            th{
                width: 33%;
                font-size: 18px;
                color: #0081BC; 
                font-family: 'Poppins', sans-serif;
            }
        }
        tr:not(.not){
            border-bottom:1px solid #FFA300;
            td{
                font-size: 16px;  
                padding: 10px 0px;
            }
        }
      }
    }
}
.outcomes{
    margin: 70px 0px;
    .outcome{
        width: 100%;
        min-height: 227px;
        background-color: #E2F2F9;
        padding:25px 25px 25px 15px;
        border-radius: 25px 25px 0px 0px;
        border-bottom: 22px solid #FFA300;
        font-size: 16px;
        line-height: 24px;
    }
    .col-out{
        @media only screen and (max-width: 600px) {
        margin-top: 20px;
        }
    }
    .col-out:nth-of-type(2) .outcome{
        border-bottom: 22px solid #3F9C35;
    }
     .col-out:nth-of-type(3) .outcome{
        border-bottom: 22px solid #0484B8;
    }
     .col-out:nth-of-type(4) .outcome{
        border-bottom: 22px solid  #E04E39;
    }
   
}