.ncc-uni {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #000000; 
    background-position:top;
    
    background-repeat: no-repeat;
    background:linear-gradient(0deg, rgba(12, 12, 12, 0.3), rgba(0, 0, 0, 0.3)),  url("../img/ncc/uni-header.jpg");
      background-size:cover;
   
}


.ncc {

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items:center;
    color: rgb(255, 255, 255);
    height: 500px;
   
    
}


.ncc-form{
    display: flex;
    flex-direction: row;
    
}

.btn-form {
    margin-left: 30px;
    font-size: 15px;
    background-color: white;
}
.btn-form:hover {
   
    background-color: rgb(121, 14, 14);
    color: white;
}


.btn-ncc {
 
    background-color: aquamarine;
    
}
.btn-ncc:hover {
   
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

.btn-form, .btn-ncc {
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;

}



@media (min-width: 375px) and (max-width: 600px) {
   

    .ncc img {
        max-width: 350px;
    }

  
   




}

@media (min-width: 601px) and (max-width: 900px) {

   

    .ncc img {
        max-width:500px;
    }

  
    



}




    /*  special group courses  */

    .page-banner-svs {



        background: url(../img/maritime/watch.png) left no-repeat, url(../img/maritime/SVS\ PNG.png) right no-repeat, url(../img/maritime/bom.jpg) repeat;
        position: relative;
        background-size: contain;
        padding-top: 80px;
        padding-bottom: 50px;
        border-bottom: 5px solid rgb(233, 230, 230);
    }

    .page-banner-svs .banner-title-svs {
        color: rgb(255, 208, 0);
        text-transform: uppercase;
        z-index: 9999;
        font-size: 48px;
        font-weight: 900;
        text-align: center;
    }

    .svs-nav {
        position: relative;
        border-bottom: 5px solid rgb(233, 230, 230);
    }

    .svs-nav::before {

        content: "";
        background-image: url(../img/maritime/SVS\ PNG.png);
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.2;
    }

    .svs-nav-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        color: #ffffff;
        text-align: center;
        gap: 5px;
        line-height: normal;


    }

    .svs-nav-list .btn-svs {
        color: rgb(0, 0, 0);
        font-size: 30px;
        font-weight: 900;
        outline: #014991 solid 1px;
        border-radius: 10px;
        padding: 5px 10px;

    }

    .svs-nav-list .btn-svs:active {
        color: rgb(0, 255, 128);
        list-style: none;
        text-decoration: none;
    }

    .svs-nav-list .btn-svs:hover {
        outline: #ff0062 solid 1px;
    }

    .overview {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
        gap: 20px;
        background-color: rgb(234, 234, 236);
        border-radius: 10px;

    }

    .course-overview {
        display: flex;
        justify-content: start;
        align-content: flex-start;
        color: #000000;
        border: 1px solid black;

    }

    .overview-heading {
        text-align: center;
    }

    .overview-heading h1 {
        color: #014991;
    }

    overview-heading h5 {
        color: black;
    }

    .course-overview .left {

        height: 100%;
        width: 20%;

        background-color: rgb(227, 227, 228);
        padding: 20px;

        text-decoration: underline;
        color: #014991;

    }

    .course-overview .right {
        height: 100%;
        width: 80%;
        background-color: rgb(211, 211, 215);
        padding: 20px;
        color: black;


    }

    .course-overview ul li {
        list-style: none;
        text-decoration: none;
        padding-bottom: 10px;

    }

    .course-overview ul li:before {
        content: '\f18e';
        font-family: 'FontAwesome';
        color: #000000;
        margin-right: 10px;
    }

    @media (max-width: 500px) {
        .course-overview {
            flex-direction: column;
        }

        .course-overview .left {
            width: 100%;
        }

        .course-overview .right {
            width: 100%;
        }
    }

    @media (max-width: 1000px) {
        .svs-nav-list {
            display: flex;
            flex-direction: column;
            gap: 10px;

        }
    }}
  
  

              
   
    
           .header-heading{
            display: flex;
            flex-direction: column;
                background-color: #1d1347;
                height:300px;
                width: 50%;
               justify-content:space-evenly;
               align-items: center;
               padding: 30px;
               text-align: center;
            }
            .header-heading .uni-hat-img{
                width: 80px;
                height: 80px;
                margin-bottom: 10px;
                
            }
            .header-title-ncc h1{
             color: rgb(255, 255, 255);
             text-align: center;
      
    }
    .coures-icon p{
        font-size: 13px;
        text-align: center;
        padding-top: 10px;

    }

 @media (max-width:1270px){

        .header-ncc{
            
           flex-direction: column;
                  
                }
                .header-ncc img{
                
                        width:100%;
                }

                 .header-heading{
 
                  width: 100%;
                }
                
                .header-heading .uni-hat-img{
                    width:100px;
                    height: 100px;
                }
    } 

    /* uni courses header gold color #b89142  */
.uni-icon{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    background-color: hsl(0, 25%, 98%);
   gap: 20px;
   padding:10px 50px;
   width: 100%;
   position: relative;
   justify-content: start;
   align-items: flex-start;
     
}
@media(max-width:1460px){
    .uni-icon{
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr) ;
    }
}
@media(max-width:800px){
    .uni-icon{
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr) ;
    }
}

@media(max-width:600px){
    .uni-icon{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr) ;
    }
}
.coures-icon{
  display: flex;
  flex-direction: column;
   justify-content: center;
  align-items: center;
  border-right: 1px solid rgb(4, 4, 115);
  gap: 20px;
  padding: 20px;
  

}

.course-heading{
  display:flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  height: 80px;
 
}
.coures-icon img{
   width: 50px;
   height: 50px;
  }
.course-heading h3{
    font-size: 15px;
    text-align: center;
    margin-left: 10px;
}
.gold-line{
    position:absolute;
    height:2px;
    width:80%;
    background-color: #b89142;
    top:80px;

}
.ncc-dec{
    display: flex;
    flex-direction: column;
    align-content: center;
   
}
.ncc-dec-sub{
    display: flex;
    justify-content:start;
    align-items: center;
    gap: 10px;
     border-bottom: #b8b9ba 1px solid;
    
}
.ncc-dec-sub h5, .ncc-dec-sub h6{
 margin-bottom: 5px;
 margin-top: 5px;
}
.ncc-dec-sub h5{
    font-size: 13px;
    font-weight: 600;
    width: 100px;
    text-transform:none;
   
}
.ncc-dec-sub h6{
    font-size: 13px;
    width: 200px;
    font-weight: 400;
   
}
.font h4{ 
color: #014490;
    
}
.bcc-list li{
    font-size: 13px;
}
.ncc-books{
    border: 1px solid white;
    padding-top:25px;
}


    

      /* uni courses header gold color #b89142  */