@font-face {
  font-family: "Canela Web";
  src: url("/font/Canela-Regular-Web.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Canela Deck Web";
  src: url("/font/CanelaDeck-Regular-Web.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GT America Bold";
  src: url("/font/GT-America-Standard-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GT America Medium";
  src: url("/font/GT-America-Standard-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GT America Regular";
  src: url("/font/GT-America-Standard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Albertus Medium";
  font-style: normal;
  font-weight: 400;
  src: url('/font/Albertus-Medium.ttf') format('truetype');
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: rgb(243, 244, 244);
}
.heading{
  cursor: pointer;
}
.grievance-image-container {
  height: max-content;
  position: relative;
}
.grievance-image-content {
  text-align: center;
  position: relative;
  width: 100%;
}
.grievance-image-content::before {
  content: "";
  /* background: hsla(0, 0%, 5%, 0.6); */

  background: linear-gradient(180deg, hsla(0, 0%, 5%, 0.4) 29.9%, #0e0e0e);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.grievance-image-content .background-img {
  width: 100%;
  height: auto;
}
.grievance-image-content h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Albertus Medium";
  letter-spacing: 0.1px;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 52px;
  /*max-width: 1400px;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: white;
  font-family: "Albertus Medium";
  font-size: 56px;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1px;
  padding-bottom: 0;
  text-align: start; */
}
.links {
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap; */
}
.links-heading {
  display: flex;
  flex-direction: column;
  min-width: max-content;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.links-heading div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 22px 28px 22px 26px;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Albertus Medium";
  font-size: 1.02rem;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.links-heading .quick-links {
  color: #992728;
  border-bottom: 0;
  font-family: "GT America Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  padding: 10px 28px 10px 26px;
  align-items: center;
  
}
.links-heading .overview {
  /* display: flex; */
  /* border-bottom: 1px solid #000; */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 20px 28px 20px 26px;
  align-items: center;
  font-family: Albertus Medium;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.25); */
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 20px 28px 20px 26px;
  align-items: center;
  /* color: rgba(0, 0, 0, 0.25); */
  font-family: "Albertus Medium";
  font-size: 1.02rem;
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.emp-portal,
.student-portal {
  position: relative;
}

.icon img {
  position: absolute;
  top: 24%;
  right: 2%;
  height: 35px;
  
}
/* .padding {
  padding: 50px 100px;
} */
#overview-description{
  display: flex;
  flex-direction: column;
}
#overview-description #overview-description-mob{
  display: none;
}
#overview-description p {
  margin-top: 0;
  line-height: 26px;
  font-family: "GT America Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-align: justify;
  color: #000;
}
.margin-bottom {
  margin-bottom: 4px;
}
#overview-description ul {
  margin-top: 0;
  list-style: none;
}
#overview-description ul li {
  line-height: 26px;
  font-family: "GT America Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-align: justify;
  color: #000;
}
#overview-description ul li:before {
  content: "•";
  font-size: 20pt;
}

.td-min-width{
  min-width: 15rem;
}

#emp-commitee-description {
  width: 100%;
  display: none;
}
#emp-commitee-description table{
  border-collapse:collapse;
  
  width: 100%;
 
}
#emp-commitee-description .table-grc-mob{
  display: none;
}
/* .emp-commitee-description .table-header{
  background-color: #000;
 

} */
/* 
.emp-commitee-description th{
  background-color: #000;
  color: #FFF;
font-family: "GT America Regular";
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
padding: 12px 80px 12px 24px;
text-align: start;
line-height: 24px;
}
.emp-commitee-description .row-border-bottom{
  border-bottom: 1px solid #3C3C3C;
}
.emp-commitee-description td{
  padding: 15px 24px;
  color: #000;
  font-family: "Albertus Medium";
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: start;
} */
#emp-portal-description{
  display: none;
}
#student-commitee-description{
  display: none;
  width: 100%;
}
#student-commitee-description .table-grc-mob{
  display: none;
 }
 /* table{
  border-collapse:collapse;
  
  width: 100%;
 
}
 .table-header{
  background-color: #000;
 

}

 th{
  background-color: #000;
  color: #FFF;
font-family: "GT America Regular";
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
padding: 12px 80px 12px 24px;
text-align: start;
line-height: 24px;
}
.row-border-bottom{
  border-bottom: 1px solid #3C3C3C;
}
 td{
  padding: 15px 24px;
  color: #000;
font-family: "Albertus Medium";
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: start;
} */
#student-portal-description{
  display: none;
}
#grc-process-description {
  /* display: flex; */
  flex-direction: column;
  margin-bottom: 10px;
  display: none;
}
#grc-process-heading{
  display: none;
 }
/* .grc-process-description .points {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  padding: 18px 34px;
  align-self: stretch;
  border-bottom: 1px solid #3C3C3C;
}
.grc-process-description .points .number {
  display: flex;
  min-width: 40px;
  height: max-content;
  padding: 4px 0px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #373737;
  background: #373737;
  color: #fff;
  text-align: center;
  font-family: "GT America Regular";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  
}

.grc-process-description .points .explanation {
  color: #000;
  font-family: "GT America Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
} */
.hide-section{
  display: none;
}
.selected-section{
  color: #fff !important;
  background: #000;
  border-bottom: 1px solid #000;
  
}
#imp-link-grc{
  display: none;
}

@media (max-width: 450px) {
  :root {
    --heading-size: 32px;
  }

  #overview-description #overview-description-deks{
    display: none;
  }
  #overview-description #overview-description-mob{
    display: block;
  }

  #overview-description #overview-description-mob ul{
    padding-left: 0;
  }
  #overview-description #overview-description-mob ul li{
    margin-top: 10px;
  }
  #overview-description #overview-description-mob p{
    font-size: 18px;
    line-height: 1.3;
  }
  #overview-description #overview-description-mob .main-heading-divider{
    margin-bottom: 30px;
  }

  /* Table modify */
  #emp-commitee-description{
    padding-top:0 ;
    padding-bottom:0 ;
  }
  #emp-commitee-description #table-deks{
    display: none;
  }
  #emp-commitee-description .table-grc-mob{
    display: block;
    width: 100%;
  }
  #emp-commitee-description #table-mob tbody{
    width: 100%;
  }
  .td-min-width {
    min-width: 7rem;
    max-width: 10rem;
}

   /* student-commitee-description Table-2*/
   #student-commitee-description{
    padding-bottom: 0;
   }
   #student-commitee-description #table-deks{
    display: none;
   }
   #student-commitee-description .table-grc-mob{
    display: block;
   }
   #student-commitee-description .table-grc-mob tr .a{
    max-width: 8rem;
   }

   /* GRC-process section */
   #grc-process-description .points .number{
    display: none;
   }
   #grc-process-description .points{
    padding-left: 0;
    padding-right: 0;
   }
   #grc-process-description .points .explanation{
    font-size: 18px;
    line-height: 1.3;
    text-align: justify;
   }
   #grc-process-heading{
    display: block;
   }

   /* display none modify */
   #emp-portal-description{
    display: none !important;
   }
   #student-portal-description{
    display: none !important;
   }
   #imp-link-grc{
    display: block;
    padding-top: 0;
  }

  #emp-commitee-description{
    display: block !important;
  }
  #student-commitee-description{
    display: block !important;
  }


}