/* List of Variables*/
/* Custom Fonts */
@font-face {
  font-family: "PTSans";
  src: url("fonts/PT-Sans.eot");
  src: url("fonts/PT-Sans.eot?#iefix") format("embedded-opentype"), url("fonts/PT-Sans.woff") format("woff"), url("fonts/PT-Sans.ttf") format("truetype"), url("fonts/PT-Sans.svg#pt_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PTSans";
  src: url("fonts/PT-Sans-Bold.eot");
  src: url("fonts/PPT-Sans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/PT-Sans-Bold.woff") format("woff"), url("fonts/PT-Sans-Bold.ttf") format("truetype"), url("fonts/PT-Sans-Bold.svg#pt_sansbold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PTSans";
  src: url("fonts/PT-Sans-Italic.eot");
  src: url("fonts/PPT-Sans-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/PT-Sans-Italic.woff") format("woff"), url("fonts/PT-Sans-Italic.ttf") format("truetype"), url("fonts/PT-Sans-Italic.svg#pt_sansitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "PTSans";
  src: url("fonts/PT-Sans-BoldItalic.eot");
  src: url("fonts/PPT-Sans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/PT-Sans-BoldItalic.woff") format("woff"), url("fonts/PT-Sans-BoldItalic.ttf") format("truetype"), url("fonts/PT-Sans-BoldItalic.svg#pt_sansbold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
html {
  background-color: #fff;
  line-height: 1.7;
}

body {
  font-family: "PTSans", Arial, sans-serif;
  font-size: 15px;
  margin: 0;
  padding: 0;
  /*.announcements {
    margin-top: 10px;
    padding: 0 0px;
    font-weight: bold;
    font-size: 20px;
    text-align: justify;

    @media screen and (max-width: 800px) {
      & {
        padding: 0 20px;
      }
    }
    .blinking {
      animation: blinkingText 1.2s infinite;
    }
    @keyframes blinkingText {
      0% {
        color: rgb(105, 17, 163);
      }
      49% {
        color: rgb(105, 17, 163);
      }
      60% {
        color: transparent;
      }
      99% {
        color: transparent;
      }
      100% {
        color: rgb(105, 17, 163);
      }
    }

    .ColChange {
      animation: ColChangeText 1.2s infinite;
    }
    @keyframes ColChangeText {
      0% {
        color: red;
        padding-left: 0;
      }
      20% {
        color: red;
        padding-left: 3px;
      }
      40% {
        color: red;
        padding-left: 6px;
      }
      60% {
        color: red;
        padding-left: 9px;
      }
      80% {
        color: red;
        padding-left: 6px;
      }
      100% {
        color: red;
        padding-left: 3px;
      }
    }
  }*/
}
body .ColChange {
  animation: ColChangeText 1.2s infinite;
}
@keyframes ColChangeText {
  0% {
    color: red;
    padding-left: 0;
  }
  20% {
    color: red;
    padding-left: 3px;
  }
  40% {
    color: red;
    padding-left: 6px;
  }
  60% {
    color: red;
    padding-left: 9px;
  }
  80% {
    color: red;
    padding-left: 6px;
  }
  100% {
    color: red;
    padding-left: 3px;
  }
}
body .announcements {
  background-color: burlywood;
  margin: 0 40px;
}
@media screen and (max-width: 800px) {
  body .announcements {
    margin-left: 20px;
    margin-right: 20px;
  }
}
body .announcements .openings {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  box-sizing: border-box;
  height: auto;
  text-align: justify;
}
body .announcements .openings .ESR {
  width: 98%;
  background-color: #d3a05f;
  padding: 10px 20px;
  margin: 0px 10px 10px 10px;
}
body .announcements .openings .ESR .highlight {
  font-weight: bold;
  font-style: italic;
}
body .announcements .openings .ESR .Heading {
  margin-bottom: 5px;
}
@media screen and (max-width: 1400px) {
  body .announcements .openings .ESR {
    width: auto;
    margin: 10px;
  }
}
@media screen and (max-width: 800px) {
  body .announcements .openings .ESR {
    padding: 5px;
  }
}
body .announcements .openings .ESR .apply {
  margin-top: -10px;
  font-weight: bold;
}
@media screen and (max-width: 1400px) {
  body .announcements .openings {
    flex-direction: column;
  }
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: blue;
}

.mainBody {
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  box-sizing: border-box;
  height: auto;
}
.mainBody .image {
  width: 49%;
}
.mainBody .details {
  background-color: #cccccc;
  width: 49%;
  margin-bottom: 7px;
}
.mainBody .details dd {
  float: left;
  clear: left;
  width: 150px;
  font-weight: bold;
  color: black;
  font-size: 15px;
}
.mainBody .details dt {
  padding-bottom: 30px;
  padding-left: 150px;
}
.mainBody .details .details-list {
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1300px) {
  .mainBody .details dd {
    width: 100px;
  }
  .mainBody .details dt {
    padding-bottom: 10px;
    padding-left: 150px;
  }
  .mainBody .details .details-list {
    padding-bottom: 0;
    padding-top: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .mainBody {
    flex-direction: column;
  }
  .mainBody .image {
    width: auto;
  }
  .mainBody .details {
    width: auto;
  }
}
.main-content {
  text-align: justify;
  padding: 20px 40px 0 40px;
  font-size: 120%;
  display: flex;
  justify-content: space-between;
}
.main-content .mc {
  width: 70%;
}
.main-content .sc {
  width: 22%;
  background-color: cadetblue;
  margin-bottom: 20px;
  margin-top: 7px;
  padding: 10px 30px;
}
.main-content .sc h2 {
  color: cyan;
}
.main-content .sc h3 {
  padding-bottom: -20px;
  padding-top: 10px;
}
.main-content .mcc {
  width: 65%;
  order: 2;
}
.main-content .scc {
  width: 28%;
  background-color: khaki;
  padding: 10px 20px;
  margin-bottom: 30px;
}
.main-content .scc h2 {
  color: white;
}
.main-content .scc ul {
  padding-left: 25px;
}

@media screen and (max-width: 1024px) {
  .main-content {
    flex-direction: column;
    padding-top: 20px;
  }
  .main-content .mc {
    width: auto;
  }
  .main-content .sc {
    width: auto;
    padding: 10px 20px;
  }
  .main-content .sc h2 {
    padding-bottom: -10px;
  }
  .main-content .mcc {
    width: auto;
    order: 1;
  }
  .main-content .scc {
    width: auto;
  }
}
.welcome {
  padding-top: 20px;
  padding-left: 40px;
  color: gray;
}

@media screen and (max-width: 800px) {
  .main-content {
    padding-right: 20px;
    padding-left: 20px;
  }

  .mainBody {
    padding-right: 20px;
    padding-left: 20px;
  }

  .welcome {
    padding-bottom: 0px;
    padding-left: 20px;
  }
}
.site-header {
  padding-top: 20px;
  color: #fff;
  background-color: #405c71;
  padding-left: 40px;
  /* Site Navigation */
  /*This is the navigation for small screen like mobile phones*/
  /*Nav links go to the side window for mobile devices*/
}
.site-header h1 {
  margin: 0;
  font-weight: normal;
  font-size: 200%;
}
@media screen and (max-width: 1024px) {
  .site-header h1 {
    margin-right: 240px;
  }
}
.site-header p {
  font-size: 90%;
  margin: 0;
  font-style: italic;
}
.site-header .logo-ICL {
  position: absolute;
  right: 40px;
  top: 25px;
}
.site-header .logo-ICL:hover {
  transform: scale(1.2);
  /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.site-header .logo-ICL-mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .site-header h1 {
    margin-right: 0px;
  }
  .site-header .logo-ICL {
    display: none;
  }
  .site-header .logo-ICL-mobile {
    display: block;
    position: absolute;
    right: 20px;
    margin-top: -48px;
  }
  .site-header .logo-ICL-mobile:hover {
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
    cursor: pointer;
  }
}
.site-header .site-nav {
  margin-top: 20px;
}
.site-header .site-nav .site-nav-close {
  display: none;
  color: red;
  text-decoration: none;
  position: absolute;
  top: 0rem;
  right: 1rem;
  font-size: 200%;
}
.site-header .site-nav ul {
  margin: 0 -5px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  /* The last button for the home/research page is differently designed*/
}
.site-header .site-nav ul li .dropdown-site-header {
  /* The container <div> - needed to position the dropdown content */
  position: relative;
  display: inline-block;
  /* Dropdown Content (Hidden by Default) */
  /* Show the dropdown menu on hover */
}
.site-header .site-nav ul li .dropdown-site-header button {
  display: block;
  font-size: 120%;
  margin-right: 20px;
  color: #fff;
  padding: 10px 20px;
  background-color: #2e4150;
}
.site-header .site-nav ul li .dropdown-site-header button:hover {
  background-color: black;
  cursor: pointer;
}
.site-header .site-nav ul li .dropdown-site-header button .dropdown-arrow {
  display: inline-block;
  margin-bottom: -15px;
  margin-right: -15px;
  height: 25px;
  width: 25px;
}
.site-header .site-nav ul li .dropdown-site-header button .reveal-arrow {
  display: none;
}
@media screen and (max-width: 1024px) {
  .site-header .site-nav ul li .dropdown-site-header button {
    margin-right: 2px;
  }
}
.site-header .site-nav ul li .dropdown-site-header .dropdown-site-header-content {
  display: none;
  position: absolute;
  background-color: #f2f2f2;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px #e6e6e6;
  z-index: 10000;
  /* Links inside the dropdown */
}
.site-header .site-nav ul li .dropdown-site-header .dropdown-site-header-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  /* Change color of dropdown links on hover */
}
.site-header .site-nav ul li .dropdown-site-header .dropdown-site-header-content a:hover {
  background-color: #e6e6e6;
}
.site-header .site-nav ul li .dropdown-site-header:hover .dropdown-site-header-content {
  display: block;
}
.site-header .site-nav ul li:nth-child(5) {
  margin-left: auto;
  margin-right: 45px;
}
.site-header .site-nav ul li:nth-child(5) button {
  border-radius: 20px 0px 0px 20px;
  display: block;
  font-size: 120%;
  padding: 10px 20px;
  background-color: #2e4150;
}
.site-header .site-nav ul li:nth-child(5) button:hover {
  background-color: black;
  cursor: pointer;
}
.site-header .site-nav ul li:nth-child(5) button a {
  color: yellow;
}
@media screen and (max-width: 1024px) {
  .site-header .site-nav ul li:nth-child(5) button {
    padding: 10px;
  }
}
@media screen and (max-width: 800px) {
  .site-header .site-nav ul li:nth-child(5) {
    margin-right: 20px;
  }
}
.site-header .burger {
  display: none;
  padding-bottom: 5px;
  cursor: pointer;
}
.site-header .burger .line1, .site-header .burger .line3, .site-header .burger .line2 {
  width: 25px;
  height: 3px;
  margin: 5px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .site-header .site-nav {
    display: none;
    position: absolute;
    left: 0;
    height: auto;
    width: 200px;
    text-align: center;
    top: 100% vh;
    margin-top: -40px;
    background-color: #405c71;
    z-index: 10000;
    animation: site-nav-slideRight 0.5s ease-in-out;
  }
  .site-header .site-nav ul {
    display: flex;
    flex-direction: column;
  }
  .site-header .site-nav ul li {
    margin: 20px 0;
    opacity: 1;
  }
  .site-header .site-nav ul li .dropdown-site-header button {
    background-color: #405c71;
    border: none;
    padding-bottom: 15px;
    width: 200px;
    margin-right: 5px;
  }
  .site-header .site-nav ul li .dropdown-site-header button .dropdown-arrow {
    display: none;
  }
  .site-header .site-nav ul li .dropdown-site-header button .reveal-arrow {
    display: inline;
    transform: rotate(180deg) translateY(-4px);
    height: 25px;
    margin-left: 5px;
  }
  .site-header .site-nav ul li .dropdown-site-header .dropdown-site-header-content {
    margin-left: 100%;
    margin-top: -55px;
    margin-left: 200px;
  }
  .site-header .site-nav ul li:nth-child(1) {
    margin-top: 35px;
  }
  .site-header .site-nav ul li:nth-child(5) {
    margin-right: auto;
  }
  .site-header .site-nav ul li:nth-child(5) button {
    background-color: #405c71;
    border: none;
  }
  .site-header .site-nav .site-nav-close {
    display: block;
  }
  .site-header .site-nav:target {
    display: table;
  }
  .site-header .burger {
    display: inline-block;
  }
}

@media screen and (max-width: 800px) {
  .site-header {
    padding-left: 20px;
  }
}
@keyframes site-nav-slideRight {
  from {
    opacity: 0;
    left: -200px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
.PR1 {
  display: flex;
  padding: 20px 40px;
  justify-content: space-between;
}
.PR1 .PR11 {
  order: 2;
  width: 30%;
  padding: 40px 20px;
}
.PR1 .PR12 {
  padding: 20px;
  order: 1;
  background-color: #caffca;
  line-height: 30px;
  width: 65%;
}

.PR2 {
  display: flex;
  padding: 20px 40px;
  justify-content: space-between;
  flex-wrap: center;
}
.PR2 .PR21 {
  order: 1;
  width: 30%;
  padding: 40px 20px;
}
.PR2 .PR22 {
  padding-top: 90px;
  order: 2;
  line-height: 30px;
  width: 65%;
}

.PR3 {
  display: flex;
  padding: 20px 40px;
  justify-content: space-between;
  flex-wrap: center;
}
.PR3 .PR31 {
  order: 2;
  width: 30%;
  padding: 40px 20px;
}
.PR3 .PR32 {
  padding: 20px;
  order: 1;
  line-height: 30px;
  width: 65%;
  background-color: #cccccc;
}

@media screen and (max-width: 1024px) {
  .PR1 {
    flex-direction: column;
    padding-bottom: 0;
  }
  .PR1 .PR11 {
    display: none;
  }
  .PR1 .PR12 {
    width: auto;
  }

  .PR2 {
    flex-direction: column;
  }
  .PR2 .PR21 {
    display: none;
  }
  .PR2 .PR22 {
    width: auto;
    background-color: cornsilk;
    padding: 20px;
    margin-top: 10px;
  }

  .PR3 {
    flex-direction: column;
  }
  .PR3 .PR31 {
    display: none;
  }
  .PR3 .PR32 {
    width: auto;
    padding: 20px;
    margin-top: auto;
  }
}
@media screen and (max-width: 800px) {
  .PR1 {
    padding: 20px;
  }
  .PR1 .PR12 ul {
    padding-left: 20px;
  }

  .PR2 {
    padding: 20px;
  }
  .PR2 .PR22 ul {
    padding-left: 20px;
  }

  .PR3 {
    padding: 20px;
  }
  .PR3 .PR32 ul {
    padding-left: 20px;
  }
}
.AHContent {
  background-color: lightgoldenrodyellow;
  margin: 20px 40px;
  padding: 20px;
  line-height: 35px;
  text-align: justify;
}

/* Slideshow Styles */
.cycle-slideshow {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  height: auto;
  /* Prev and Next Buttons */
}
.cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {
  position: absolute;
  top: 30%;
  background-color: rgba(0, 0, 0, 0.35);
  color: #FFF;
  padding: 1px 10px;
  display: block;
  cursor: pointer;
  font-size: 130%;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.5s;
}
.cycle-slideshow .cycle-next {
  right: 0;
}
.cycle-slideshow .cycle-pager {
  position: absolute;
  top: 10px;
  z-index: 1003;
  width: 100%;
  text-align: center;
}
.cycle-slideshow .cycle-pager span {
  text-indent: -9999px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FFF;
  margin: 0 4px;
  cursor: pointer;
}
.cycle-slideshow .cycle-pager .cycle-pager-active {
  background-color: #000;
}
.cycle-slideshow .slide {
  position: relative;
}
.cycle-slideshow .slide img {
  display: block;
}
.cycle-slideshow .slide .slide-text {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.cycle-slideshow:hover .cycle-prev, .cycle-slideshow:hover .cycle-next {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .cycle-slideshow {
    width: 70%;
  }
  .cycle-slideshow .slide .slide-text {
    position: static;
    background-color: #000;
  }
}
@media screen and (max-width: 800px) {
  .AHContent {
    margin: 20px;
    padding: 5px;
  }
  .AHContent ul {
    padding-left: 18px;
  }

  .cycl-slideshow {
    width: 85%;
    margin-bottom: 20px;
  }
}
.Teach {
  padding: 20px 40px;
  line-height: 30px;
  text-align: justify;
}

.Tea-container {
  display: flex;
  justify-content: space-between;
  line-height: 35px;
}
.Tea-container .ICL {
  background-color: lightsteelblue;
  padding: 20px;
  width: 48%;
}
.Tea-container .IIT-JU {
  width: 48%;
}
.Tea-container .IIT-JU .IIT {
  background-color: lightyellow;
  padding: 20px;
  margin-bottom: 20px;
}
.Tea-container .IIT-JU .JU {
  background-color: lightgreen;
  padding: 20px;
  margin-top: 10px;
}

@media screen and (max-width: 1024px) {
  .Tea-container {
    flex-direction: column;
  }
  .Tea-container .ICL {
    width: auto;
  }
  .Tea-container .IIT-JU {
    margin-top: 20px;
    width: auto;
  }
}
@media screen and (max-width: 800px) {
  .Teach {
    padding: 20px;
  }
}
.Res-main {
  display: flex;
}

.Res-container {
  position: relative;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.Res-container .Res-box:hover .Res-content p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s;
}
.Res-container .Res-box:hover .Res-content a {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}
.Res-container .Res-box:hover .Res-content h2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}
.Res-container .Res-box:hover .Res-imgBx {
  clip-path: circle(80px at center 100px);
  transition-delay: 0s;
}
.Res-container .Res-box {
  position: relative;
  width: 500px;
  height: 400px;
  margin: 20px 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.Res-container .Res-box h2 {
  text-align: center;
  color: darkgray;
}
.Res-container .Res-box .Res-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.Res-container .Res-box .Res-content h2 {
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(20px);
  color: black;
}
.Res-container .Res-box .Res-content a {
  text-decoration: none;
  background: #000;
  color: #fff;
  padding: 5px;
  display: inline-block;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(20px);
}
.Res-container .Res-box .Res-content p {
  opacity: 0;
  transition: 0.5s;
  transform: translateY(20px);
}
.Res-container .Res-box .Res-imgBx {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  background-color: white;
  clip-path: circle(400px at center 100px);
  transition: 0.5s;
  transition-delay: 0.5s;
  text-align: center;
}
.Res-container .Res-box .Res-imgBx .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Res-Down {
  width: 20%;
  padding: 20px;
  margin: 50px 20px;
  background-color: darkgray;
  border: 3px solid black;
  border-radius: 20px;
  height: fit-content;
}
.Res-Down h2 {
  text-align: center;
  color: yellow;
  padding-bottom: 20px;
}
.Res-Down ul {
  font-size: 150%;
  line-height: 150%;
  text-align: justify;
}
.Res-Down ul li {
  margin-bottom: 10px;
}
.Res-Down ul li ul {
  font-size: 100%;
  line-height: 100%;
  text-align: left;
}
.Res-Down ul a:hover {
  background-color: yellowgreen;
}

@media screen and (max-width: 1024px) {
  .Res-main {
    flex-direction: column;
  }
  .Res-main .Res-container {
    width: auto;
  }
  .Res-main .Res-Down {
    width: auto;
  }
}
.SE-mainContent {
  text-align: justify;
  font-weight: 12;
  padding: 20px 40px;
}

/*This code corresponds to the State Estimation */
.SEres, .MAres, .WAres {
  display: flex;
  padding: 0 40px 20px 40px;
  justify-content: space-between;
}
.SEres .SETeam, .MAres .SETeam, .MAres .MATeam, .WAres .SETeam, .WAres .WATeam {
  width: 44%;
  background-color: linen;
  padding: 10px 30px;
  text-align: justify;
}
.SEres .SESpons, .MAres .SESpons, .MAres .MASpons, .WAres .SESpons, .WAres .WASpons {
  width: 44%;
  background-color: linen;
  padding: 10px 30px;
  text-align: justify;
}

/* For Wide-area control and PMU applications*/
.WAres .WATeam {
  width: 30%;
}
.WAres .WASpons {
  width: 58%;
}

/* for the Modelling and analysis of renewables page*/
.MAres .MATeam {
  width: 20%;
}
.MAres .MASpons {
  width: 68%;
}

/*This region is same for all the research pages*/
.SEpubl {
  padding: 0px 40px 20px 40px;
  line-height: 35px;
  text-align: justify;
}

@media screen and (max-width: 800px) {
  .SE-mainContent {
    padding: 20px;
  }

  .SEres, .WAres, .MAres {
    margin: -20px 0;
    padding: 20px;
  }
  .SEres .SETeam ul, .WAres .SETeam ul, .MAres .SETeam ul, .WAres .WATeam ul, .MAres .MATeam ul {
    padding-left: 20px;
  }
  .SEres .SESpons ul, .WAres .SESpons ul, .MAres .SESpons ul, .WAres .WASpons ul, .MAres .MASpons ul {
    padding-left: 20px;
  }

  .MAres {
    margin: -20px 0;
    padding: 20px;
  }
  .MAres .MATeam ul {
    padding-left: 20px;
  }
  .MAres .MASpons ul {
    padding-left: 20px;
  }

  .SEpubl {
    margin: 20px -20px -20px -20px;
  }
}
@media screen and (max-width: 1024px) {
  .SEres, .WAres, .MAres {
    flex-direction: column;
  }
  .SEres .SESpons, .WAres .SESpons, .MAres .SESpons, .WAres .WASpons, .MAres .MASpons {
    width: auto;
    padding-right: 20px;
  }
  .SEres .SETeam, .WAres .SETeam, .MAres .SETeam, .WAres .WATeam, .MAres .MATeam {
    width: auto;
    margin-bottom: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .MAres {
    flex-direction: column;
  }
  .MAres .MASpons {
    width: auto;
  }
  .MAres .MATeam {
    width: auto;
    margin-bottom: 20px;
  }
}
.RF-main {
  padding: 20px 40px;
}
.RF-main .RF-im-h1 {
  border: 1px solid #ccc;
}
.RF-main .RF-im-h1 h2 {
  padding-left: 10px;
}
.RF-main .RF-images {
  max-width: auto;
  margin: auto;
  background: #f2f2f2;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.RF-main .RF-images .Im-Row {
  margin: 5px;
  border: 1px solid #ccc;
  width: 24%;
}
.RF-main .RF-images .Im-Row img {
  width: 100%;
  height: 100px;
}
.RF-main .RF-images .Im-Row .Im-Des {
  padding: 2px;
  text-align: center;
}
.RF-main .RF-Summary {
  background-color: lightgoldenrodyellow;
  margin-top: 20px;
  padding: 0 10px;
}
.RF-main .RF-grants {
  border: 1px solid #ccc;
}
.RF-main .RF-grants h2 {
  padding-left: 10px;
}
.RF-main .RF-grants .RF-grants-ul {
  position: relative;
  box-sizing: border-box;
}
.RF-main .RF-grants .RF-grants-ul li {
  display: flex;
  padding: 10px 0 10px 20px;
  background-color: lightgray;
  margin: 5px 40px 5px 0;
  transition: 0.5s;
  text-align: left;
  justify-content: space-between;
}
.RF-main .RF-grants .RF-grants-ul li span:nth-child(1) {
  width: 3%;
}
.RF-main .RF-grants .RF-grants-ul li span:nth-child(2) {
  width: 3%;
}
.RF-main .RF-grants .RF-grants-ul li span:nth-child(3) {
  width: 35%;
}
.RF-main .RF-grants .RF-grants-ul li span:nth-child(4) {
  width: 35%;
}
.RF-main .RF-grants .RF-grants-ul li span:nth-child(5) {
  width: 10%;
}
.RF-main .RF-grants .RF-grants-ul li span:nth-child(6) {
  width: 8%;
}
.RF-main .RF-grants .RF-grants-ul li:hover {
  transform: scale(1.06);
  background: #070707;
  font-weight: bold;
  color: #fff;
}
.RF-main .RF-consulting {
  border: 1px solid #ccc;
  margin-top: 20px;
}
.RF-main .RF-consulting h2 {
  padding-left: 10px;
}
.RF-main .RF-consulting .RF-consulting-ul {
  position: relative;
  box-sizing: border-box;
}
.RF-main .RF-consulting .RF-consulting-ul li {
  display: flex;
  padding: 10px 0 10px 20px;
  background-color: lightgray;
  margin: 5px 40px 5px 0;
  transition: 0.5s;
  text-align: left;
  justify-content: space-between;
}
.RF-main .RF-consulting .RF-consulting-ul li span:nth-child(1) {
  width: 5%;
}
.RF-main .RF-consulting .RF-consulting-ul li span:nth-child(2) {
  width: 50%;
}
.RF-main .RF-consulting .RF-consulting-ul li span:nth-child(3) {
  width: 25%;
}
.RF-main .RF-consulting .RF-consulting-ul li span:nth-child(4) {
  width: 10%;
}
.RF-main .RF-consulting .RF-consulting-ul li:hover {
  transform: scale(1.06);
  background: #070707;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .RF-main .RF-images .Im-Row {
    width: 31%;
  }
  .RF-main .RF-grants .RF-grants-ul li {
    padding: 5px;
    margin: 5px;
    margin-left: -35px;
  }
  .RF-main .RF-grants .RF-grants-ul li:hover {
    transform: scale(1.03);
  }
  .RF-main .RF-consulting .RF-consulting-ul li {
    padding: 5px;
    margin: 5px;
    margin-left: -35px;
    overflow: hidden;
  }
  .RF-main .RF-consulting .RF-consulting-ul li span:nth-child(2) {
    width: 56%;
  }
  .RF-main .RF-consulting .RF-consulting-ul li span:nth-child(4) {
    width: 12%;
  }
  .RF-main .RF-consulting .RF-consulting-ul li:hover {
    transform: scale(1.03);
  }
}
@media screen and (max-width: 800px) {
  .RF-main {
    padding: 20px 0;
  }
  .RF-main .RF-images .Im-Row {
    width: 30%;
  }
  .RF-main .RF-Summary {
    margin-left: 5px;
    margin-right: 5px;
  }
  .RF-main .RF-grants .RF-grants-ul li {
    overflow: hidden;
  }
  .RF-main .RF-grants .RF-grants-ul li span:nth-child(1) {
    width: 0%;
    display: none;
  }
  .RF-main .RF-grants .RF-grants-ul li span:nth-child(2) {
    width: 0%;
    display: none;
  }
  .RF-main .RF-grants .RF-grants-ul li span:nth-child(3) {
    width: 35%;
  }
  .RF-main .RF-grants .RF-grants-ul li span:nth-child(4) {
    width: 34%;
  }
  .RF-main .RF-grants .RF-grants-ul li span:nth-child(5) {
    width: 10%;
  }
  .RF-main .RF-grants .RF-grants-ul li span:nth-child(6) {
    width: 15%;
  }
  .RF-main .RF-consulting .RF-consulting-ul li {
    overflow: hidden;
  }
  .RF-main .RF-consulting .RF-consulting-ul li span:nth-child(1) {
    width: 0%;
    display: none;
  }
  .RF-main .RF-consulting .RF-consulting-ul li span:nth-child(2) {
    width: 50%;
  }
  .RF-main .RF-consulting .RF-consulting-ul li span:nth-child(3) {
    width: 25%;
  }
  .RF-main .RF-consulting .RF-consulting-ul li span:nth-child(4) {
    width: 17%;
  }
}
.Pu-main {
  padding: 20px 40px;
  text-align: justify;
}
.Pu-main .Pu-book {
  border: 1px solid #ccc;
  padding: 20px;
}
.Pu-main .Pu-book .Pu-container {
  position: relative;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.Pu-main .Pu-book .Pu-container .Pu-box:hover .Pu-content p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s;
}
.Pu-main .Pu-book .Pu-container .Pu-box:hover .Pu-content a {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}
.Pu-main .Pu-book .Pu-container .Pu-box:hover .Pu-imgBx {
  clip-path: circle(80px at center 100px);
  transition-delay: 0s;
}
.Pu-main .Pu-book .Pu-container .Pu-box {
  position: relative;
  width: 20%;
  height: 400px;
  margin: 20px 20px;
  box-sizing: border-box;
}
.Pu-main .Pu-book .Pu-container .Pu-box .Pu-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.Pu-main .Pu-book .Pu-container .Pu-box .Pu-content a {
  text-decoration: none;
  background: #000;
  color: #fff;
  padding: 5px;
  display: inline-block;
  opacity: 0;
  transition: 0.5s;
  transform: translateY(20px);
}
.Pu-main .Pu-book .Pu-container .Pu-box .Pu-content p {
  opacity: 0;
  transition: 0.5s;
  transform: translateY(20px);
}
.Pu-main .Pu-book .Pu-container .Pu-box .Pu-imgBx {
  display: block;
  margin: auto;
  background-color: white;
  clip-path: circle(400px at center 100px);
  transition: 0.5s;
  transition-delay: 0.5s;
  text-align: center;
}
.Pu-main .Pu-book .Pu-container .Pu-box .Pu-imgBx img {
  width: 100%;
  height: 380px;
}
@media screen and (max-width: 1024px) {
  .Pu-main .Pu-book .Pu-container .Pu-box {
    width: 35%;
  }
}
@media screen and (max-width: 800px) {
  .Pu-main .Pu-book .Pu-container .Pu-box {
    width: auto;
    height: 300px;
  }
  .Pu-main .Pu-book .Pu-container .Pu-box .Pu-imgBx {
    clip-path: circle(300px at center 100px);
  }
  .Pu-main .Pu-book .Pu-container .Pu-box .Pu-imgBx img {
    height: 290px;
  }
  .Pu-main .Pu-book .Pu-container .Pu-box .Pu-content {
    width: 400px;
    justify-content: center;
    height: 45%;
    margin-left: -100px;
  }
}
.Pu-main .Pu-ITF {
  margin-top: 20px;
  background-color: lightgray;
  padding: 20px;
  line-height: 30px;
}
@media screen and (max-width: 800px) {
  .Pu-main .Pu-ITF ul {
    padding-left: 10px;
  }
}
.Pu-main .Pu-publ {
  border: 1px solid #ccc;
  margin-top: 20px;
  background: #050801;
  padding: 20px 20px 100px 20px;
}
.Pu-main .Pu-publ h2 {
  color: #fff;
}
.Pu-main .Pu-publ p {
  color: #fff;
}
.Pu-main .Pu-publ .Pu-publ-btns {
  display: flex;
  justify-content: space-between;
  padding: 0 150px;
}
.Pu-main .Pu-publ .Pu-publ-btns a {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 25px 30px;
  margin: 40px 0;
  color: #03e9f4;
  font-size: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.5s;
  letter-spacing: 4px;
  overflow: hidden;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}
.Pu-main .Pu-publ .Pu-publ-btns a span {
  position: absolute;
  display: block;
}
.Pu-main .Pu-publ .Pu-publ-btns a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #03e9f4);
  animation: animate1 1s linear infinite;
}
.Pu-main .Pu-publ .Pu-publ-btns a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #03e9f4);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}
.Pu-main .Pu-publ .Pu-publ-btns a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
}
.Pu-main .Pu-publ .Pu-publ-btns a span:nth-child(4) {
  left: 0;
  bottom: -100%;
  width: 2px;
  height: 100%;
  background: linear-gradient(0deg, transparent, #03e9f4);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}
.Pu-main .Pu-publ .Pu-publ-btns a a:nth-child(1) {
  filter: hue-rotate(290deg);
}
.Pu-main .Pu-publ .Pu-publ-btns a:hover {
  background: #03e9f4;
  color: #050801;
  box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 200px #03e9f4;
}
@media screen and (max-width: 1024px) {
  .Pu-main .Pu-publ .Pu-publ-btns {
    padding: 0 50px;
  }
  .Pu-main .Pu-publ .Pu-publ-btns a {
    font-size: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 800px) {
  .Pu-main .Pu-publ .Pu-publ-btns {
    padding: 0 5px;
  }
  .Pu-main .Pu-publ .Pu-publ-btns a {
    font-size: 16px;
    padding: 10px;
  }
}

@media screen and (max-width: 800px) {
  .Pu-main {
    padding: 20px;
  }
}
@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%, 100% {
    left: 100%;
  }
}
@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%, 100% {
    top: 100%;
  }
}
@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%, 100% {
    right: 100%;
  }
}
@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%, 100% {
    bottom: 100%;
  }
}
.Adm-main {
  padding: 20px 40px;
  text-align: justify;
}
.Adm-main .Adm-Dep {
  border: 2px solid lightgreen;
  padding: 20px;
  border-radius: 25px;
}
.Adm-main .Adm-Dep h3 {
  background: lightslategrey;
  padding: 0 10px;
}
.Adm-main .Adm-Wor {
  margin-top: 20px;
  border: 2px solid lightgreen;
  padding: 20px;
  border-radius: 25px;
}

@media screen and (max-width: 800px) {
  .Adm-main {
    padding: 20px;
  }
  .Adm-main .Adm-Dep {
    padding: 10px;
  }
  .Adm-main .Adm-Dep ul {
    padding-left: 15px;
  }
  .Adm-main .Adm-Wor {
    padding: 10px;
  }
  .Adm-main .Adm-Wor ul {
    padding-left: 15px;
  }
}
.IT-main {
  padding: 20px 40px;
  text-align: justify;
}
.IT-main .IT-IPT {
  border: 3px solid lightseagreen;
  border-radius: 15px;
  padding: 20px;
  background-color: lightyellow;
}
.IT-main .IT-IPT dl {
  padding: 20px;
}
.IT-main .IT-IPT dl dt {
  font-style: oblique;
  font-weight: bold;
}
.IT-main .IT-IPT dl dt::before {
  content: "- ";
}
.IT-main .IT-IPT dl dd {
  font-weight: normal;
  padding-bottom: 15px;
  padding-left: 100px;
}
.IT-main .IT-IPT:hover {
  background: yellow;
}
.IT-main .IT-IDL {
  border: 3px solid lightseagreen;
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
  line-height: 30px;
  word-spacing: 3px;
  background-color: lightyellow;
}
.IT-main .IT-IDL:hover {
  background: yellow;
}

@media screen and (max-width: 800px) {
  .IT-main {
    padding: 20px;
  }
  .IT-main .IT-IPT {
    padding: 10px;
  }
  .IT-main .IT-IPT dl {
    padding: 10px;
  }
  .IT-main .IT-IPT dl dd {
    padding-left: 0;
  }
  .IT-main .IT-IDL {
    padding: 10px;
  }
  .IT-main .IT-IDL ul {
    padding-left: 15px;
  }
}
.Avo-mainBody {
  margin: 20px 40px;
}
.Avo-mainBody .AvoMusic, .Avo-mainBody .AvoCharity {
  background-color: #c2bbb1;
  background-image: url(../Images/MusicAward.jpeg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 280px 0;
  position: relative;
  border: 1px solid #64625f;
  margin-bottom: 40px;
}
.Avo-mainBody .AvoMusic .AvoMusic-Text, .Avo-mainBody .AvoCharity .AvoMusic-Text, .Avo-mainBody .AvoCharity .AvoCharity-Text {
  background-color: white;
  width: 200px;
  margin-left: 10px;
  text-align: center;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  border: 2px solid yellowgreen;
  border-radius: 20px 0 20px 0;
}
.Avo-mainBody .AvoCharity {
  background-image: url(../Images/School.png);
  margin-bottom: 0;
}
.Avo-mainBody .AvoMusicTextMobile {
  display: none;
}
.Avo-mainBody .AvoCharityTextMobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .Avo-mainBody {
    margin: 20px;
  }
  .Avo-mainBody .AvoMusic, .Avo-mainBody .AvoCharity {
    padding: 150px 0;
    margin-bottom: 0;
  }
  .Avo-mainBody .AvoMusic-Text, .Avo-mainBody .AvoCharity .AvoCharity-Text {
    display: none;
  }
  .Avo-mainBody .AvoMusicTextMobile {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    border: 1px solid #64625f;
    background-color: aliceblue;
  }
  .Avo-mainBody .AvoMusicTextMobile h2 {
    margin-bottom: 0;
  }
  .Avo-mainBody .AvoCharityTextMobile {
    display: block;
    text-align: center;
    margin-bottom: 40px;
    border: 1px solid #64625f;
    background-color: aliceblue;
  }
  .Avo-mainBody .AvoCharityTextMobile h2 {
    margin-bottom: 0;
  }
}
footer {
  text-align: center;
  font-size: 85%;
  color: #fff;
  padding-bottom: 30px;
  padding-top: 30px;
  background-color: #496981;
}
footer a {
  color: #fff;
  text-decoration: underline;
}

.RG-main {
  padding: 20px 40px;
  text-align: justify;
}
.RG-main .RG-RA {
  border: 1px solid #ccc;
  background: #d9d9d9;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}
.RG-main .RG-RA .RG-RA-Img {
  border: 2px solid black;
  width: 7%;
  height: auto;
}
.RG-main .RG-RA .RG-RA-Img img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .RG-main .RG-RA .RG-RA-Img {
    display: none;
  }
}
.RG-main .RG-RA .RG-RA-Des {
  width: 90%;
}
@media screen and (max-width: 1024px) {
  .RG-main .RG-RA .RG-RA-Des {
    width: auto;
  }
}
.RG-main .RG-RA:hover {
  border: 3px solid black;
}

@media screen and (max-width: 800px) {
  .RG-main {
    padding: 10px;
  }
}
.RG-modal-trigger {
  text-decoration: underline;
}

.RG-modal {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.RG-modal .RG-modal-dialog {
  display: table-cell;
  vertical-align: middle;
}
.RG-modal .RG-modal-dialog .RG-modal-content {
  width: 60%;
  min-width: 300px;
  background: white;
  margin: auto;
  position: relative;
  animation: RG-slideUp 0.3s ease-in-out;
}
.RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-header {
  background-color: #2980b9;
  color: white;
  padding: 1rem;
  position: relative;
  margin-bottom: 20px;
}
.RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-header .RG-modal-title {
  margin: 0;
}
.RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-header .RG-modal-close {
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  font-size: 200%;
}
@media screen and (max-width: 800px) {
  .RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-header {
    margin-bottom: 7px;
  }
}
.RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-body .RG-modal-image {
  width: 20%;
  height: auto;
  display: block;
  margin: 1rem 2rem;
  float: right;
}
.RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-body .RG-modal-text {
  padding: 0 1rem;
  line-height: 1.5;
  padding-bottom: 3px;
}
@media screen and (max-width: 800px) {
  .RG-modal .RG-modal-dialog .RG-modal-content .RG-modal-body .RG-modal-text {
    padding: 0 0.5rem;
    line-height: 1.2;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 1024px) {
  .RG-modal .RG-modal-dialog .RG-modal-content {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .RG-modal .RG-modal-dialog .RG-modal-content {
    width: 95%;
  }
}

.RG-modal:target {
  display: table;
}

@keyframes RG-slideUp {
  from {
    opacity: 0;
    bottom: -200px;
  }
  to {
    opacity: 1;
    bottom: 0;
  }
}
.PS-main {
  padding: 20px 40px;
  text-align: justify;
}
.PS-main .PS-PhD {
  display: flex;
  justify-content: space-between;
}
.PS-main .PS-PhD .PS-PhD-Col1, .PS-main .PS-PhD .PS-PhD-Col2 {
  border: 1px solid #ccc;
  background: #d9d9d9;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  width: 47%;
}
.PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Img, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Img {
  border: 2px solid black;
  width: 15%;
  height: auto;
}
.PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Img img, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Img img {
  width: 100%;
  height: 100%;
}
.PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Des, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Des {
  width: 80%;
}
.PS-main .PS-PhD .PS-PhD-Col1:hover, .PS-main .PS-PhD .PS-PhD-Col2:hover {
  border: 3px solid black;
  background: yellow;
}
.PS-main .PS-PhD .PS-PhD-Col2:hover {
  border: 3px solid black;
  background: yellow;
}
@media screen and (max-width: 1024px) {
  .PS-main .PS-PhD {
    flex-direction: column;
  }
  .PS-main .PS-PhD .PS-PhD-Col1, .PS-main .PS-PhD .PS-PhD-Col2 {
    width: 95%;
  }
  .PS-main .PS-PhD .PS-PhD-Col2 {
    width: 95%;
  }
}
@media screen and (max-width: 800px) {
  .PS-main .PS-PhD {
    flex-direction: column;
  }
  .PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Img, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Img {
    width: 25%;
  }
  .PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Img img, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Img img {
    width: 100%;
    height: 100%;
  }
  .PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Des, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Des {
    width: 70%;
  }
  .PS-main .PS-PhD .PS-PhD-Col1 .PS-PhD-Des-NoPhoto, .PS-main .PS-PhD .PS-PhD-Col2 .PS-PhD-Des-NoPhoto {
    width: auto;
  }
}
.PS-main .PS-PhD-Col {
  border: 1px solid #ccc;
  background: #d9d9d9;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  width: 47%;
}
.PS-main .PS-PhD-Col .PS-PhD-Img {
  border: 2px solid black;
  width: 15%;
  height: auto;
}
.PS-main .PS-PhD-Col .PS-PhD-Img img {
  width: 100%;
  height: 100%;
}
.PS-main .PS-PhD-Col .PS-PhD-Des {
  width: 80%;
}
@media screen and (max-width: 1024px) {
  .PS-main .PS-PhD-Col {
    width: 95%;
  }
}
@media screen and (max-width: 800px) {
  .PS-main .PS-PhD-Col .PS-PhD-Img {
    width: 25%;
  }
  .PS-main .PS-PhD-Col .PS-PhD-Des {
    width: 70%;
  }
}
.PS-main .PS-PhD-Col:hover {
  border: 3px solid black;
  background: yellow;
}
.PS-main .PS-PD {
  border: 3px solid turquoise;
  border-radius: 25px;
  padding-left: 20px;
  padding-right: 10px;
  margin-top: 20px;
}
.PS-main .PS-PD ul {
  line-height: 200%;
}
@media screen and (max-width: 800px) {
  .PS-main .PS-PD ul {
    padding-left: 15px;
  }
}

@media screen and (max-width: 800px) {
  .PS-main {
    padding: 20px;
  }
}
.Col-main {
  padding: 20px 40px;
  text-align: justify;
}
.Col-main .Col-Col {
  background-color: lightcyan;
  border: 10px solid lightblue;
  border-radius: 50px;
  margin-bottom: 30px;
  padding: 20px;
}
.Col-main .Col-Col ul {
  line-height: 200%;
}
.Col-main .Col-AV {
  background-color: lightcyan;
  border: 10px solid lightblue;
  border-radius: 50px;
  padding: 20px;
}
.Col-main .Col-AV ul {
  line-height: 200%;
}
.Col-main .Col-Col:hover {
  border: 10px solid darkblue;
  background: linear-gradient(45deg, lightcyan, darkcyan);
}
.Col-main .Col-AV:hover {
  border: 10px solid darkblue;
  background: linear-gradient(45deg, lightcyan, darkcyan);
}

@media screen and (max-width: 800px) {
  .Col-main {
    padding: 20px;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .Col-main .Col-Col ul {
    padding-left: 20px;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .Col-main .Col-AV ul {
    padding-left: 20px;
  }
}
.Acc-main {
  text-align: justify;
  font-weight: 12;
  padding: 20px 40px;
}

@media screen and (max-width: 800px) {
  .Acc-main {
    padding: 20px;
  }
}

/*# sourceMappingURL=compiled.css.map */