body{
    padding-top: 50px ;
    overflow: auto;
}

body::-webkit-scrollbar {
    width: 0.5em;
  }

   
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  body::-webkit-scrollbar-thumb {
    background-color: rgb(83, 83, 83);
    outline: 1px solid rgb(255, 255, 255);
    border-radius: 50px;
  }

  a{
    color: inherit;
  }

.nav-logo{
    margin-bottom: 0%;
}

.navbar{
    background-color: white;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.5);
    padding-block: 12px;
}
.nav-link, .dropdown-item{

    color: rgb(0, 0, 0);
}


.dropdown-item:active{
background-color: #00000040;

}

.dropdown-item:hover{
    
    background-color: #0000001e;
    color: #F15025;
    text-decoration-line: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
}


.nav-link:hover{

    color: #F15025;
    text-decoration-line: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
}

/* Styles for active navbar links */
.index-active .navbar-nav .nav-link[href="index.html"],
.students-active .navbar-nav .nav-link[href="students.html"],
.about-active .navbar-nav .nav-link[href="about.html"],
.black-active .navbar-nav .nav-link[href="students.html"],
.contact-active .navbar-nav .nav-link[href="contact.html"],
.indigenous-active .navbar-nav .nav-link[href="students.html"],
.nursing-active .navbar-nav .nav-link[href="students.html"],
.teacher-active .navbar-nav .nav-link[href="teacher.html"],
.team-active .navbar-nav .nav-link[href="about.html"]
{
    color: #F15025;
text-decoration-line: underline;
text-underline-offset: 5px;
text-decoration-thickness: 1.2px;

}

.nav-active{



}

.nav-active:hover{
    color: black;
}

.navbar-toggler{

    padding-block: 1px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    font-size: 1.1rem;
    
   
}

.navbar-toggler:focus{
    box-shadow: none;
    background-color: #eeeeeea0;
    
}

.lang-logo{
    width: 1.1rem;
    height: 1.1rem;
    max-width: 100%;
    max-height: 100%;
   
}

.lang-item{
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    background-color: #ffbfae;
    border-radius: 5px;
    padding: 0rem 0.5rem 0rem 0.5rem;
    gap: 0.5rem;
    
}

.lang-item:hover{
    background-color: #ffa992;
}

.lang-link{
    color: black;
   text-decoration: none;
    
}

.lang-text{
    margin-bottom: 0;
    padding-block: 0.5rem;
    
}


.hero-section{
    height: 80vh;
    width: 100%;
    
}


.bg-image{
background-image: url(assets/Indeginous.jpg);
height: 100%;
width: 100%;
background-size: cover;
background-position: center;

}

.mask{
    height: 100%;
}

.hero-subheading{
    font-size: 0.8rem;
    letter-spacing: 5.5px;
    line-height: 23px;
}

.hero-heading{
    font-size: 3.5rem;
    font-weight: bold;
    max-width: 50rem;
}

.hero-btn{
    margin-top: 0.8rem;
    background-color: #c54a28;
    color: white;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 3px;
    padding-block: 0.7rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-wrap: nowrap;

}

.hero-btn:hover{
    background-color: #973419;
    color: white;
}

.main-icon{

    margin-right: 15px;
    margin-bottom: 5px;
    max-width: 100%;
    max-height: 100%;
    width: 35px;
    height: 35px;
}

.students-space{

    background-color: #080A0F;
    padding-top: 4rem;
    padding-bottom: 8rem;
    
}

.ss-heading{
    font-size: 2.7rem;
    color: white;
    font-weight: 600;
    
    letter-spacing: 1px;

}

.ss-subheading{
    color: #ff744d;
    font-size: 1.25rem;
    letter-spacing: 5px;
    padding-bottom: 2.7rem;
}


.card-img-overlay{
    border-radius: 0px;
    padding-top: 62%;
    background-color: #00000099;
}



.ss-btn{
    
    
    background-color: #c54a28;
    color: white;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 7px;
    padding-block: 0.45rem;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
}

.ss-btn:hover{
    background-color: #973419;
}

.card{
    
   height: 100%

}

.card-img{
    border-radius: 0px;
   
   object-fit: cover;
   height: 100%;
    width: 100%;

    
}

