.dropdown-item:hover, 
.nav-item:hover
{
    background-color: #fff;
    color: #000;
}

.nav-link.active{
    background-color: #fff;
}

.div1 {
	clip-path: polygon(100% 0, 0 0, 0 100%);
}

.div2{
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.link{
    text-decoration: none;
    color: #fff;
}
.links{
    text-decoration: none;
    color: #fff;
}
.gray{
    color:dimgray;
}
.facebook{
    color: #4867AA;
    transition: 3s;
    transform: scale(1.1);
}
.twitter{
    color: #1DA1F2;
    transition: 3s;
    transform: scale(1.1);
}
.youtube{
    color: red;
    transition: 3s;
    transform: scale(1.1);
}
.link:hover {
   
    color: red;
    transition: 3s;
    transform: scale(1.1);
}





.spinner-grow {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
 }

 .hide {
    display: none;
}

 .overlay-div{
    
    height:100%;
    width: 100%;
    position:fixed;
    background-color:#000;
    opacity:.5;
     z-index: 2000;
 }
 

 .hover a{
    cursor: pointer;
    text-decoration: none;
}



.hover-effect:hover{
    transition: transform .3s;
    transform: scale(1.03);
    box-shadow: 3px;
}




/* Courses Styling */

button.btn.btn-link{
    text-decoration: none;
    /* color: #f1a400; */
    color: #dc3545;
 }
 
 .btn.btn-link:hover{
    text-decoration: none;
    /* color: #f1a400; */
    color: #dc3545;
    border-bottom: 2px solid #dc3545;
    /* border-bottom: 2px solid #f1a400; */
 }
 
 .default_focus{
    text-decoration: none;
    color: #dc3545;
    /* color: #f1a400; */
    border-top: 2px solid #dc3545;
    /* border-top: 2px solid #f1a400; */
    background-color: white;
 }
 
 
 .course_card:hover{
    transition: transform .3s;
    transform: scale(1.1);
    box-shadow: 3px;
 }
 
 .course_campus{
    background-color: white;
 }


 .fixed-bg {
    background-image: url("../images/image3.jpg");
    min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.nav-background{
    background-image: url("../images/background_2.gif");
    background-repeat: no-repeat;
    width: 100%;
}


















 /*************************************************FLIP CARD************************************************/


.flip-card {
    background-color: transparent;
    width: 100;
    height: 10rem;
   /* perspective: 1000px; */
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    /* background-color: #FFC107; */
    background-color: #FFC107;
    color: black;
  }
  
  .flip-card-back {
    background-color: #FFC107;
  /*  color: white;*/
    transform: rotateY(180deg);
  }
  
  


  iframe { 
    width: 100%;
    aspect-ratio: 16 / 9;
  }