.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #003399;
}
a {
	color: #003399;
}
/* FOOTER STARTS */
.width-footer-sub-form{
    width: 55%;
}
/* FOOTER ENDS */
.navitem{
    padding-right:15px;
    padding-left:15px;
}
.navitem:hover{
    background-color: black;
}

.bg-blue{
    background:#003399;
}
.bg-black{
    background:black;
    overflow-y: hidden;
}
.bg-lightclr{
    background-color: #cccccc;
}
.bg-white{
    background-color: white;
}
.vline{
    border-left: 3px solid white;
}
.vlinetop::after{
    content:"";
    /* display:inline; */
    border-right: 1px solid blue;
    /* margin-left: 25px; */
    padding-right:25px;
}
#select_featured_project{
    border: 3px solid black;
	}
#select_design_tech{
    border: 3px solid black;
}
.afterline::after{
    content:"";
    display:block;
    border-top: 5px solid blue;
    width:20%;
    margin:10px auto;
}
.bottomline-large::after{
    content:"";
    display:block;
    border-top: 5px solid blue;
    width:20%;
    margin-top:10px;
}
#colbutton{
    position: relative;
    bottom:130px;
    margin-left:30%;
}
.opacity{
    background: rgba(0, 0, 0, 0.2); 
}
.opacity-b{
    opacity:0.5;
}
.vl::after{
    content:"";
    /* display:inline; */
    border-right: 1px solid darkgrey;
    padding-left:10px;
}
#btn_readmore{
    border: 2px solid black;
}

.btn-black{
    background:black;
}

.vd{
    border-right: 3px solid black;
    height: 100px;
}
/* .vertical-line{
    border-left: 2px solid lightgray;
    border-right: 2px solid lightgray;
    height: 450px;
} */
  #hrline::after{
        content:"";
        border: 0.1px solid lightgray;
        margin: 10px 0px;;
        width: 92%;
  }
  #hline{
    display: inline-block;
    border-bottom: 1px solid lightgrey;
    line-height: 0;
    text-align:center            
}      
/* .carousel-inner {
    height:750px;
}
.carousel-indicators{
    position:relative;
    top: 720px;
} */
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color:black;
}
/* .carousel-indicators {
    bottom: -50px;
} */
/* #verticaline::after{
    content:"";
    border: 0.1px solid lightgray;
    margin: 10px 0px;;
    height: 600px;
} */

@media only screen and (min-width:1200px){
    #flogo{
        border-right: 1px solid lightgray;
    }
    #aboutuc{
        border-right: 1px solid #f7f7f7; 
    }
    #mainbodies{
        border-right: 1px solid #f7f7f7;
    }
    #worldcultures{
        border-right: 1px solid #f7f7f7;
    }
    
}
@media only screen and (min-width:768px) and (max-width:1199px){
    #flogo{
        border-right: 1px solid lightgray;
    }
    #mainbodies{
        border-right: 1px solid #f7f7f7;
    }

}

 }
@media only screen and (max-width:767px){
    #justify-content-center-xs{
        display: flex;
        justify-content: center;
    }

}

/* News and media page */

.cbox{
    /* border: 2px solid black; */
    padding-top:20px;
    padding-left:50px;
    padding-right:50px;
}
.recentnewsbox{
    padding:0px;
    margin: 0px;
    height: 475px;
}
.recentnewsbox img{
    width:100%;
    height:100%;
}
.news-headline{
    position: relative;
    top: 250px;
}
.news-category{
    margin-left:2px;
    background-color: black;
    width: 120px;
}
.news-category p{
    padding:5px;
    text-align: center;
}

/* .arow, .brow{
    padding-left: 5px;
} */
.recentnewsbox2{
    padding:0px;
    margin: 0px;
    height: 250px;
}
.recentnewsbox2 img{
    height:100%;
    width:100%;
}
.news-headline2, .news-headline3{
    position: relative;
    top: 70px;
}

.recentnewsbox3{
    padding-top:10px;
    padding-left:0px;
    padding-right:0px;
    height: 225px;
}
.recentnewsbox3 img{
    height:100%;
    width:100%;
}
.latest-news-box{
    position: relative;
    top: 50px;
}

.archives-btn{
    border: 2px solid black;
    color: black;
}
.archives-btn a{
    color:black;
}
.archives-btn:hover a {
    color:white;
    background:black;
    text-decoration: none;
}
.archives-btn:hover {
    color:white;
    background:black;
}
    /* News and Media Page */

    /* Ambassadors */