.ss-col{


    height: 25rem;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.t-section{
    
    background-image: url(assets/great\ war\ vac.jpg);
    height: 21rem;
    
}

.ts-col-2{
    text-align: center;
}

.ts-overlay{
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    height: 100%; /* Set the height to 100% to fill the parent container */
    background-color: #000000c0;
    
}

.ts-btn{

   
    margin-top: 1rem;
    background-color: #c54a28;
    color: white;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 3px;
    padding-block: 0.8rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ts-btn:hover{
    
    background-color: #973419;
    color: white;
}


.ts-subheading{

    font-size: 1.35rem;
    width: 100%;
    font-weight: 600;
    letter-spacing: 1px;



}

.pd-dash{
   
   font-size: 3rem;
   color: #ed6843;
   margin-top: -2rem;
   
    
}

.pd-heading{
  
    color: #080A0F;
    font-size: 1.8rem;
    width: 70%;
    margin: 0 auto;
}

.pd-section{

   
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #F1F1F1;
    padding-block: 5rem;

}

.cp-section{

background-color: #FFFFFF !important;
padding-bottom: 2rem;
}

.pd-text{
    
    width: 90%;
    margin: 0 auto;
    
    font-size: 1.3rem;
    font-weight: 500;
    color: #3D3D3D;
    text-align: justify;
    padding-bottom: 2rem;
}

.pd-text-sm{

    font-size: 1.1rem;
    color: #000000;
   
}


ol.pd-text li{

    padding-block: 5px;
    
}



.pg-section{
    padding-top: 7rem;
    width: 76%;
    margin: 0 auto;


}

.pg-col-1{

    max-width: 23rem;
    height: 34rem;
}

.pg-col-2{


margin: 0 auto;

}
.pg-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-bottom: 2rem;
    padding-right: 1rem;
   

}

.pg-text{
    text-align: justify;
    font-size: 1.22rem;
    padding-top: 0.6rem;
}

.arrow-pg{
    padding-right: 1rem;
    font-size: 1.1rem;
    font-weight: bolder;
    letter-spacing: -2px;
    color: #e85931;
}

.pg-li-style{
    list-style-type: none;
}


ul{
    padding-left: 0px;
}

.pg-list{
    font-size: 1.1rem;
    
    
}



.op-img{

    margin: 0 auto;
    width: 7rem;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    
}

.r-section{

    background-color: #F1F1F1;
    padding: 4.5rem 0rem 4rem 0rem;
        color: #080A0F;
        margin-top: 0rem;
     
    

}

.exnote-section{
    background-color: #F1F1F1;
    padding: 3.5rem 0rem 3rem 0rem;
    color: #080A0F;
    margin-top: 4rem;
    
}

.exnote-section-2{
    background-color: #ffffff;
    padding: 3.5rem 0rem 3rem 0rem;
    color: #080A0F;
    margin-top: 0rem;
    
}

.exnote-text{
    
    font-size: 1.2rem;
    padding-top: 0.2rem;
}


.rs-overlay{

        display: flex; /* Use flexbox */
        justify-content: center; /* Horizontally center the content */
        align-items: center; /* Vertically center the content */
        height: 100%; /* Set the height to 100% to fill the parent container */


}

.body-link{
    color: #F15025;
    text-decoration: none;
    line-height: 2.8rem;
    text-wrap: nowrap;
    
}

.footer-links{
    text-decoration: none;
    color: black;
    font-size: 1.2rem;
   
}

.f-link{
    color: black;
    text-decoration: none;
    padding-right: 2rem;
    line-height: 2.8rem;
    text-wrap: nowrap;
    
}

.footer{
    

    border-top: solid;
    border-top-color: #b2b2b2;
    border-top-width: 1px;
    height: 12rem;
}

.f-content{
    padding-top: 5vh;
    padding-bottom: 3vh;
}



.f-line{
    
    height: 1.2px;
    width: 100%;
    background-color:#000000;
}

.rs-section{

    padding-block: 5rem;
    width: 80%;
}

.pan-button{
    text-align: center;

}
.rs-text{
    text-align: justify;
    font-size: 1.1rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}


.search-bar{
    background-color: #adadad39;
    border-radius: 0px;
    width: 80%;
    margin: 0 auto;
    color: white;
    padding-block: 0.6rem;
    padding-left: 1.2rem;
    margin-top: 28vh;
    margin-bottom: 5vh;
}

.search-bar::placeholder{
    color: white;
}

.black-bg-image{
    background-image: url(assets/black\ soldiers\ vac.webp);
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: top;
    
    }


    .indi-bg-image{
        background-image: url(assets/Indeginous.jpg);
        height: 100%;
        width: 100%;
        background-size: contain;
        background-position: top;
        
        }

    .black-hero-section{
        height: 60vh;
        width: 100%;
        
    }

    .black-hero-heading{
        font-size: 2.7rem;
        font-weight: bold;
        padding-bottom: 1rem;
       
    }

    .black-hero-subheading{
        font-size: 0.73rem;
        letter-spacing: 3.5px;
        line-height: 23px;
        padding-bottom: 0.2vh;
    }



    .accordion{
        --bs-accordion-btn-focus-box-shadow: rgba(255, 255, 255, 0);
        --bs-accordion-border-width: 2px;
        
    }

    .accordion-button::after{
        background-image: url(assets/plus-icon.png);
        width: 2.2rem;
        height: 2.2rem;
        background-size: 2.2rem;
        
    }

    .accordion-button:not(.collapsed)::after{
        background-image: url(assets/minus-icon.png);
    }

    .accordion-button:not(.collapsed){
        color: black;
        background-color: #F1F1F1;
    }


    .step-num{
        font-family: 'Archivo Black', sans-serif;
        font-size: 3.1rem;
        padding-left: 1vw;
        
    }
    
    .acc-title-section{

        padding-top: 1vh;
        padding-left: 2.5vw;
    }

    .acc-heading{

        font-size: 1.1rem;
        font-weight: bold;
        margin-bottom: 0.6vh;
    }

    .acc-subheading{
        font-size: 1rem;
        color: #3b3b3b;

    }
    .accordion-body{
        padding-left: 7vw;
        padding-right: 6vw;
    }

   

    .acc-btn{

     
            margin-top: 0.4rem;
            background-color:#080A0F;
            color: white;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: 5px;
            padding-block: 0.7rem;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
      
    }

        .acc-btn:hover{
            background-color: #484848;
            color: white;
        }

        iframe{

            max-width: 60vw;
            max-height: 63vh;

           
        }


        .accordion-section{
            padding-bottom: 5rem;
        }
    

        .contact-left{
            background-color: #080A0F;
            color: white;
            border-radius: 10px;
            padding: 2rem;
            
        }

        .contact-btn{
            float: right;
            margin-top: 3rem;
            background-color:#080A0F;
            color: white;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: 3px;
            padding-block: 0.7rem;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
        }
        
        .contact-btn:hover{
            background-color:#535353;
            color: white;
        }



        .unb-gregg-img{
            max-width: 100%; /* Ensures images don't exceed their container width */
            max-height: 90%;
            vertical-align: middle;
            height: auto; /* Maintains image aspect ratio */
            margin-right: 2rem;
          
        }

        .ch-img{
            max-width: 100%; /* Ensures images don't exceed their container width */
           max-height: 100%; /* Ensure the image doesn't exceed the container */
          vertical-align: middle; /* Align the image vertically */
           height: auto; /* Maintains image aspect ratio */
           padding-top: 0.7rem;

        }

        .bigidea-img{

            width: 5rem;
            max-height: 100%;
            
            
        }

        .f-img-container{
            display: flex; /* Use Flexbox for easier alignment */
            align-items: center; /* Vertically center the content */
            justify-content: center;
            height: 60px; /* Set a height for the container */
            

        }

        .vertical-line {
            border-left: 2px solid black; /* Adjust thickness and color as needed */
            height: 200px; /* Set the height of the vertical line */
          }

          .text-justify{
            text-align: justify;
          }

            .partners-sec{

               
                display: flex; /* Use flexbox */
                justify-content: center; /* Horizontally center the content */
                align-items: center; /* Vertically center the content */
                height: 100%; /* Set the height to 100% to fill the parent container */
                padding-block: 3rem;
              
          }


        #goals{
            padding-bottom: 5rem;
        }



