/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------------------------------------
                                                        CARD-ANIMATION-STARTS
--------------------------------------------------------------------------------------------------------------------------*/


.card-ani{
  transition: transform .2s;
  /*background-color: transparent!important;*/
  /*box-shadow: 0em .05em 0.8em 0em rgba(07, 47, 55, 1)!important;*/
  /*background-color: #189AB4!important;*/
  border-radius: 10px;

/* background: rgb(161,171,173);
background: linear-gradient(34deg, rgba(161,171,173,1) 83%, rgba(24,154,180,1) 89%, rgba(207,207,207,1) 100%);*/

/*background: rgb(238,238,238);
background: linear-gradient(34deg, rgba(238,238,238,1) 74%, rgba(139,226,244,1) 89%, rgba(207,207,207,1) 100%);*/

background: rgb(238,238,238);
background: radial-gradient(circle, rgba(238,238,238,1) 0%, rgba(224,251,255,1) 60%, rgba(139,226,244,1) 100%, rgba(207,207,207,1) 100%);
}

.card-ani:hover{
  transform: scale(1.05);
}

.fs-casca{ font-family: Cascadia Mono SemiBold!important; }

/*.card-exi{
  background-color: transparent!important;
  box-shadow: 0em .05em 0.8em 0em rgba(253, 151, 255, 1)!important;
}

.card-tra{
  background-color: transparent!important;
  box-shadow: 0em .05em 0.8em 0em rgba(24, 109, 240, 1)!important;
}

.card-vol{
  background-color: transparent!important;
  box-shadow: 0em .05em 0.8em 0em rgba(233, 76, 76, 1)!important;
}

.card-aco{
  background-color: transparent!important;
  box-shadow: 0em .05em 0.8em 0em rgba(246, 0, 95, 1)!important;
}

.card-spo{
  background-color: transparent!important;
  box-shadow: 0em .05em 0.8em 0em rgba(253, 171, 15, 1)!important;
}


.card-rep{
  background-color: transparent!important;
  box-shadow: 0em .05em 0.8em 0em rgba(150, 232, 255, 1)!important;
}*/


/*------------------------------------------------------------------------------------------------------------------------
                                                        CARD-ANIMATION-ENDS
--------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------
                                                        DASHBOARD-HEIGHTS_&_WIDTHS-START
--------------------------------------------------------------------------------------------------------------------------*/

.activities-notifications{
  max-height: 375px!important;
  overflow-y: auto!important;
}
.important-dates{
  max-height: 230px!important;
  overflow-y: scroll!important;
}
.exhibits-from-school{
  border-radius:20px!important;
  min-height: 230px!important;
}

/*------------------------------------------------------------------------------------------------------------------------
                                                        DASHBOARD-HEIGHTS_&_WIDTHS-ENDS
--------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.container-con {
    max-width: 1750px;
    margin-left:  auto;
    padding:  0 40px;
}

/*------------------------------------------------------------------------------------------------------------------------
                                                        MEDIA-QUERY-STARTS
--------------------------------------------------------------------------------------------------------------------------*/



                /*LARGE_SCREEN*/
@media only screen and (max-width: 1440px) {

  .container-con {
      max-width: 1300px;
      margin-left:  auto;
      padding:  0 40px;
  }


}


                /*SMALL_SCREEN*/
@media only screen and (max-width: 1024px) {

  .container-con {
      max-width: 910px;
      margin-left:  auto;
      padding:  0 20px;
  }


}


                /*TABLET*/
@media only screen and (max-width: 991px) {



}


                /*MOBILE*/
@media only screen and (max-width: 576px) {



}

/*------------------------------------------------------------------------------------------------------------------------
                                                        MEDIA-QUERY-ENDS
--------------------------------------------------------------------------------------------------------------------------*/