.underline::after{
    content:"";
    display:block;
    border-top: 5px solid blue;
    width:10%;
    margin-top: 5px;
    margin-left: 3px;
}

.bord{
    border: 2px solid #cccccc;
}

    /* Ambassadors end */

    /* Events Page */
.event-image-div > div > div {
    position:relative;
    top:-20px;
    left:210px;
}
.read-more-link{
    color: black;
    text-decoration: underline;
}
.border-event{
    border: 3px solid black;
}
.horizontal-line::after{
        content:"";
        border: 2px solid lightgray;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left:10px;
        width: 76%;
}
.text-blue{
    color:#003399;
}
/* Event Page */

 /* Jobs Page */
 .card-overlay-position{
     position: relative;
     /* top:150px; */
 }
 .font-size-joinus{
     font-size:60px;
     font-weight: bold;
 }
 .joinusbox{
     background-color: rgba(0,51,153,0.7) ;
 }
 .line-divider::after{
        content:"";
        border: 2px solid lightgray;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left:70px;
        margin-right:70px;
 }
 .blue-line::after{
    content:"";
    display:block;
    border: 2px solid #003399;
    margin-top: 20px;
    margin-bottom: 20px;
    width:100%;
}
 /* Jobs Page */

 /* Projects page */
 .project-container-box{
    padding-top:20px;
    padding-left:50px;
    padding-right:50px;
}
/* .project-container-box > div {
    height: 400px;
} */
.project-container-box > div > img{
    height: 100%;
}
/* .project-header-row-2{
    padding-top:135px;
} */
.project-header-row-2-box-1{
    /* height: 400px; */
    padding:0px;
}
.project-header-row-2-box-1 > img, .project-header-row-2-box-2 > img{
    opacity: 0.5;
}
.project-header-row-2-box-2{
    /* height: 400px; */
    padding:0px;
}

.project-line-divider{
    content:"";
    border: 1px solid lightgray;
    width:1px;
    height:10px;
    /* margin-top: 20px;
    margin-bottom: 20px;
    margin-left:70px;
    margin-right:70px; */
}
.project-stat{
    border-right: 2px solid #456ab5;
}
.project-stat-divider{
    border-right: 2px solid lightgray;
    height:50px;
    margin-top:50px;
}
.project-category{
    margin-left:20px;
    margin-top: 30px;
    background-color: black;
    width: 120px;
}
.project-category p{
    padding-top:10px;
    text-align: center;
}
 /* Projects Page */


  /* media queries starts*/
    /* for xs less than 576px */
@media only screen and (max-width:375px) {
    .xxl-styling{
        position: relative;
        bottom:40px;
    }
 }
   /* for xs less than 576px */
@media only screen and (max-width:575px) {
    .joinusbox{
        background-color: rgba(0,51,153,0.7) ;
    }
 }
 /* for sm equal and greater than 576px */
 @media only screen and (min-width: 576px) and (max-width:767px) {
    .joinusbox{
        background-color: rgba(0,51,153,0.7) ;
    }
 }
 /* for md equal and greater than 768px */
 @media only screen and (min-width: 768px) and (max-width:991px) {
    .joinusbox{
        background-color: rgba(0,51,153,0.7) ;
    }

 }
 /* for lg equal and greater than 992px */
 @media only screen and (min-width: 992px) and (max-width:1199px) {
    .joinusbox{
        background-color: rgba(0,51,153,0.7) ;
        width:70%;
    }
    .font-size-joinus{
     font-size:50px;
     font-weight: bold;
    }
    .project-stat{
        border:none;
    }
 }
 /* for lg header join us box */
 @media only screen and (min-width: 992px) and (max-width:1160px){
    .slider-indicators{
        position:relative;
        top:420px; 
        height:0px;
        background-color: gold;
    }
    .joinusbox{
        background-color: rgba(0,51,153,0.7) ;
        width:70%;
        position: relative;
        bottom: 50px;
    }
    .card-xxl-screen{
        margin-left:100px;
    }
 }
 /* for xl equal and greater than 1200px */
 @media only screen and (min-width: 1200px) {
    .joinusbox{
        background-color: rgba(0,51,153,0.7) ;
        width:60%;
    }
    .slider-indicators{
        position:relative;
        top:570px; 
        height:0px;
        background-color: gold;
    }
 }
 /* For 2560px */
 @media only screen and (min-width: 2560px) {
   .card-xxl-screen{
       margin-top:300px;
   }
   .xxl-styling{
       margin-top:250px;
   }
 }
  /* media queries ends*/