/* Team Page CSS*/



.textcard-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;

}







/* Media Queries */





@media only screen and (max-width: 1400px)  {
	
    .card-title{
        font-size: 1.8rem;
    }
    
    .card-img-overlay{
        padding-top: 78%;
    }

    .f-content{
        max-width: 95% !important;
    }
  

}



@media only screen and (max-width: 1000px) and (min-width: 768px) {
    
    .nav-con{
      max-width: 93%;
        
    }

    .ss-col {
        height: 25rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ts-btn{
        font-size: 1.1rem;
        margin-top: 2rem;
      
    }

    
    .main-icon{
        margin-right: 3px;
        margin-bottom: 0px;
        width: 30px;
        height: 30px;
    }

    .nav-link{
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 0.87rem !important;
    }

    .nav-logo{
        font-size: 1.15rem;
    }

    .lang-text{
        font-size: 0.87rem;
    }

    .lang-item{
        margin-left: 0.5rem;
    }
  }


  
@media only screen and (max-width: 880px)  {
	

   .nav-item{
    margin-right: 0.5rem !important;
   }
  
}



  @media only screen and (max-width: 849px) and (min-width: 768px) {
	
    .nav-con{
        max-width: 99%;
          
      }

      .card-title{
        font-size: 1.8rem;
    }
    
    .card-img-overlay{
        padding-top: 78%;
    }

    .ss-col {
       
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
    
}


@media only screen and (max-width: 767px)  {
	
.hero-section{
    height: 60vh;
}

    .hero-heading{
        font-size: 2.9rem;
        font-weight: bold;
        max-width: 50rem;
    }

    .hero-btn{
        text-wrap: wrap;
        margin-bottom: 0.6rem;
        font-size: 0.85rem;
       
    }
    .ss-col {
       
        height: 30rem;
        margin-bottom: 5rem;
    }

    .card-img-overlay{
        padding-top: 65%;
    }

    .ss-heading{
        font-size: 2rem;
    }


    .ss-subheading{
        font-size: 0.9rem;
    }

    .students-space{

        padding-bottom: 2rem;
    }

    .ts-btn{
        font-size: 1rem;
        padding-block: 0.6rem;
     padding-left: 1.5rem;
    padding-right: 1.5rem;
    }

    
    .ts-col-2{
        text-align: start;
    }


    .pd-heading{
        font-size: 1.5rem;
        width: 90%;
    }

    .pd-text{
        font-size: 1.1rem;
    }


    .ch-img{
        padding-top: 2rem;
        width: 14rem;
    }

    .bigidea-img{

        width: 7rem;
        max-height: 150%;
        margin-top: 1rem;
        
        
    }

    .partners-sec{

        padding-top: 9rem;
        padding-bottom: 10rem;
    }


    
    
.team-card{
    padding-left: 2rem;
    padding-right: 2rem;
   
}

.unb-gregg-img{
    margin-right: 0rem;
}

.pan-button{
    text-align: left;
}



    
}


@media only screen and (min-width: 992px)  {


    .footer-links{

        padding-left: 8vw;

    }


}





@media only screen and (max-width: 470px)  {


    iframe{

        max-width: 80vw;
        max-height: 25vh;

    }

    .acc-heading {
        font-size: 1rem;
       
    }

    .acc-subheading {
        font-size: 0.9rem;
      
    }

    .black-hero-heading {
        font-size: 2.2rem;
        width: 85vw;
        margin: 0 auto;
        padding-bottom: 0.3rem;
      
    }

    .black-hero-section{

        height: 60vh;
    }


    .hero-btn{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-block: 0.5rem;
    }

    .search-bar{
        margin-bottom: 0vh;

    }

    .step-num{
        font-size: 2.7rem;
        padding-left: 0rem;
        padding-right: 0.3rem;
    }

    .ts-overlay{
        padding-left: 1.5rem;
       
    }

    .ts-subheading{

        font-size: 1.15rem;
        padding-top: 0.5rem;
    }

    .pg-section{
        padding-bottom: 0.5rem;
    }

    .rs-overlay{
       
    }
    .r-section{
        padding: 2.5rem 1rem 2rem 1rem;
    }

    .exnote-section{
        padding: 2.5rem 1rem 2rem 1rem;
       
    }

    .exnote-section-2{
        padding: 2.5rem 1rem 2rem 1rem;
        
    }
    .unb-gregg-img{
        height: 2.6rem;
    }

    .ch-img{
        width: 13rem;
        padding-top: 1rem;
    }

    .bigidea-img{

        width: 7rem;
        max-height: 130%;
        margin-top: 1rem;
        
        
    }


}


/* Specifically for short screens */
@media only screen and (max-height: 800px)  {

    .black-hero-section{
        height: 85vh;
    }

    .search-bar{
        margin-top: 42vh;
    }

    .hero-heading{
        font-size: 2.4rem;
    }

}

#choices{
    background-color:rgb(83, 83, 83);
    color: #080A0F;
}