@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto !important;
  font-family: "Be Vietnam Pro", sans-serif;
  overflow-x: hidden;
}
li {
  list-style: none;
}
a {
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
  margin: 0;
  padding: 0;
}
.flex {
  display: flex;
}
.flex-baseline {
  align-items: baseline;
}
.flex-start {
  justify-content: start;
}
.flex-center {
  align-items: center;
}
.flex-end {
  justify-content: end;
}
.flex-space-between {
  justify-content: space-between;
}
.container {
  max-width: 1490px;
  width: 100%;
  margin: 0 auto;
}
h1 {
  font-size: 57px;
  line-height: 1.01;
  font-weight: 700;
  letter-spacing: -2px;
}
h2 {
  font-size: 53px;
  letter-spacing: -2px;
  line-height: 1.1;
  color: #333333;
  font-weight: 700;
}
h3 {
  font-size: 33px;
  letter-spacing: -1px;
  line-height: 1.75;
  color: #333333;
  font-weight: 700;
}
/**Coming Soon**/
section.coming-soon-template h2 {
  color: #fff;
  text-align: center;
}
section.coming-soon-template {
  min-height: 450px;
  display: flex;
  align-items: center;
}
/**Coming Soon**/
/* Header */
.top-header img {
  width: 100%;
}
.top-header a {
  display: block;
  width: 350px;
}
.top-header {
  padding: 15px 38px 10px;
}
header.site-header {
  padding: 13px 38px 16px 38px;
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 99;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
.mobile-menu {
  display: none;
}
.site-logo a {
  width: 350px;
}
.site-menu ul a {
  font-size: 21px;
  line-height: 2.1;
  letter-spacing: -1px;
  color: #222222;
  font-weight: 500;
  position: relative;
}
.site-menu ul a:hover {
  color: #4f2e84;
}
.site-menu ul a:hover::before {
  width: 100%;
  left: 0;
}
.site-menu ul a::before {
  content: "";
  display: block;
  width: 0;
  background: #4f2e84;
  height: 1px;
  bottom: 5px;
  position: absolute;
  right: 0;
  transition: all 0.5s ease-in-out;
}
.site-menu ul li.current-menu-item a {
  color: #fff;
  border-radius: 6px;
  background-color: #4e2a84;
  border: 2px solid #000000;
  padding: 0 20px;
}
.site-menu ul li.current-menu-item a::before {
  width: 100%;
}
.site-menu ul li {
  padding-right: 20px;
  display: inline-block;
}
.site-menu ul li:last-of-type {
  padding-right: 0px;
}
.site-menu form.search-form input {
  border: none;
  background: none;
  padding: 0;
  outline: none !important;
}
.site-menu form.search-form input[type="search"] {
  font-size: 19px;
  letter-spacing: -1px;
  line-height: 44px;
  color: #6e6e6e;
  font-weight: 400;
  padding-left: 21px;
  width: 200px;
}
.site-menu form.search-form input[type="submit"] {
  font-size: 0;
  line-height: 0;
  margin-right: 16px;
  background: url(../../../uploads/2023/08/Search-1-svg.svg) center no-repeat;
  background-size: 24px;
  height: 100%;
  width: 24px;
  cursor: pointer;
}
.site-menu form.search-form {
  display: flex;
  height: 52px;
  align-items: center;
  border-radius: 3px;
  background-color: #ebebeb;
}
.site-menu {
  gap: 35px;
}
/* HomePage */
.banner-section .banner-content {
  background: rgb(78 42 132 / 99.2%);
  border-radius: 3px;
  width: 100%;
  max-width: 660px;
  color: #fff;
  padding: 82px 65px 85px;
}
.banner-content p {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 25px 0 42px;
}
.banner-content .banner-links a {
  font-size: 16px;
  line-height: 2.4;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 28px;
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 8.4px 10px;
  border: 1px solid #fff;
  position: relative;
}
.banner-content .banner-links a.banner-about-us {
  color: #fff;
  max-width: 215px;
  margin-right: 7px;
}
.banner-content .banner-links a.banner-our-resources {
  color: #242424;
  background: #fff;
  max-width: 230px;
}
.banner-content .banner-links a.banner-our-resources:hover {
  background: transparent;
  color: #fff;
}
.banner-content .banner-links a.banner-about-us:hover {
  background: #fff;
  color: #242424;
}
section.banner-section {
  padding: 117px 0;
}
section.about-our-lab-section {
  background: #f3f5fc;
  padding: 100px 0 130px;
}
.about-our-lab-heading {
  margin: 0 0 45px;
  gap: 30px;
}
.about-our-lab-left,
.about-our-lab-right {
  flex: 1;
}
.about-our-lab-right {
  text-align: end;
}
.about-our-lab-right img {
  border: 14px solid #fff;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.about-our-lab-left p,
.about-our-lab-right-content p,
.area-of-research-heading-content p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
}
.about-our-lab-left p {
  color: #525252;
  padding: 0 0 37px;
  text-align: justify;
}
.about-our-lab-right-content p {
  color: #333;
}
.about-our-lab-left p:last-of-type {
  padding: 0;
}
.about-our-lab-content {
  gap: 93px;
}
section.join-lab-andtwitter-section {
  background: #f3f5fc;
  padding: 100px 0 0;
}
.about-our-lab-social-box {
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  flex: 1;
  padding: 40px 85px 34px 35px;
  gap: 20px;
}
.about-our-lab-socials {
  align-items: stretch;
  gap: 22px;
}
.about-our-lab-right-content p a {
  color: #293daf;
  text-decoration: underline;
  text-underline-offset: 5px;
  position: relative;
}
.about-our-lab-right-content p a::before {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 2px;
  right: 0;
  background: #003660;
  bottom: -1px;
}
.about-our-lab-right-content p a:hover::before {
  width: 100%;
  left: 0;
  transition: all 0.5s ease-in-out;
}
.about-our-lab-right-content p a:hover {
  color: #003660;
  text-decoration: none;
}
.social-title a {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 2.65;
  text-transform: uppercase;
  color: #4f2d89;
  font-weight: 700;
  position: relative;
}
.social-title a::before {
  content: "";
  display: block;
  bottom: 10px;
  right: 0;
  position: absolute;
  height: 1px;
  background: #4f2d89;
  width: 0%;
  transition: all 0.5s ease-in-out;
}
.social-title a:hover::before {
  width: 100%;
  left: 0;
}
.about-our-lab-social-box:first-child .about-our-lab-left-image {
  width: 50%;
}

.area-of-research-section {
  background: #f3f5fc;
  padding: 0 0 144px;
}
.area-of-research-heading-content {
  text-align: center;
  width: 69%;
  margin: 0 auto;
}
.area-of-research-heading {
  text-align: center;
  position: relative;
}
.area-of-research-heading h2 {
  background: #f3f5fc;
  display: inline-block;
  padding: 6.5px 28px;
  position: relative;
}
.area-of-research-heading::before {
  content: "";
  display: block;
  height: 1px;
  background-color: #d0d0d0;
  top: 50%;
  position: absolute;
  width: 100%;
  z-index: 0;
}
a.see-all-reasearch {
  border-radius: 28px;
  background-color: #003660;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 38px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  padding: 10px 65.5px 9px;
}
a.see-all-reasearch:hover {
  background-color: rgba(78, 42, 132, 0.9215686274509803);
}
.area-of-research-heading-content p {
  padding: 11px 0 30px;
}
.recent-news-heading-and-link,
.publication-heading-and-link {
  align-items: end;
  padding-bottom: 70px;
}
.publication-and-recent-news-section a.view-all {
  font-size: 14px;
  line-height: 2.5;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 9px;
  text-decoration-thickness: 2px;
}
.publication-section a.view-all {
  color: #4e2a84;
}
.recent-news-section a.view-all {
  color: #fff;
}
section.publication-and-recent-news-section {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 53%,
    rgba(78, 42, 132, 1) 52.85%
  );
  padding: 91px 0;
  position: relative;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
}
section.publication-and-recent-news-section::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../../../uploads/2023/08/purple-background.png) no-repeat;
  width: 46.85%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.recent-news-section h2 {
  color: #fff;
}
.publication-section {
  width: 53.85%;
  position: relative;
}
.publication-heading-and-link,
.publication-post {
  padding-right: 90px;
}
.recent-news-section {
  padding-left: 80px;
  width: 46.15%;
}
.outer-container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
section.learn-more-section {
  background: #f1f3fa;
  padding: 100px 0 0;
}
.learn-more-banner {
  text-align: center;
  padding: 160px 0 160px;
  background-position: center bottom !important;
  color: #fff;
  position: relative;
}
.learn-more-banner h2 {
  color: #fff;
  padding-bottom: 3px;
}
.learn-more-banner h2,
.learn-more-banner p,
.learn-more-banner a {
  position: relative;
}
.learn-more-banner p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #ffffff;
  font-weight: 400;
}
.learn-more-banner a {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 2.4;
  text-transform: uppercase;
  color: #242424;
  font-weight: 700;
  background: #fff;
  display: inline-block;
  border-radius: 29px;
  padding: 10px 50px 9px;
  margin-top: 22px;
}
.research-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.research-post-image {
  width: 100%;
  max-width: 475px;
  height: 446px;
}
.research-post {
  flex: 1;
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
}
.researchs-posts {
  gap: 30px;
  justify-content: center;
}
.research-post-content {
  background: #fff;
  padding: 43px 50px 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.research-post-content h4 {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 1.14;
  font-weight: 700;
  color: #4e2a84;
}
.research-post-content h4:hover {
  color: #003660;
}
.research-post-content p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  color: #333333;
  font-weight: 400;
  padding: 20px 0 10px;
}
.research-post-content a.research-link {
  background: url(../../../uploads/2023/08/purple-arrow-svg.svg) no-repeat;
  height: 26px;
  width: 26px;
  display: block;
  background-size: 26px;
  margin-left: auto;
  position: relative;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.research-title-content {
  width: 100%;
}
.research-posts {
  padding: 60px 0 0 0;
}
.research-post-content a.research-link:hover {
  right: -10px;
  top: -10px;
}
.publication-post-content h5 {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #4e2a84;
  font-weight: 700;
  text-decoration: none;
  word-break: keep-all;
  transition: all 0.5s ease-in-out;
}
/* .publication-title-content a{
  text-decoration: none !important;
} */
.publication-post-content h5:hover {
  color: #003660;
}
.publication-post-content p {
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 400;
}
.publication-post-content p {
  color: #333333;
  line-height: 1.5;
  padding: 15px 0 12px;
}
.publication-post-content p a {
  color: #4e2a84;
  line-height: 1.25;
  word-break: break-all;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.publication-post-content a:hover {
  color: #003660;
}
/* .publication-title-content p a::before {
  content: "";
  display: block;
  background: #4e2a84;
  height: 1px;
  right: 0;
  width: 0;
  position: absolute;
  bottom: 0;
} */
.publication-post {
  gap: 40px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  position: relative;
}
.publication-post:last-of-type {
  margin: 0;
  padding-bottom: 0;
}
.publication-post-content p:last-of-type {
  padding: 0;
}
.publication-post-content {
  flex: 1;
}
.publication-post-image {
  width: 258px;
  height: 343px;
}
.publication-post-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.recent-news-title-content h5 {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 700;
  padding: 0px 0 10px;
  text-decoration: none;
  word-break: keep-all;
  transition: all 0.5s ease-in-out;
}
.recent-news-title-content h5:hover {
  opacity: 0.7;
}
.recent-news-title-content span {
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 30px;
  color: rgb(255 255 255 / 40%);
  font-weight: 400;
}
.recent-news-post-image {
  width: 243px;
  height: 243px;
  filter: drop-shadow(0 0 34px rgba(18, 14, 30, 0.3));
}
.recent-news-post-content {
  flex: 1;
}
.recent-news-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.recent-news-post {
  gap: 40px;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.recent-news-post:last-of-type {
  padding-bottom: 0;
  margin: 0;
}
.recent-news-post::after {
  content: "";
  display: block;
  border-bottom: 1px dotted rgb(255 255 255 / 34%);
  width: 100%;
  position: absolute;
  bottom: 0;
}
.publication-post::after {
  content: "";
  display: block;
  border-bottom: 1px solid #cfcfcf;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.publication-post:last-of-type::after,
.recent-news-post:last-of-type::after {
  display: none;
}

/* Footer */
.footer-container {
  width: 100%;
  max-width: 1045px;
  margin: 0 auto;
}
footer {
  background-color: #f3f5fc;
  padding: 0 0 37px;
}
.footer-logo img {
  margin-top: -98px;
  position: relative;
}
.footer-logo {
  text-align: center;
}
.footer-contact-information img {
  padding-right: 8px;
  max-width: 24px;
  margin: 0;
}
.footer-menu-one li a,
.footer-menu-two li a,
.footer-address-information p,
.footer-address-information a {
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 1.75;
  color: #4f4f4f;
  font-weight: 400;
  position: relative;
}
.footer-social-icon {
  margin-bottom: 17px;
  width: 30px;
  height: 28px;
}
.footer-social-icon:last-of-type {
  margin-bottom: 0;
}
.footer-copyright p,
.footer-copyright a {
  font-size: 17px;
  letter-spacing: -0.5px;
  line-height: 29px;
  color: #5e5e5e;
  font-weight: 400;
  position: relative;
}
.footer-menu-one li a:hover,
.footer-menu-two li a:hover,
.footer-address-information a:hover,
.footer-copyright a:hover {
  color: #3c1478;
}
.footer-menu-one li a::before,
.footer-menu-two li a::before,
.footer-copyright a::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #3c1478;
  width: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease-in-out;
}
.footer-menu-one li a:hover::before,
.footer-menu-two li a:hover::before,
.footer-copyright a:hover::before {
  width: 100%;
  left: 0;
}
.footer-social-icon a:hover {
  opacity: 0.7;
}
.footer-links-and-information {
  padding: 63px 0 94px;
}
.learn-more-banner a:hover {
  background: #4d2983;
  color: #fff;
}
.learn-more-banner::before {
  content: "";
  display: block;
  background: #196996;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 0;
}
.footer-address-information::after,
.footer-menu-one::after,
.footer-menu-two::after {
  content: "";
  display: block;
  opacity: 0.169;
  width: 1px;
  height: 279px;
  background-color: #315e77;
  position: absolute;
  top: -7px;
}
.footer-address-information::after {
  right: -140px;
}
.footer-menu-two::after {
  right: -96px;
}
.footer-menu-one::after {
  right: -150px;
}
.footer-address-information,
.footer-menu-two,
.footer-menu-one {
  position: relative;
}
.footer-social-icon img {
  width: 100%;
  height: 100%;
}
.footer-contact-information:last-of-type p {
  line-height: 1.45;
  margin-top: -3px;
}
.footer-contact-information:last-of-type {
  align-items: flex-start;
  margin-top: 5px;
}
.credits-footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
  max-width: 1010px;
}
.artist-credits:first-of-type::after {
  content: "";
  display: block;
  width: 1px;
  height: 51px;
  background-color: #315e77;
  opacity: 0.169;
  position: absolute;
  right: 45px;
}
.credits-footer p {
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 20px;
  color: #5e5e5e;
  font-weight: 400;
}
.credits-footer p a {
  color: #4e2b89;
}
.credits-footer p a:hover {
  color: #003660;
}
.credits-footer .heading p {
  font-weight: 700;
}
.artist-credits {
  gap: 32px;
  position: relative;
}
/** Research Page **/
section.inner-page-banner-section::after {
  content: "";
  box-shadow: inset 0px 2px 10.5px rgba(0, 0, 0, 0.38);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #000;
  opacity: 0.15;
  z-index: -1;
}
section.inner-page-banner-section {
  background-size: cover !important;
  min-height: 450px;
  box-shadow: inset 0px 2px 10.5px rgba(0, 0, 0, 0.38);
  position: relative;
}
.inner-banner-image img {
  width: 100%;
}
.inner-banner-image {
  min-height: 450px;
  background-size: cover !important;
}
.research-topic-title-image {
  gap: 30px;
  margin-bottom: 29px;
}
section.inner-page-banner-section h2 {
  color: #fff;
  filter: drop-shadow(0 0 15.5px rgba(5, 4, 1, 0.43));
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  display: inline-flex;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  text-transform: none;
}
section.inner-page-banner-section::before {
  content: "";
  display: block;
  position: absolute;
  background: rgb(0 0 0 / 25%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.research-topic-content p,
.research-page-title-content p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
  color: #4b4b4b;
  width: 62%;
}
.research-page-posts {
  margin-top: 50px;
}
.research-topic-content p {
  width: 100%;
  padding-bottom: 25px;
}
section.research-topic-section {
  background: #f1f3fa;
  padding: 107px 0 0;
}
.research-page-post-image {
  width: 47.6%;
}
.research-page-post {
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  margin-bottom: 25px;
}
.research-page-post:last-of-type {
  margin-bottom: 0;
}
.research-page-title-content h4 {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 1.22;
  color: #4e2a84;
  font-weight: 700;
  text-align: left;
  transition: all 0.5s ease-in-out;
}
.research-page-title-content h4:hover {
  color: #003660;
}
.research-page-title-content p {
  color: #333;
  width: 100%;
  text-align: left;
  margin: 25px 0 55px;
  padding-bottom: 0;
}
.research-page-post-image {
  width: 47.5%;
  height: 574px;
  background-color: #000000;
}
.research-page-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.research-page-post-content {
  flex: 1;
  padding: 66px 72px 68px 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.research-page-posts a.know-more {
  border-radius: 28px;
  background-color: #4f2c88;
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
  color: #fff;
  padding: 9px 70px 9px 46px;
  position: relative;
  display: block;
  width: max-content;
  border: 2px solid #4f2c88;
}
.research-page-posts a.know-more:hover {
  background: #003660;
  border-color: #003660;
}
.research-page-posts a.know-more::after {
  content: "";
  background: url(./../images/white-arrow-svg.svg) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 16px !important;
  margin-left: 12px;
  transition: all 0.7s ease-in-out;
  position: absolute;
  top: 17px;
}
/** Research Page **/
/** About Us Page **/
.about-us-title-and-logo {
  gap: 30px;
  padding-bottom: 40px;
}
.inner-pages-banner-carousel {
  overflow: hidden;
}
/* section.about-us-our-lab-section .container {
  max-width: 1030px;
} */
section.about-us-our-lab-section {
  padding: 120px 0 115px;
}
.about-us-our-lab-section p,
.virtual-join-lab p,
.location-information p,
.location-information a,
.meeting-information p,
.interested-in-joining-content p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
}

.about-us-our-lab-section p,
.virtual-join-lab p {
  color: #525252;
  padding-bottom: 32px;
}
.about-us-our-lab-section p:last-of-type {
  padding-bottom: 0;
}
.virtual-information-twitter-section h4 {
  font-size: 45px;
  letter-spacing: -2px;
  line-height: 1.28;
  font-weight: 700;
}
section.lab-tour-gallery-section {
  padding: 116px 0 15px;
}
.virtual-information-twitter-section h4 {
  color: #fff;
}
.virtual-and-twitter-field {
  gap: 16px;
  align-items: flex-start;
}
section.virtual-information-twitter-section {
  padding: 120px 0 130px;
}
.virtual-information-section {
  width: 59.3%;
}
.virtual-youtube-video,
.twitter-field {
  background: #fff;
  padding: 22px 22px 42px 22px;
  margin: 30px 0 0;
}
.virtual-youtube-video iframe {
  width: 100%;
  height: 590px;
}
.virtual-join-lab {
  margin-top: 50px;
  gap: 20px;
}
.virtual-join-lab-content p a {
  color: #293daf;
  text-decoration: underline;
  text-underline-offset: 5px;
  position: relative;
}
.virtual-join-lab-content p a:hover {
  color: #003660;
  text-decoration: none;
}
.virtual-join-lab-content p a:hover::before {
  width: 100%;
  left: 0;
  transition: all 0.5s ease-in-out;
}
.virtual-join-lab-content p a::before {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 2px;
  right: 0;
  background: #003660;
  bottom: -1px;
}
.virtual-join-lab-content {
  width: 60%;
}
.virtual-join-lab-content p {
  color: #333;
}
.twitter-field-section {
  width: calc(100% - 59.3%);
}
.twitter-field-heading {
  gap: 10px;
}
.twitter-logo {
  width: 50px;
}
.heading-logo {
  width: 80px;
}
.twitter-field a#ctf-more {
  padding: 15px !important;
  transition: all 0.5s ease-in-out !important;
}
.twitter-field {
  height: 873px;
  overflow-y: scroll;
}
/** About Us Page **/
/** Contact Page**/
.meeting-time-section,
.interested-in-joining-section {
  margin-top: 60px;
}
.map-information iframe,
.map-information .location-map {
  width: 100%;
  height: 400px;
}
.location-map img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.google-map,
.location-map,
.location-information {
  flex: 1;
}
.map-information {
  gap: 30px;
  margin-top: 40px;
  background: #fff;
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  padding: 30px;
}
.location-information h5 {
  font-size: 35px;
  line-height: 1.5;
  letter-spacing: -1px;
  font-weight: 500;
  padding-top: 25px;
  color: #333;
}
.location-information h5:first-of-type {
  padding: 0;
}
.location-information p,
.location-information a,
.meeting-information p,
.interested-in-joining-content p {
  font-weight: 400;
  color: #525252;
  padding-bottom: 0 !important;
}
.location-information p strong,
.meeting-information p strong,
.interested-in-joining-content p strong {
  font-weight: 600;
  color: #333;
}
.location-information a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  position: relative;
}
.location-information a::before {
  content: "";
  position: absolute;
  right: 0;
  width: 0%;
  background: #fff;
  height: 1px;
  bottom: 2px;
  transition: all 0.5s ease-in-out;
}
.location-information a:hover {
  text-decoration: none;
}
.location-information a:hover::before {
  left: 0;
  width: 100%;
}
section.contact-us-section {
  padding: 120px 0 0;
}
.google-map-section-heading,
.meeting-information-heading,
.interested-in-joining-heading-logo {
  gap: 30px;
}
.meeting-times,
.interested-in-joining-content {
  margin-top: 30px;
  padding-left: 112px;
}
.meeting-time-and-interested-section {
  justify-content: space-around;
  gap: 30px;
}
/** Contact Page **/
/** People Page **/
.songi-profile-image {
  width: 42.5%;
}
.songi-profile-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.songi-profile-content {
  width: 57.5%;
  padding: 50px 65px;
}
section.songi-profile-section {
  padding: 113px 0 0;
}
.songi-profile-information {
  background: #fff;
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  align-items: stretch;
}
.songi-profile-content h4 {
  font-size: 50px;
  letter-spacing: -2px;
  line-height: 0.87;
  color: #4e2a84;
  font-weight: 700;
  margin: 0 0 15px;
}
.songi-work-title p {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.37;
  color: #333333;
  font-weight: 500;
}
.songi-email p a {
  position: relative;
  display: block;
  width: max-content;
}
.songi-email p br {
  display: none;
}
.songi-email p a:hover {
  color: #003660;
}
.songi-email p a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  background: #003660;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease-in-out;
}
.songi-email p a:hover::before {
  width: 100%;
  left: 0;
}
.songi-content-information p,
.songi-profile-content a.view-profile,
.songi-email p a,
.songi-email p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
}
.songi-email p a,
.songi-email p {
  color: #333;
  font-weight: 500;
}
.songi-content-information p {
  color: #333333;
  padding: 30px 0 40px;
}
.songi-profile-content a.view-profile {
  border-radius: 29px;
  background-color: #4f2c88;
  color: #fff;
  display: flex;
  align-items: center;
  width: max-content;
  padding: 11px 54.3px;
}
.songi-profile-content a.view-profile img {
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
.songi-profile-content a.view-profile:hover {
  background: #003660;
}
.post-doctoral-students,
.graduate-students,
.research-project-coordinators {
  padding-bottom: 105px;
}
.category-name {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: 59px;
}
.category-name h2 {
  display: inline-block;
  background-color: #f1f3fa;
  padding: 0px 35px;
}
.our-people-section {
  padding: 133px 0 0;
}
.category-name::before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: #d0d0d0;
  width: 100%;
  top: 50%;
  z-index: -1;
}
.student-image {
  width: 100%;
  max-width: 351px;
  height: 381px;
  margin-bottom: 16px;
}
.student-image:hover img {
  border-radius: 15px;
}
.student-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.student-name-email h5 a {
  font-size: 25px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #4e2a84;
  font-weight: 700;
}
.student-name-email p a,
.student-name-email a {
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 1.5;
  color: #333333;
  font-weight: 400;
  position: relative;
}
.student-name-email p a:hover,
.student-name-email a:hover {
  color: #003660;
}
.student-name-email p a:hover::before,
.student-name-email a:hover::before {
  width: 100%;
  left: 0;
}
.student-name-email p a::before,
.student-name-email a::before {
  content: "";
  display: block;
  background: #003660;
  height: 2px;
  width: 0%;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease-in-out;
}
.student-profiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 30px;
}
.alumni-section {
  padding: 103px 0 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.alumni-section h2::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #d0d0d0;
  position: absolute;
  width: 100%;
  margin-top: -28px;
  z-index: -1;
}
.alumni-section h2 {
  background: #f1f3fa;
  display: inline-block;
  padding-right: 40px;
}
.alumni-students {
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  flex-wrap: wrap;
  margin-top: 60px;
  padding: 56px 50px 66px 48px;
}
.alumni-students .fourth-category {
  width: 100%;
  margin-top: 86px;
}
.alumni-category-name h4 {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 1.36;
  color: #333333;
  font-weight: 700;
}
.alumni-student-names p {
  display: inline-block;
  font-size: 25px;
  letter-spacing: -1px;
  line-height: 1.75;
  color: #4f2c88;
  font-weight: 700;
  position: relative;
}
/* .alumni-student-names p:hover {
  color: #003660;
}
.alumni-student-names p:hover::before {
  left: 0;
  width: 100%;
}
.alumni-student-names p::before {
  content: "";
  display: block;
  position: absolute;
  background: #003660;
  height: 2px;
  right: 0;
  width: 0;
  bottom: 4px;
  transition: all 0.5s ease-in-out;
} */
.alumni-category-name {
  margin-bottom: 33px;
}
.fourth-category .alumni-category-name h4::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d0d0d0;
  margin-top: 14px;
}
.third-category {
  padding-right: 42px;
}
.fourth-category .alumni-student-names {
  display: flex;
}
.fourth-category .alumni-student-names .alumni-titles {
  width: 38.33%;
}
.undergraduate-students {
  text-align: center;
}
/** People Page **/
/**Songi Profile Page */
section.songi-profile-page {
  padding: 100px 0 0;
}
section.songi-profile-page p,
section.songi-profile-page li,
section.songi-profile-page a {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
}
.title-and-logo {
  gap: 30px;
  margin: 60px 0 30px;
}
.title-and-logo:first-of-type {
  margin-top: 0;
}
.name-and-designation p {
  font-size: 28px;
}
.name-and-designation,
.email-and-office {
  display: table;
}
.songi-image-and-description img {
  float: left;
  max-width: 450px;
  margin: 0 30px 15px 0;
}
section.songi-profile-page a {
  color: #4f2c88;
  position: relative;
}
section.songi-profile-page a:hover {
  color: #003660;
}
section.songi-profile-page a::before {
  content: "";
  display: block;
  background: #4f2c88;
  height: 2px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -1px;
  transition: all 0.5s ease-in-out;
}
section.songi-profile-page a:hover::before {
  width: 0;
  left: 0;
  background: #003660;
}
.songi-image-and-description h4 {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -1px;
}
.email-and-office {
  padding: 20px 0 20px;
}
.other-information {
  clear: both;
  display: block;
  padding-top: 50px;
}
/**Songi Profile Page */

/* Single People Page*/
.single-ourpeople .email-info::before,
.single-alumni .email-info::before,
.single-ourpeople .number-information::before,
.single-alumni .number-information::before,
.single-ourpeople .linkedin-information::before,
.single-alumni .linkedin-information::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background-size: 24px !important;
}
.single-ourpeople .email-and-office,
.single-alumni .email-and-office {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.single-ourpeople .email-info::before,
.single-alumni .email-info::before {
  background: url(./../images/envelope-svgrepo-com.svg) no-repeat;
}
.single-ourpeople .number-information::before,
.single-alumni .number-information::before {
  background: url(./../images/building-7-svgrepo-com.svg) no-repeat;
}
.single-ourpeople .linkedin-information::before,
.single-alumni .linkedin-information::before {
  background: url(./../images/globe-1-svgrepo-com.svg) no-repeat;
}
/*Single People Page*/

/* Publications Page */
.years-heading {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 2.24;
  color: #333333;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 13px;
}
.publication-year-select,
.search-by-name input {
  border-radius: 26px;
  background-color: #ffffff;
  border: 2px solid #4f2c88;
  padding: 3px 15px;
  font-size: 19px;
  letter-spacing: -1px;
  line-height: 44px;
  color: #333333;
  font-weight: 500;
  font-family: "Be Vietnam Pro";
  height: 52px;
}
.search-by-name input {
  min-width: 410px;
}
.publications-post-outer {
  position: relative;
}
.years-of-publication .publication-years,
.years-of-publication .search-by-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.years-of-publication .publication-years span,
.years-of-publication .search-by-name label {
  display: block;
  padding-left: 20px;
  font-size: 19px;
  letter-spacing: -1px;
  line-height: 19px;
  color: #333333;
  font-weight: 700;
  font-family: "Be Vietnam Pro";
}
.filter-and-search {
  display: flex;
  gap: 30px;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: -15px;
}
section.publication-post-section {
  padding: 97px 0 0;
}
.years-heading img {
  transform: rotate(90deg);
}
.online-publications {
  margin-bottom: 100px;
}
.online-publications,
.online-publications .list-div,
.online-publications .google-list,
.online-publications .pubmed-list {
  display: flex;
  align-items: center;
}
.online-publications .list-div {
  width: -webkit-fill-available;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
}
.online-publications .google-list,
.online-publications .pubmed-list {
  background-color: #ffffff;
  width: 46%;
  align-items: center;
  padding: 40px 0px 42px 30px;
  gap: 20px;
}
.online-publications h2 {
  font-size: 53px;
  letter-spacing: -2px;
  line-height: 50px;
  color: #333333;
  font-weight: 700;
  font-family: "Be Vietnam Pro";
  position: relative;
}
.online-publications h2::after {
  content: "";
  background-image: url(../images/publication-arrow.webp);
  display: block;
  width: 100px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 18px;
  left: 175px;
}
.online-publications .google-list {
  width: 54%;
  border-right: 5px solid #f1f3fa;
}
.online-publications .google-list h4,
.online-publications .pubmed-list h4 {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 32px;
  color: #333333;
  font-weight: 700;
  font-family: "Be Vietnam Pro";
}
.online-publications .google-list a,
.online-publications .pubmed-list a {
  position: relative;
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 29px;
  text-decoration: none;
  color: #293daf;
  font-weight: 400;
  font-family: "Be Vietnam Pro";
}
.online-publications .google-list a::after,
.online-publications .pubmed-list a::after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #293daf;
  bottom: 0;
  height: 1px;
  left: 0;
}
/* Publications Page */
/* Research Single Page */
section.research-single-post-content {
  padding: 107px 0 0 0;
}
.research-project h4 {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 1.23;
  color: #4e2a84;
  font-weight: 700;
  padding: 0px 0 36px;
}
.research-project p,
.research-project {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  color: #333333;
  font-weight: 400;
}
.research-project {
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  margin-bottom: 25px;
  padding: 60px 70px;
}
.research-project:last-of-type {
  margin-bottom: 0;
}
.research-project li {
  list-style: disc;
  padding-bottom: 20px;
}
.research-project ul {
  padding-left: 30px;
}
.research-project img {
  display: block;
}
.research-post-projects {
  padding: 70px 0 0;
}
.research-post-title {
  gap: 30px;
}
.featured-publication-posts li,
.featured-publication-posts span {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  color: #333333;
  font-weight: 600;
}
.featured-publication-posts li {
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 24px;
  padding-bottom: 32px;
}
.featured-publication-posts li:last-of-type {
  border: none;
  margin: 0;
  padding: 0;
}
.featured-publication-posts {
  margin-top: 53px;
}
.featured-publication-posts span {
  font-weight: 400;
}
.featured-publication-posts span a {
  color: #333;
  position: relative;
  display: inline-block;
}
.featured-publications {
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  margin-top: 53px;
  padding: 72px 87px 77px 82px;
}
.featured-publication-posts span a:hover {
  color: #003660;
}
.featured-publication-posts span a:hover::before {
  background: #003660;
  left: 0;
  width: 0;
}
.featured-publication-posts span a::before {
  content: "";
  display: block;
  right: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background: #333;
  position: absolute;
  transition: all 0.5s ease-in-out;
}
/* Research Single Page */
/* Publication Page */
.publication-years li a {
  font-size: 21px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #4f2c88;
  font-weight: 600;
  display: block;
  width: 100%;
  border-radius: 21px;
  background-color: #f1f3fa;
  border: 3px solid #4f2c88;
  padding: 11px 20px;
  max-width: 174px;
  text-align: center;
}
ul.list-of-years {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: 14px;
  row-gap: 23px;
}
.publication-page-post {
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  margin-bottom: 40px;
  padding: 54px 58px 50px 75px;
  gap: 93px;
  background-image: url(/wp-content/uploads/2023/09/background-1.png);
  background-repeat: no-repeat;
  background-position: 65%;
}
.publication-page-post:last-of-type {
  margin-bottom: 0px;
}
.publication-term-name {
  gap: 30px;
  padding-bottom: 33px;
}
.publication-years li a.current {
  background-color: #4f2c88;
  color: #fff;
}
.publication-title h4 {
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 35px;
  color: #333333;
  font-weight: 600;
  font-family: "Be Vietnam Pro";
  padding-bottom: 20px;
}
.publication-title p,
.publication-title a {
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 30px;
  color: #333333;
  font-weight: 400;
  font-family: "Be Vietnam Pro";
}
.publication-title a {
  color: #4e2a84;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.publication-title .know-more-button,
#load-more {
  text-decoration: none;
  border-radius: 50px;
  background-color: #4f2c88;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 29px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Be Vietnam Pro";
  padding: 15px 40px;
  display: block;
  width: max-content;
  margin-top: 35px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
#load-more {
  margin: auto;
}
.publication-title .know-more-button::after,
#load-more::after {
  content: "";
  inset: 0;
  background-image: url(../images/know-more-arrow.webp);
  display: block;
  width: 14px;
  height: 14px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 500ms linear;
}
.publication-title .know-more-button:hover,
#load-more:hover {
  background-color: #003660;
  transition: all 500ms linear;
}
#load-more::after {
  transform: rotate(135deg);
}
.publication-featured-image {
  width: 100%;
  max-width: 400px;
  height: 277px;
}
.publication-featured-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.publication-post-section ul.pagination button {
  background: none;
  color: #000;
  border: 2px solid #4e2a84;
  font-family: "Be Vietnam Pro";
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.publication-post-section .custom-pagination ul.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.publication-post-section ul.pagination span.ellipsis:hover {
  background: none;
  color: #000;
}
.publication-post-section .custom-pagination {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.publication-post-section ul.pagination button.current,
.publication-post-section ul.pagination button:hover {
  background: #4e2a84;
  color: #fff;
}
.research-post-title-image.heading-logo {
  width: 100%;
  max-width: 80px;
}
.research-project img {
  display: block;
  margin-top: 30px;
}
/* Publication Page */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
section.news-post {
  padding-top: 115px;
  background-color: #f1f3fa;
}
section.news-post .container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 35px;
}
section.news-post .post.post-item {
  width: 47%;
  background-color: #ffffff;
  position: relative;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 0;
}
.read-more-button {
  position: absolute;
  bottom: 50px;
}
section.news-post .post.post-item:nth-of-type(1) {
  width: 100%;
  display: flex;
  margin-bottom: 55px;
  position: relative;
}
section.news-post h4 a {
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 1.3;
  color: #333333;
  font-weight: 700;
  font-family: "Be Vietnam Pro";
  margin-bottom: 120px;
  display: block;
  transition: 0.6s all;
}
section.news-post h4 a:hover {
  color: #003660;
}
section.news-post .post.post-item:nth-of-type(1) h4 a {
  font-size: 36px;
  margin-bottom: 30px;
}
section.news-post .inner-post-content p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 35px;
  color: #333333;
  font-weight: 400;
  font-family: "Be Vietnam Pro";
  padding-bottom: 120px;
}
section.news-post .post.post-item:nth-of-type(1) .read-more-button {
  position: absolute;
  bottom: 75px;
}
section.news-post .post.post-item:nth-of-type(1) div#share {
  position: absolute;
  bottom: 90px;
  right: 70px;
}
section.news-post a.know-more {
  border-radius: 28px;
  background-color: #4f2c88;
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
  color: #fff;
  padding: 9px 70px 9px 46px;
  position: relative;
  display: block;
  width: max-content;
  border: 2px solid #4f2c88;
}
section.news-post a.know-more:hover {
  background-color: #003660;
  border-color: #003660;
}
section.news-post a.know-more::after {
  content: "";
  background: url(./../images/white-arrow-svg.svg) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 16px !important;
  margin-left: 12px;
  transition: all 0.7s ease-in-out;
  position: absolute;
  top: 17px;
}
section.news-post .post.post-item:nth-of-type(1) .post-image {
  min-width: 570px;
  /* height: 685px; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.news-post .post-image {
  min-width: 100%;
  min-height: 495px;
  background-repeat: no-repeat;
  background-size: cover;
}
section.news-post .post.post-item:nth-of-type(1) .post-content {
  padding: 70px;
}
section.news-post .post-content {
  padding: 35px;
}
section.news-post .post.post-item:nth-of-type(1) .inner-post-content {
  display: block;
}
section.news-post .inner-post-content {
  display: none;
}
section.news-post .pagination span,
.pagination a {
  height: 72px;
  width: 72px;
  border-radius: 3px;
  border: 1px solid #333333;
  display: flex;
  font-size: 20px;
  letter-spacing: 4px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #333333;
  font-weight: 400;
  font-family: "Be Vietnam Pro";
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: 0.6s all;
}
section.news-post .pagination {
  display: flex;
  gap: 10px;
  margin-left: 20px;
  margin-right: auto;
  margin-top: 65px;
}
section.news-post .pagination span {
  background-color: #003660;
  color: #fff;
}
.pagination span:hover,
.pagination a:hover {
  background-color: #003660;
  color: #fff;
}
div#share {
  position: absolute;
  bottom: 60px;
  right: 70px;
}
div#share i.fa {
  font-size: 28px;
  color: #003660;
  transition: 0.6s all;
}
div#share i.fa:hover {
  color: #4f2c88;
}
i.fa.fa-facebook {
  margin-right: 18px;
}
section.news-post .post-date span.date::before {
  content: "";
  background-image: url(/wp-content/uploads/2023/09/iconamoon_clock-bold-svg.svg);
  position: absolute;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  left: -23px;
  top: 1px;
}
span.author::before {
  content: "";
  background-image: url(/wp-content/uploads/2023/09/ph_user-bold-svg.svg);
  position: absolute;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px !important;
  display: inline-block;
  background-size: contain;
  left: -25px;
  top: 0;
}
section.news-post .post-date {
  padding-left: 60px;
  width: fit-content;
  padding-top: 35px;
}
span.date,
span.author {
  position: relative;
}
span.author {
  margin-right: 45px;
}
span.author::after {
  content: "";
  background-image: url(/wp-content/uploads/2023/09/Shape-6.png);
  display: inline-block;
  width: 2px;
  height: 27px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.6s all;
  /* transform: translateY(8px); */
  /* margin: 0 15px; */
  position: absolute;
  right: -14px;
  top: -3px;
}
section.news-post .post.post-item:nth-of-type(1) .blog-post-meta {
  display: none;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<details-news start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.single-post-content p,
.full-news-here h5,
.full-news-here a,
.share-this-post-text p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
}
.single-post-content p,
.full-news-here a {
  color: #333333;
  font-weight: 400;
}
.single-post-content .recent-post {
  display: flex;
  gap: 15px;
  padding: 40px 54px;
  border-bottom: 1px solid #d5d5d5;
}
.single-post-content .recent-post:last-of-type {
  border-bottom: none;
}
.recent-posts-heading {
  padding: 0 54px;
}
.single-details {
  width: 68%;
}
.single-recent-post {
  width: 32%;
}
.recent-post-details h5 a {
  font-size: 21px;
  letter-spacing: -1px;
  line-height: 1.2;
  color: #4a4a4a;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
p.recent-post-date {
  font-size: 15px;
  line-height: 2.5;
  color: #797878;
  font-weight: 400;
}
section.single-recent-news-section {
  padding: 113px 0 0;
  background: #f1f3fa;
}
.single-news-content h4 {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 1.23;
  color: #333333;
  font-weight: 700;
  margin-bottom: 25px;
}
.single-news-content {
  border-radius: 3px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  padding: 69px 80px 0;
}
.single-post-content p img.alignleft {
  margin: 10px 70px 20px 0;
  width: auto;
}
.single-news-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}
.single-news-thumbnail {
  height: 685px;
}
.full-news-here {
  background-color: #f3f5fc;
  padding: 30px 35px;
  margin-top: 52px;
}
.full-news-here h5 {
  color: #4e2a84;
  font-weight: 700;
}
.share-this-post-text p {
  font-weight: 700;
  color: #333;
}
.share-this-post-text p i {
  margin: 0 25px 0 21px;
}
.share-this-post a i {
  color: #003660;
  font-size: 30px;
}
.share-this-post {
  padding: 40px 0 95px;
}
.single-post-content .container {
  gap: 65px;
}
.single-recent-post h4 {
  font-size: 33px;
  letter-spacing: -1px;
  line-height: 1.4;
  color: #4e2a84;
  font-weight: 700;
}
.single-recent-post .search-bar form.search-form {
  width: max-content;
  height: 66px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-recent-post .search-bar form.search-form input {
  border: none;
  background: none;
  height: 100%;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 23px;
  color: #4a4a4a;
  font-weight: 600;
  font-family: "Be Vietnam Pro";
}
.single-recent-post .search-bar form.search-form input.search-submit {
  font-size: 0;
  padding: 0;
  background: url(../../../uploads/2023/09/seach-icon-black.svg) center
    no-repeat;
  background-size: 22px;
  width: 22px;
  cursor: pointer;
  margin-right: 16px;
}
.single-recent-post .search-bar form.search-form input.search-field {
  padding-left: 28px;
}
.search-bar h4 {
  padding-bottom: 20px;
}
.search-bar {
  border-bottom: 1px solid #d5d5d5;
  padding: 0 54px 67px 54px;
  margin-bottom: 50px;
}
.recent-post-img {
  width: 113px;
  height: 113px;
}
.recent-post-img img {
  height: 100%;
  width: 100%;
}
.recent-post-details {
  width: calc(100% - 113px);
}
.single-recent-post .search-bar form.search-form input:focus {
  outline: none;
}
.custom-post-navigation .nav-previous a,
.custom-post-navigation .nav-next a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.custom-post-navigation .nav-previous a {
  justify-content: flex-start;
}
.custom-post-navigation .nav-next a {
  justify-content: flex-end;
}
.custom-post-navigation .nav-previous span.nav-thumbnail,
.custom-post-navigation .nav-next span.nav-thumbnail {
  width: 119px;
  height: 119px;
}
.custom-post-navigation .title-and-date span.nav-title {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 1.1;
  color: #4a4a4a;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.custom-post-navigation .title-and-date span.nav-date {
  font-size: 15px;
  line-height: 2;
  color: #797878;
  font-weight: 400;
  display: block;
}
.custom-post-navigation {
  gap: 263px;
}
.nav-previous,
.nav-next {
  flex: 1;
}
.title-and-date {
  width: 50%;
}
.nav-arrow {
  font-size: 25px;
  color: #333;
}
.single-recent-news-navigation {
  padding-top: 70px;
}
.single-news-content img.alignnone {
  margin-top: 20px;
  display: block;
}
.share-this-post a:hover i,
.custom-post-navigation a:hover i,
.custom-post-navigation a:hover span.nav-title,
.recent-post-details h5 a:hover {
  color: #4e2a84;
}
i,
.custom-post-navigation a span.nav-title {
  transition: all 0.5s ease-in-out;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<details-news End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/** Search Page **/
section.search-banner {
  background: #4e2a84;
  min-height: 350px;
  display: flex;
  align-items: center;
  text-align: center;
}
section.search-banner h2 {
  color: #fff;
}
section.search-result-articles {
  background: #f1f3fa;
  padding: 100px 0 0;
}
.search-result-articles p {
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0;
  padding-top: 20px;
}
section.search-result-articles a {
  color: #4e2584;
}
section.search-result-articles a:hover {
  color: #003660;
}
.search-result-articles h3 {
  line-height: 1.5;
}
.search-result-articles .entry-summary {
  margin: 0;
}
.search-result-articles article {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 0 30px;
}
.search-result-articles nav.navigation.posts-navigation {
  margin: 20px 0 0 0;
}
section.search-result-articles a.post-thumbnail {
  width: 300px;
  height: 300px;
}
section.search-result-articles a.post-thumbnail img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.search-post-content {
  flex: 1;
}
.search-result-articles article:last-of-type {
  margin: 0;
}
section.search-result-articles form.search-form input {
  border: none;
  background: none;
  font-size: 20px;
  padding: 0;
  height: 100%;
  font-family: "Be Vietnam Pro";
}
section.search-result-articles form.search-form input[type="submit"] {
  font-size: 0;
  padding: 0;
  background: url(../../../uploads/2023/09/seach-icon-black.svg) center
    no-repeat;
  background-size: 22px;
  width: 22px;
  cursor: pointer;
  margin-right: 16px;
}
section.search-result-articles form.search-form input[type="search"] {
  padding: 0 0 0 20px;
}
section.search-result-articles form.search-form input[type="search"]:focus {
  outline: none;
}
section.search-result-articles form.search-form {
  width: max-content;
  height: 52px;
  border-radius: 3px;
  background-color: #fff;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  display: flex;
  margin-top: 30px;
}
.full-news-here a:hover {
  color: #003660;
}
/** Intranet Page **/
.intranet-visual-boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.intranet-visual-box {
  border-radius: 10px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  background-color: #ffffff;
  padding: 40px;
}
.box-heading-icon img {
  width: 64px;
  margin-right: 30px;
}
section.intranet-content-section {
  padding: 100px 0 32px;
}
.intranet-calendar {
  padding: 100px 0 0 0;
}
.page-template-intranet-password-protected .post-password-form p,
.page-template-intranet-password-protected .post-password-form .ppw-ppf-desc {
  font-size: 25px;
  line-height: 1.6;
  color: #525252;
  text-align: center;
  letter-spacing: -1px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 0 0 30px;
}
.page-template-intranet-password-protected .post-password-form {
  background-color: #f1f3fa;
  padding: 90px 0 0;
}
.page-template-intranet-password-protected
  .post-password-form
  input[type="password"] {
  background: #fff;
  border: none;
  border-radius: 5px;
  height: 50px;
  filter: drop-shadow(0 0 34px rgba(31, 44, 117, 0.15));
  width: 400px;
  margin-right: 30px;
  outline: none;
  padding: 15px;
}
.page-template-intranet-password-protected
  .post-password-form
  input[type="submit"] {
  border: none;
  background: #003660;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 38px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  border-radius: 30px;
  padding: 0 50px;
  height: 50px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.page-template-intranet-password-protected
  .post-password-form
  input[type="submit"]:hover {
  background: #4e2a84;
}
.page-template-intranet-password-protected .post-password-form p label {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.page-template-intranet-password-protected .post-password-form p:last-of-type {
  padding: 0;
}
.page-template-intranet-password-protected
  .post-password-form
  .ppwp-wrong-pw-error.ppw-ppf-error-msg {
  text-align: center;
  margin-top: 20px;
}
.box-content {
  padding-top: 25px;
}
.box-content p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.6;
  font-weight: 400;
  color: #525252;
}
.box-content p a {
  color: #003660;
  transition: all 0.5s ease-in-out;
}
.box-content p a:hover {
  color: #4f2e84;
}
/** Intranet Page   **/
/** Gallery Page **/

/* Content page */

.page-width {
  max-width: 1597px;
  margin-left: auto;
  margin-right: auto;
}

.blog__post::-webkit-scrollbar {
  width: 13px;
  height: 899px;
}

.blog__post::-webkit-scrollbar-thumb {
  background: #9984b9;
  border-radius: 6px;
}

.blog__post::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 6px;
  margin: 15px;
}

section.blog__banner {
  display: flex;
  height: clamp(180px, 21vw, 390px);
  background-size: contain !important;
  background-position: center;
  position: relative;
}
section.blog__banner:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #0000005e;
  z-index: 0;
}

section.blog__banner h1 {
  z-index: 1;
  color: white;
  margin: auto;
  font-family: "Be Vietnam Pro";
  font-size: clamp(28px, 3vw, 54px);
}

section.blogSection {
  background-color: #f1f3fa;
}
.blogsection__wrapper {
  display: flex;
  padding-top: clamp(2px, 6vw, 96px);
  padding-bottom: clamp(2px, 6vw, 116px);
}

.blog__container {
  width: fit-content;
  margin: 2rem auto;
  max-width: 750px;
}

.blog__head {
  margin: 0 2rem;
  display: flex;
  align-items: center;
  min-height: 177px;
}
.blog__head img {
  height: 80px;
  margin-right: 1.5rem;
  width: 80px;
  margin-bottom: auto;
}
.blog__head__content {
  min-height: 142px;
}
.blog__head__content h3 {
  margin-bottom: 17px;
  font-size: clamp(28px, 3vw, 53px);
  letter-spacing: -2px;
  line-height: 50px;
  color: #4e2a84;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Be Vietnam Pro";
}
.blog__head__content p {
  font-size: clamp(15px, 3vw, 25px);
  letter-spacing: -1px;
  line-height: 28px;
  color: #333333;
  font-weight: 500;
  font-family: "Be Vietnam Pro";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1.5em * 7);
  line-height: 28px;
}

.blog__post {
  width: 97%;
  height: clamp(500px, 74vw, 1420px);
  overflow-y: auto;
  background-color: white;
}
.blog__post__item {
  display: flex;
  padding: clamp(12px, 2.5vw, 43px) clamp(12px, 2.5vw, 39px)
    clamp(12px, 2.5vw, 43px) clamp(12px, 2.5vw, 39px);
  width: 97%;
}
.blog__post__item img {
  height: 120px;
  width: 130px;
  margin-right: 32px;
}
.blog__post__item__content h2 {
  font-size: clamp(14px, 2vw, 28px);
  letter-spacing: -1px;
  line-height: 35px;
  color: #4e2a84;
  font-weight: 600;
  font-family: "Be Vietnam Pro";
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.5s ease-in-out;
}

.blog__post > :nth-child(even) {
  background-color: #f1f3f9;
}
.blog__post__wrapper {
  margin: 9px auto 32px auto;
  width: 90%;
  background-color: white;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}

.blog__footer__wrapper {
  max-width: 1600px;
  margin: auto;
  position: relative;
  /* height: clamp(337px, 26vw, 490px); */
}

.blog__footer__banner {
  height: 100%;
  width: 100%;
  display: flex;
  background-size: cover !important;
  background-position: top center !important;
}

.blog__footer__banner:after {
  content: "";
  display: block;
  background: #196996;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  inset: 0;
  z-index: 0;
}
.blog__footer__content {
  margin: auto;
  text-align: center;
  z-index: 1;
  padding: 157px 20px;
}
.blog__footer__content h1 {
  font-size: clamp(32px, 3vw, 53px);
  font-family: "Be Vietnam Pro";
  color: white;
  letter-spacing: -1px;
  margin-bottom: 8px;
}
.blog__footer__content p {
  font-size: clamp(17px, 3vw, 23px);
  font-family: "Be Vietnam Pro";
  color: white;
  margin-bottom: 24px;
}
.blog__footer__content a {
  background-color: white;
  display: inline-block;
  height: clamp(45px, 5vw, 55px);
  width: clamp(198px, 14vw, 230px);
  text-align: center;
  align-content: center;
  border-radius: 30px;
  font-family: "Be Vietnam Pro";
  font-weight: 500;
  color: black;
}
.blog__footer__content a:hover {
  background-color: #4e2c85;
  color: white;
}
.blog__post__item__content h2:hover {
  color: #003660;
  transition: all 0.5s ease-in-out;
}

section.blog__footer {
  background-color: #f1f3fa;
}

/* single.php */
.zet p {
  margin-bottom: 57px;
}
.qwert {
  background-color: #4e2a84;
}
.qwert:before {
  content: none !important;
}
.qwert h2 {
  text-transform: uppercase;
}
.research-author{
text-align: right;
}
/* new */
.filter-and-search {

  top: -32px;
}
                  .publication-year:nth-child(1) .publication-term-name {
  padding-bottom: 25px;
}
                  .publication-title h4 {
  
   padding-bottom: 0px; 
}
                  .publication-page-post {
                    border-radius: 0;
                    
                    margin-bottom: 11px;
                    background-image: none;   
 
}
button#load-more-years::after {
  transform: rotate(135deg);
}

button#load-more-years {
  margin: 40px auto;
}

.publication-page-post {
  padding: 7px 0px 7px 20px;
  border-radius: 7px; 
}
.heading-logo {
  width: 51px;
 
}
.publication-term-name {
 
  padding-bottom: 15px;
}
.publication-year {
  margin-top: 40px;
}
.publication-year h2,
.ajax-called h2 {
    font-size: 30px;
}



.publication-title h4 {
    font-size: 20px;
    line-height: 25px;

}

.publication-title p,
.publication-title a {
    font-size: 17px;

}

.publication-title .know-more-button,
#load-more {
    font-size: 16px;
    padding: 11px 31px;
    margin-top: 10px;

}




.details .summary p {
    display: none;
}

.details .summary p:nth-child(2) {
    display: block;
}

.details .summary p:has(a) {
    display: block;
}

/* .details[data-open="true"] .summary p {
    display: block;
} */



.details .summary h4 {
    cursor: pointer;
}

.details .summary::marker {
    content: none;
}

.summary:before {
    content: '';
    background: url(https://hanlab.northwestern.edu/wp-content/uploads/2025/02/add-1.png);
    height: 30px;
    width: 30px;
    position: absolute;
    left: auto;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: all 0.2s linear;
    background-size: cover;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-bottom: auto;
    margin-top: 15px;
}

.details[data-open="true"] .summary::before {
    top: 0;
    left: auto;
    transform: rotate(180deg);
    margin-bottom: auto;
    margin-top: 20px;
}

.publication-title.hello {
    width: 100%;
    padding: 8px 0 8px 15px;
    background-color: white;
}

.accord_open .summary {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

.details .summary img {
    display: none;
}

/* .details[data-open="true"] .summary img {
    display: block;
    max-height: 325px;
    max-width: 350px;
    padding: 50px;
} */




/* new */
.accord_open .summary p {
    display: block;
}

.publication-page-post {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.accord_open .summary img {
    display: block;
    max-height: 325px;
    max-width: 350px;
    padding: 50px;
}

.accord_title[data-open="false"] {
    /* display: block; */
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    transition: grid-template-rows 400ms linear, opacity 300ms linear, padding 380ms linear;
    padding: 0;
}

.accord_title[data-open="true"] {
    /* display: none; */
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr auto;
    overflow: hidden;
    transition: grid-template-rows 100ms linear;
}

span.accord_title_empty2 {
    height: 40%;
    width: 40px;
    z-index: 9;
    cursor: pointer;
}

.accord_title .details {
    min-height: 0;
}


.accord_content[data-open="false"] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr auto;
    overflow: hidden;
    transition: grid-template-rows 250ms ease-in-out;
}

.accord_content[data-open="true"] {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    transition: grid-template-rows 300ms ease-in-out, opacity 180ms ease-in-out, padding 500ms linear;
    padding: 0;
}

.details {
    min-height: 0;
    overflow: hidden;
}






/** Gallery Page **/
@media screen and (max-width: 1800px) {
  .site-menu ul li.current-menu-item a {
    padding: 0 15px;
  }
  .site-menu ul li {
    padding-right: 26px;
  }
  .site-menu ul a {
    font-size: 19px;
  }
  .student-name-email p a,
  .student-name-email a {
    font-size: 17px;
  }
}
@media screen and (max-width: 1739px) {
  .top-header {
    padding: 15px 30px 10px;
  }
  .top-header a {
    width: 250px;
  }
  header.site-header {
    padding: 13px 30px 13px 30px;
  }
  .site-menu form.search-form {
    height: 45px;
  }
  section.join-lab-andtwitter-section {
    padding: 90px 0 0;
  }
  .site-menu ul a {
    font-size: 17px;
  }
  .site-logo a {
    width: 260px;
  }
  .site-menu form.search-form input[type="search"] {
    font-size: 18px;
    width: 160px;
  }
  .site-menu {
    gap: 20px;
  }
  h1 {
    font-size: 48px;
  }
  .banner-content p {
    font-size: 20px;
    margin: 25px 0 40px;
  }
  .site-menu ul li {
    padding-right: 15px;
  }
  .container {
    width: 90%;
  }
  section.banner-section {
    padding: 90px 0;
  }
  .banner-section .banner-content {
    max-width: 570px;
    padding: 80px 60px 80px;
  }
  .banner-content .banner-links a.banner-about-us {
    max-width: 210px;
  }
  .banner-content .banner-links a.banner-our-resources {
    max-width: 220px;
  }
  section.about-our-lab-section {
    padding: 90px 0 90px;
  }
  .about-our-lab-heading {
    margin: 0 0 30px;
  }
  h2 {
    font-size: 45px;
  }
  .about-our-lab-left p,
  .about-our-lab-right-content p,
  .area-of-research-heading-content p {
    font-size: 19px;
  }
  .about-our-lab-left p {
    padding: 0 0 30px;
  }
  .about-our-lab-right img {
    border: 12px solid #fff;
    max-width: 600px;
  }
  h3 {
    font-size: 30px;
  }
  .social-title a {
    font-size: 19px;
  }
  .about-our-lab-social-box {
    padding: 30px 70px 25px 30px;
  }
  .area-of-research-section {
    padding: 0 0 90px;
  }
  .research-post-content h4 {
    font-size: 28px;
  }
  .research-post-content p {
    font-size: 20px;
  }
  .research-post-content {
    padding: 40px 40px 34px;
  }
  .research-post-image {
    height: 400px;
  }
  section.publication-and-recent-news-section {
    padding: 90px 0;
  }
  .publication-section {
    width: 53.5%;
  }
  .recent-news-section {
    padding-left: 60px;
    width: 47%;
  }
  .publication-heading-and-link,
  .publication-post {
    padding-right: 60px;
  }
  .publication-post-image {
    width: 221px;
    height: 280px;
  }
  .publication-post {
    gap: 30px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .publication-post-content h5,
  .recent-news-title-content h5 {
    font-size: 22px;
  }
  .publication-post-content p {
    font-size: 18px;
  }
  .recent-news-title-content span {
    font-size: 17px;
  }
  .recent-news-post-image {
    width: 200px;
    height: 200px;
  }
  .recent-news-post {
    gap: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .site-menu ul li.current-menu-item a {
    padding: 0 10px;
  }
  section.research-topic-section {
    padding: 90px 0 0;
  }
  .research-topic-content p,
  .research-page-title-content p {
    font-size: 19px;
  }
  .research-page-title-content p {
    margin: 20px 0 40px;
  }
  .research-page-post-image {
    height: 500px;
  }
  .research-page-title-content h4 {
    font-size: 32px;
  }
  .research-page-posts a.know-more::after {
    width: 15px;
    height: 15px;
    background-size: 15px !important;
  }
  .research-page-posts a.know-more {
    font-size: 20px;
  }
  section.about-us-our-lab-section,
  section.virtual-information-twitter-section,
  section.lab-tour-gallery-section {
    padding: 90px 0 90px;
  }
  section.contact-us-section {
    padding: 90px 0 0;
  }
  .about-us-our-lab-section p,
  .virtual-join-lab p,
  .location-information p,
  .location-information a,
  .meeting-information p,
  .interested-in-joining-content p {
    font-size: 19px;
    padding-bottom: 30px;
  }

  .virtual-information-twitter-section h4 {
    font-size: 40px;
  }
  .twitter-logo {
    width: 42px;
  }
  .songi-profile-content h4 {
    font-size: 45px;
  }
  .songi-content-information p,
  .songi-profile-content a.view-profile {
    font-size: 20px;
  }
  .songi-content-information p {
    padding: 20px 0 30px;
  }
  .student-image {
    height: 350px;
  }
  .alumni-student-names p {
    font-size: 22px;
  }
  .alumni-category-name h4 {
    font-size: 30px;
  }
  .alumni-category-name {
    margin-bottom: 25px;
  }
  .third-category {
    padding-right: 0;
  }
  .songi-profile-content {
    padding: 40px 40px;
    width: 55%;
  }
  section.songi-profile-section,
  .alumni-section,
  .our-people-section {
    padding: 90px 0 0;
  }
  section.learn-more-section {
    padding: 90px 0 0;
  }
  .post-doctoral-students,
  .graduate-students {
    padding-bottom: 80px;
  }
  .songi-work-title p {
    font-size: 28px;
  }
  .songi-content-information p,
  .songi-profile-content a.view-profile,
  .songi-email p a,
  .songi-email p {
    font-size: 20px;
  }
  .songi-profile-image {
    width: 45%;
  }
  .songi-work-title p {
    font-size: 25px;
  }
  section.songi-profile-page p,
  section.songi-profile-page li,
  section.songi-profile-page a {
    font-size: 20px;
  }
  .songi-image-and-description img {
    max-width: 380px;
  }
  section.songi-profile-page {
    padding: 90px 0 0;
  }
  .publication-years li a {
    font-size: 18px;
    padding: 11px 15px;
  }

  .publication-title h4 {
    font-size: 20px;
  }
  .publication-page-post {
    padding: 5px 0 6px 20px;
    gap: 0px;
  }
  section.publication-post-section {
    padding: 60px 0 0;
  }
  .publication-title p,
  .publication-title a {
    font-size: 20px;
  }
  section.research-single-post-content {
    padding: 90px 0 0 0;
  }
  .research-post-projects {
    padding: 50px 0 0;
  }
  .research-project {
    padding: 50px 50px;
  }
  .research-project h4 {
    font-size: 30px;
    padding: 0px 0 25px;
  }
  .research-project p,
  .research-project {
    font-size: 18px;
  }
  .featured-publications {
    padding: 60px;
  }
  .featured-publication-posts {
    margin-top: 40px;
  }
  .featured-publication-posts li,
  .featured-publication-posts span {
    font-size: 18px;
  }
  .single-post-content .container {
    gap: 50px;
  }
  .search-bar {
    padding: 0 30px 40px 30px;
    margin-bottom: 30px;
  }
  .single-post-content .recent-post {
    padding: 35px 30px;
  }
  .recent-posts-heading {
    padding: 0 30px;
  }
  .single-news-content {
    padding: 50px 50px 0;
  }
  .single-news-content h4 {
    font-size: 32px;
  }
  .single-post-content p,
  .full-news-here h5,
  .full-news-here a,
  .share-this-post-text p {
    font-size: 18px;
  }
  .custom-post-navigation .title-and-date span.nav-title {
    font-size: 20px;
  }
  .custom-post-navigation .title-and-date span.nav-date {
    font-size: 14px;
  }
  .share-this-post {
    padding: 40px 0 52px;
  }
  .recent-post-details h5 a {
    font-size: 20px;
  }
  section.single-recent-news-section {
    padding: 90px 0 0;
  }
  .custom-post-navigation {
    gap: 50px;
    justify-content: space-between;
  }
  .search-result-articles p {
    font-size: 18px;
  }
  section.search-result-articles a.post-thumbnail {
    width: 250px;
    height: 250px;
  }
  section.search-result-articles {
    background: #f1f3fa;
    padding: 90px 0 0;
  }
  .page-template-intranet-password-protected .post-password-form p,
  .page-template-intranet-password-protected .post-password-form .ppw-ppf-desc {
    font-size: 22px;
  }
  section.intranet-content-section {
    padding: 90px 0 24px;
  }
  .intranet-calendar {
    padding: 90px 0 0 0;
  }
  .box-content p {
    font-size: 19px;
  }
  .online-publications h2 {
    font-size: 43px;
    line-height: 40px;
  }
  .online-publications h2::after {
    width: 80px;
    height: 15px;
    background-size: contain;
    top: 16px;
    left: 135px;
  }
  .online-publications .google-list h4,
  .online-publications .pubmed-list h4 {
    font-size: 24px;
    line-height: 27px;
  }
  .online-publications .google-list a,
  .online-publications .pubmed-list a {
    font-size: 18px;
    line-height: 24px;
  }
  .online-publications .google-list,
  .online-publications .pubmed-list {
    padding: 35px 0px 35px 25px;
  }
  .years-of-publication .publication-years span,
  .years-of-publication .search-by-name label {
    padding-left: 10px;
    font-size: 17px;
    line-height: 17px;
  }
  .online-publications {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1439px) {
  .top-header {
    padding: 15px 25px 10px;
  }
  h2 {
    font-size: 40px;
  }
  .site-menu ul a {
    font-size: 15px;
  }
  .site-menu form.search-form input[type="search"] {
    font-size: 15px;
    width: 130px;
  }
  header.site-header {
    padding: 13px 25px 13px 25px;
  }
  .site-menu form.search-form input[type="submit"] {
    background-size: 20px;
  }
  .banner-section .banner-content {
    max-width: 550px;
    padding: 50px;
  }
  .about-our-lab-right img {
    border: 10px solid #fff;
    max-width: 540px;
  }
  .about-our-lab-left p,
  .about-our-lab-right-content p,
  .area-of-research-heading-content p {
    font-size: 18px;
  }
  .about-our-lab-social-box {
    padding: 30px 30px 25px 30px;
  }
  .learn-more-banner p {
    font-size: 20px;
  }
  .footer-menu-one li a,
  .footer-menu-two li a,
  .footer-address-information p,
  .footer-address-information a {
    font-size: 18px;
  }
  .footer-links-and-information {
    padding: 60px 0 80px;
  }
  .research-post-image {
    height: 350px;
  }
  .researchs-posts {
    gap: 25px;
  }
  .research-post-content h4 {
    font-size: 25px;
  }
  .research-post-content p {
    font-size: 19px;
  }
  .publication-post-image {
    width: 200px;
  }
  .publication-post-content h5,
  .recent-news-title-content h5 {
    font-size: 20px;
  }
  .publication-post-content p {
    font-size: 17px;
  }
  .publication-heading-and-link,
  .publication-post {
    padding-right: 50px;
  }
  .recent-news-heading-and-link,
  .publication-heading-and-link {
    padding-bottom: 40px;
  }
  .publication-section {
    width: 53.4%;
  }
  .recent-news-title-content span {
    font-size: 16px;
  }
  .recent-news-section {
    padding-left: 50px;
    width: 46.7%;
  }
  .research-page-post-image {
    height: 450px;
  }
  .research-topic-content p,
  .research-page-title-content p {
    font-size: 18px;
  }
  .research-page-title-content h4 {
    font-size: 30px;
  }
  .location-information h5 {
    font-size: 28px;
  }
  .alumni-students {
    margin-top: 40px;
    padding: 30px 30px 30px 30px;
  }
  .alumni-category-name h4 {
    font-size: 27px;
  }
  .alumni-student-names p {
    font-size: 20px;
  }
  .alumni-category-name {
    margin-bottom: 20px;
  }
  .student-image {
    height: 300px;
  }
  .student-name-email h5 a {
    font-size: 22px;
  }
  .student-name-email p a,
  .student-name-email a {
    font-size: 16px;
  }
  .student-profiles {
    column-gap: 20px;
  }
  .songi-content-information p,
  .songi-profile-content a.view-profile,
  .songi-email p a,
  .songi-email p {
    font-size: 18px;
  }
  ul.list-of-years {
    grid-template-columns: repeat(7, 1fr);
  }
  .publication-title h4 {
    font-size: 20px;
    padding-bottom: 0px;
  }
  .publication-title p,
  .publication-title a {
    font-size: 18px;
  }
  .publication-featured-image {
    height: 220px;
  }
  section.news-post h4 a {
    font-size: 24px;
  }
  section.news-post .post.post-item:nth-of-type(1) h4 a {
    font-size: 32px;
  }
  section.news-post .inner-post-content p {
    font-size: 18px;
  }
  .research-project {
    padding: 40px 40px;
  }
  section.news-post .post.post-item:nth-of-type(1) .post-image {
    min-width: 450px;
  }
  .featured-publications {
    padding: 50px;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  .single-recent-post h4 {
    font-size: 30px;
  }
  .single-recent-post .search-bar form.search-form {
    height: 60px;
  }
  .single-recent-post .search-bar form.search-form input.search-field {
    padding-left: 20px;
    width: 220px;
  }
  .single-recent-post .search-bar form.search-form input {
    font-size: 18px;
  }
  .map-information {
    padding: 20px;
    gap: 20px;
  }
  .google-map-section-heading,
  .meeting-information-heading,
  .interested-in-joining-heading-logo {
    gap: 20px;
  }
  .meeting-time-section,
  .interested-in-joining-section {
    margin-top: 45px;
  }
  .page-template-intranet-password-protected .post-password-form {
    padding: 80px 0 0px;
  }
  .meeting-times,
  .interested-in-joining-content {
    padding-left: 102px;
  }
  .online-publications h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .online-publications h2::after {
    width: 50px;
    height: 15px;
    top: 16px;
    left: 120px;
  }
  .online-publications .google-list h4,
  .online-publications .pubmed-list h4 {
    font-size: 22px;
    line-height: 25px;
  }
  .online-publications .google-list a,
  .online-publications .pubmed-list a {
    font-size: 16px;
    line-height: 22px;
  }
  .search-by-name input {
    min-width: 300px;
  }
  .publication-term-name {
    gap: 20px;
  }
  .filter-and-search {
    gap: 20px;
  }
  .publication-term-name h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1279px) {
  .blog__post {
    max-height: 841px;
  }
  .student-profiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .top-header {
    padding: 10px 20px 5px;
  }
  .top-header a {
    width: 215px;
  }
  header.site-header {
    padding: 13px 20px 13px 20px;
  }
  h1 {
    font-size: 45px;
  }
  .banner-content p {
    font-size: 18px;
    margin: 20px 0 30px;
  }
  section.join-lab-andtwitter-section {
    padding: 70px 0 0;
  }
  .banner-section .banner-content {
    max-width: 500px;
    padding: 40px;
  }
  .banner-content .banner-links a.banner-about-us {
    max-width: 190px;
  }
  .banner-content .banner-links a.banner-our-resources {
    max-width: 200px;
  }
  .banner-content .banner-links a {
    font-size: 15px;
    line-height: 2.2;
  }
  .about-our-lab-content {
    gap: 50px;
    flex-direction: column;
    align-items: center;
  }
  .container,
  .footer-container {
    width: 95%;
  }
  .about-our-lab-left p {
    padding: 0 0 25px;
  }
  .about-our-lab-left p,
  .about-our-lab-right-content p,
  .area-of-research-heading-content p {
    font-size: 17px;
  }
  .social-title a {
    font-size: 16px;
  }
  .about-our-lab-social-box {
    padding: 25px;
  }
  section.banner-section {
    padding: 70px 0;
  }
  section.about-our-lab-section {
    padding: 70px 0;
  }
  a.see-all-reasearch {
    font-size: 15px;
    line-height: 35px;
    padding: 8px 50.5px 7px;
  }
  .area-of-research-section {
    padding: 0 0 70px;
  }
  .publication-section {
    padding-right: 50px;
  }
  .recent-news-section {
    padding-left: 50px;
  }
  .learn-more-banner a {
    font-size: 15px;
    line-height: 2;
  }
  footer {
    padding: 0 0 30px;
  }
  .footer-links-and-information {
    padding: 50px 0 50px;
  }
  section.learn-more-section {
    padding: 70px 0 0;
  }
  section.publication-and-recent-news-section {
    padding: 70px 0;
  }
  .research-post-image {
    height: 300px;
  }
  .research-post-content {
    padding: 30px;
  }
  .research-post-content h4 {
    font-size: 22px;
  }
  .research-post-content p {
    font-size: 18px;
  }
  .research-title-content {
    width: 100%;
  }
  section.publication-and-recent-news-section {
    background: #fff;
    padding: 60px 0 0;
  }
  .publication-section {
    width: 95%;
    padding: 0;
    margin: 0 auto;
  }
  .publication-and-recent-news-section .container {
    flex-direction: column;
    width: 100%;
    gap: 60px;
  }
  .recent-news-section {
    background: #4e2a85;
    padding: 60px 0;
    width: 100%;
    position: relative;
    z-index: 9;
  }
  .recent-news-section::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../../../uploads/2023/08/purple-background.png) no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background-size: cover;
  }
  .recent-news-heading-and-link,
  .recent-news-posts {
    width: 95%;
    margin: 0 auto;
  }
  .recent-news-heading-and-link,
  .recent-news-posts {
    width: 95%;
    margin: 0 auto;
  }
  .publication-heading-and-link,
  .publication-post {
    padding-right: 0;
  }
  .publication-post {
    align-items: center;
  }
  .site-logo a {
    width: 215px;
  }
  .site-menu ul li {
    padding-right: 12px;
  }
  .site-menu ul li.current-menu-item a {
    padding: 0 10px;
  }
  .site-menu ul a {
    font-size: 15px;
  }
  .site-menu {
    gap: 20px;
  }
  .site-menu form.search-form input[type="search"] {
    width: 120px;
  }
  .footer-logo {
    width: 200px;
    margin: 0 auto;
  }
  .footer-address-information::after,
  .footer-menu-one::after,
  .footer-menu-two::after {
    height: 245px;
  }
  section.publication-and-recent-news-section::after {
    display: none;
  }
  .research-page-post-content {
    padding: 20px 30px 20px 30px;
  }
  section.research-topic-section {
    padding: 70px 0 0;
  }
  .research-page-posts a.know-more {
    font-size: 18px;
  }
  .research-page-posts a.know-more::after {
    width: 14px;
    height: 14px;
    background-size: 14px !important;
    top: 14px;
  }
  .featured-publication-posts {
    margin-top: 30px;
  }
  section.about-us-our-lab-section,
  section.virtual-information-twitter-section,
  section.lab-tour-gallery-section {
    padding: 70px 0 70px;
  }
  section.contact-us-section {
    padding: 70px 0 0;
  }
  .about-us-title-and-logo {
    padding-bottom: 30px;
  }

  .virtual-information-twitter-section h4 {
    font-size: 35px;
  }
  .about-us-our-lab-section p,
  .virtual-join-lab p,
  .location-information p,
  .location-information a,
  .meeting-information p,
  .interested-in-joining-content p {
    font-size: 17px;
  }
  .virtual-youtube-video iframe {
    width: 100%;
    height: 400px;
  }
  .twitter-field {
    height: 683px;
  }
  section.songi-profile-section,
  .alumni-section,
  .our-people-section {
    padding: 70px 0 0;
  }
  .post-doctoral-students,
  .graduate-students {
    padding-bottom: 70px;
  }
  .student-image {
    height: 250px;
  }
  .student-name-email h5 a {
    font-size: 20px;
  }
  .alumni-category-name h4 {
    font-size: 24px;
  }
  .alumni-student-names p {
    font-size: 18px;
  }
  .alumni-students .fourth-category {
    margin-top: 50px;
  }
  .songi-profile-content h4 {
    font-size: 40px;
  }
  .songi-profile-content {
    padding: 40px 30px;
  }
  section.songi-profile-page p,
  section.songi-profile-page li,
  section.songi-profile-page a {
    font-size: 18px;
  }
  .email-and-office {
    padding: 10px 0 10px;
  }
  .songi-image-and-description h4 {
    font-size: 25px;
  }
  section.songi-profile-page {
    padding: 70px 0 0;
  }
  .title-and-logo {
    gap: 25px;
    margin: 50px 0 30px;
  }
  ul.list-of-years {
    grid-template-columns: repeat(6, 1fr);
  }
  .publication-page-post {
    padding: 6px 0 0px 10px;
    gap: 0px;
  }
  section.research-single-post-content {
    padding: 70px 0 0 0;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  section.news-post .pagination span,
  .pagination a {
    height: 50px;
    width: 50px;
    font-size: 20px;
    letter-spacing: unset;
  }
  div#share {
    right: 15px;
  }
  section.news-post .post.post-item:nth-of-type(1) {
    flex-wrap: wrap;
  }
  section.news-post .post.post-item:nth-of-type(1) .post-image {
    min-width: 100%;
  }
  section.news-post .post.post-item:nth-of-type(1) .post-content {
    padding: 30px;
    width: 100%;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  section.single-recent-news-section {
    padding: 70px 0 0;
  }
  .single-post-content .container {
    gap: 30px;
  }
  .single-details {
    width: 60%;
  }
  .single-recent-post {
    width: 40%;
  }
  .single-news-content h4 {
    font-size: 28px;
  }
  .single-news-content {
    padding: 30px 30px 0;
  }
  .custom-post-navigation .nav-previous span.nav-thumbnail,
  .custom-post-navigation .nav-next span.nav-thumbnail {
    width: 110px;
    height: 100px;
  }
  .custom-post-navigation {
    gap: 30px;
  }
  .nav-arrow {
    font-size: 20px;
  }
  .single-recent-news-navigation {
    padding-top: 50px;
  }
  .single-news-thumbnail {
    height: 500px;
  }
  section.search-result-articles {
    background: #f1f3fa;
    padding: 70px 0 0;
  }
  .custom-post-navigation .title-and-date span.nav-title {
    font-size: 18px;
  }
  .page-template-intranet-password-protected .post-password-form {
    padding: 65px 0 0px;
  }
  .page-template-intranet-password-protected .post-password-form p,
  .page-template-intranet-password-protected .post-password-form .ppw-ppf-desc {
    font-size: 20px;
    padding: 0 0 25px;
  }
  .page-template-intranet-password-protected
    .post-password-form
    input[type="password"] {
    width: 350px;
    height: 45px;
  }
  .page-template-intranet-password-protected
    .post-password-form
    input[type="submit"] {
    height: 45px;
  }
  section.intranet-content-section {
    padding: 80px 0 24px;
  }
  .intranet-calendar {
    padding: 80px 0 0 0;
  }
  .intranet-visual-boxes {
    gap: 30px;
  }
  .box-content p {
    font-size: 19px;
  }
}
@media screen and (min-width: 1240px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
@media screen and (max-width: 1240px) {
  .mobile-menu,
  .mobile-menu .main-navigation ul {
    display: block;
  }
  .desktop-menu {
    display: none;
  }
  .mobile-menu .main-navigation {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0%;
    z-index: -99;
    background: #f3f5fc;
    padding: 30px 0;
    height: 100vh;
    transition: all 0.6s ease-in-out;
    top: 80px;
    width: 0;
  }
  .mobile-menu .main-navigation.show {
    opacity: 1;
    visibility: visible;
    z-index: 99;
    overflow: scroll;
    width: 400px;
    padding: 30px;
    padding-bottom: 200px;
  }
  button.menu-toggle.show {
    width: 28px;
  }
  .site-menu ul li {
    padding-right: 0;
    display: block;
  }
  .site-menu form.search-form,
  .site-menu form.search-form label,
  .site-menu form.search-form input[type="search"] {
    width: 100%;
  }
  .site-menu ul a {
    font-size: 18px;
    text-align: center;
    width: max-content;
    display: block;
    margin: 0 auto;
  }
  .site-menu ul li {
    padding: 0 0 10px;
    display: block;
  }
  button.menu-toggle::before,
  button.menu-toggle::after {
    content: "";
    display: block;
    height: 4px;
    background: #000;
    border-radius: 5px;
    margin: 1px 0;
    transform-origin: left;
    width: 100%;
    transition: all 0.6s ease-in-out;
  }
  button.menu-toggle span {
    display: block;
    height: 4px;
    width: 100%;
    background: #000;
    border-radius: 5px;
    margin: 5px 0;
    transform-origin: left;
    transition: all 0.6s ease-in-out;
  }
  button.menu-toggle {
    background: none;
    border: none;
    position: relative;
    z-index: 0;
    padding: 0;
    width: 30px;
    display: flex;
    height: 30px;
    flex-direction: column;
    cursor: pointer;
  }
  button.menu-toggle.show::after {
    transform: rotate(-45deg);
  }
  button.menu-toggle.show::before {
    transform: rotate(45deg);
  }
  button.menu-toggle.show span {
    opacity: 0;
    visibility: hidden;
  }
  body.no-scroll {
    overflow: hidden;
    position: relative;
  }
  body.no-scroll::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
  }
}
@media screen and (max-width: 1023px) {
  section.inner-page-banner-section {
    min-height: 300px;
  }
  .research-page-title-content p {
    width: 80%;
  }
  .songi-image-and-description h4 {
    font-size: 22px;
    margin: 5px 0 0;
  }
  .songi-image-and-description img {
    max-width: 330px;
  }

  .publication-years li a {
    font-size: 16px;
    padding: 10px 10px;
  }
  ul.list-of-years {
    row-gap: 15px;
  }
  .artist-credits:first-of-type::after {
    display: none;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  section.news-post .post.post-item:nth-of-type(1) h4 a {
    font-size: 28px;
  }
  section.news-post .inner-post-content p {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 28px;
    text-align: center;
    padding-bottom: 120px;
  }
  section.news-post .post.post-item:nth-of-type(1) div#share {
    bottom: 78px;
  }
  section.news-post .post.post-item {
    width: 45%;
  }
  section.news-post .post-image {
    min-height: 310px;
  }
  section.news-post h4 a {
    font-size: 20px;
  }
  section.news-post .post-content {
    padding: 20px;
  }
  section.news-post a.know-more {
    font-size: 18px;
    padding: 5px 60px 5px 35px;
  }
  section.news-post a.know-more::after {
    width: 18px;
    height: 16px;
    background-size: 14px !important;
    top: 13px;
  }
  div#share i.fa {
    font-size: 22px;
  }
  i.fa.fa-facebook {
    margin-right: 10px;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  .custom-post-navigation {
    gap: 22px;
  }
  .single-post-content .recent-post {
    padding: 30px 20px;
  }
  .single-recent-post h4 {
    font-size: 28px;
  }
  .single-recent-post .search-bar form.search-form {
    height: 50px;
  }
  section.search-result-articles form.search-form input {
    font-size: 18px;
  }
  .online-publications {
    flex-direction: column;
    gap: 20px;
  }
  .online-publications h2 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .online-publications h2::after {
    position: static;
  }
  .publication-year:nth-child(1) .publication-term-name {
    padding-bottom: 133px !important;
  }
  .filter-and-search {
    right: auto;
    top: 100px;
  }
}
@media screen and (max-width: 990px) {
  .summary:before {
    top: 10px;
}
  .publication-term-name.flex.flex-center.ajax-called {
    padding-bottom: 146px;
}
  section.coming-soon-template {
    min-height: 400px;
  }
  .footer-address-information::after,
  .footer-menu-one::after,
  .footer-menu-two::after {
    display: none;
  }
  h1 {
    font-size: 40px;
  }
  .banner-content p {
    font-size: 16px;
    margin: 15px 0 25px;
  }
  .banner-section .banner-content {
    max-width: 440px;
    padding: 30px;
  }
  .banner-content .banner-links a.banner-about-us {
    max-width: 160px;
    margin: 0;
  }
  .banner-links {
    display: flex;
    gap: 10px;
  }
  section.about-our-lab-section {
    padding: 50px 0;
  }
  .about-our-lab-heading {
    margin: 0 0 20px;
    justify-content: center;
  }
  h2 {
    font-size: 35px;
  }
  .about-our-lab-left p,
  .about-our-lab-right-content p,
  .area-of-research-heading-content p {
    font-size: 16px;
  }
  .about-our-lab-left p {
    padding: 0 0 20px;
    text-align: center;
  }
  .about-our-lab-content {
    gap: 40px;
  }
  .about-our-lab-socials {
    flex-direction: column;
  }
  .about-our-lab-left-image {
    max-width: 150px !important;
    width: 100% !important;
  }
  .area-of-research-heading-content p {
    padding: 11px 0 20px;
  }
  .researchs-posts {
    gap: 25px;
    flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
  }
  .research-post-image {
    width: 100%;
    max-width: 100%;
  }
  .research-post-content {
    padding: 30px;
    min-height: auto !important;
  }
  .research-post-content a.research-link {
    height: 21px;
    width: 21px;
    background-size: 20px;
  }
  .learn-more-banner {
    padding: 130px 0 130px;
  }
  .footer-links-and-information {
    padding: 40px 0 20px;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }
  .footer-social-information {
    width: 100%;
    display: flex;
    align-items: baseline;
    gap: 20px;
    justify-content: center;
  }
  .footer-social-icon {
    margin-bottom: 0;
  }
  .research-page-post {
    flex-direction: column;
    align-items: center;
  }
  .research-page-post-image {
    height: 400px;
    width: 100%;
  }
  .research-page-posts {
    max-width: 550px;
    margin: 30px auto 0;
  }
  .research-page-post-content {
    padding: 20px 30px 25px 30px;
  }
  .research-topic-content p,
  .research-page-title-content p {
    font-size: 16px;
  }
  .research-page-title-content h4 {
    font-size: 28px;
  }
  .research-page-posts a.know-more {
    font-size: 16px;
  }
  .research-page-posts a.know-more::after {
    width: 14px;
    height: 14px;
    background-size: 14px !important;
    top: 13px;
  }
  .research-page-title-content h4,
  .research-page-title-content p,
  a.know-more {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .about-us-title-and-logo {
    padding-bottom: 25px;
  }
  section.about-us-our-lab-section,
  section.virtual-information-twitter-section,
  section.lab-tour-gallery-section {
    padding: 50px 0 50px;
  }
  section.contact-us-section {
    padding: 50px 0 0;
  }
  .about-us-our-lab-section p,
  .virtual-join-lab p,
  .location-information p,
  .location-information a,
  .meeting-information p,
  .interested-in-joining-content p {
    font-size: 16px;
  }
  .virtual-and-twitter-field {
    gap: 50px;
    flex-direction: column;
  }
  .virtual-information-section,
  .twitter-field-section {
    width: 100%;
  }
  .virtual-youtube-video,
  .twitter-field {
    margin: 20px 0 0;
  }
  .twitter-field {
    height: 500px;
  }

  .virtual-information-twitter-section h4 {
    font-size: 30px;
  }
  .location-information h5 {
    font-size: 25px;
  }
  .map-information {
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .inner-banner-image {
    min-height: 400px;
  }
  .location-information {
    width: 100%;
    flex: auto;
  }
  .google-map,
  .location-map {
    flex: 1;
  }
  .student-image {
    height: 300px;
    max-width: 100%;
  }
  .student-profile {
    width: 100%;
  }
  .student-profiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .songi-profile-information {
    flex-direction: column;
  }
  .songi-profile-information {
    flex-direction: column;
    align-items: center;
  }
  .songi-profile-image {
    width: 100%;
    max-width: 500px;
    padding: 40px;
  }
  section.songi-profile-section,
  .alumni-section,
  .our-people-section {
    padding: 60px 0 0;
  }
  .category-name {
    margin-bottom: 50px;
  }
  .songi-profile-content {
    width: 100%;
  }
  .category-name h2 {
    padding: 0px 20px;
  }
  .fourth-category .alumni-student-names {
    display: block;
  }
  .alumni-students {
    gap: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .fourth-category .alumni-student-names .alumni-titles {
    width: 100%;
  }
  .alumni-category-name {
    margin-bottom: 15px;
  }
  .alumni-students .fourth-category {
    margin-top: 0;
  }
  .songi-image-and-description img {
    max-width: 300px;
    margin: 0 20px 10px 0;
  }
  section.songi-profile-page {
    padding: 60px 0 0;
  }
  section.learn-more-section {
    padding: 60px 0 0;
  }
  section.songi-profile-page p,
  section.songi-profile-page li,
  section.songi-profile-page a {
    font-size: 16px;
  }
  .title-and-logo {
    gap: 20px;
    margin: 40px 0 20px;
  }
  .other-information {
    padding-top: 40px;
  }
  .map-information iframe,
  .map-information .location-map,
  .google-map {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  ul.list-of-years {
    grid-template-columns: repeat(5, 1fr);
  }
  .years-heading {
    font-size: 24px;
    line-height: 2;
  }
  section.publication-post-section {
    padding: 45px 0 0;
  }
  .publication-title h4 {
    font-size: 20px;
    padding-bottom: 2px;
  }
  .publication-title p,
  .publication-title a {
    font-size: 16px;
  }
  .publication-page-post {
    padding: 2px 0px;

    gap: 0px;
  }
  .publication-term-name {
    gap: 20px;
  }

  section.research-single-post-content {
    padding: 60px 0 0 0;
  }
  .research-post-projects {
    padding: 40px 0 0;
    text-align: center;
  }
  .research-project {
    padding: 30px;
  }
  .research-project h4 {
    font-size: 25px;
    padding: 0px 0 20px;
  }
  .research-project p,
  .research-project {
    font-size: 16px;
  }
  .featured-publication-posts li,
  .featured-publication-posts span {
    font-size: 16px;
  }
  .featured-publication-posts li {
    margin-bottom: 25px;
    padding-bottom: 30px;
  }
  .featured-publications {
    padding: 40px;
  }
  .featured-publication-posts {
    margin-top: 25px;
  }
  .featured-publications {
    text-align: center;
  }
  .credits-footer {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin-top: 25px;
  }
  .footer-copyright p,
  .footer-copyright a {
    text-align: center;
  }
  .artist-credits {
    justify-content: center;
    text-align: center;
  }
  section.news-post a.know-more {
    font-size: 16px;
  }
  .single-post-content .container {
    flex-direction: column;
    gap: 50px;
  }
  .single-details,
  .single-recent-post {
    width: 100%;
  }
  section.single-recent-news-section {
    padding: 60px 0 0;
  }
  .search-result-articles p {
    font-size: 16px;
  }
  .search-result-articles h3 {
    line-height: 1.4;
    font-size: 25px;
  }
  section.search-result-articles {
    background: #f1f3fa;
    padding: 60px 0 0;
  }
  .page-template-intranet-password-protected .post-password-form p,
  .page-template-intranet-password-protected .post-password-form .ppw-ppf-desc {
    font-size: 18px;
  }
  .page-template-intranet-password-protected
    .post-password-form
    input[type="password"] {
    width: 250px;
    margin-right: 20px;
  }
  .intranet-visual-box {
    padding: 30px;
  }
  .intranet-visual-box h3 {
    font-size: 25px;
  }
  .meeting-time-and-interested-section {
    gap: 0;
    flex-direction: column;
  }
  .meeting-times,
  .interested-in-joining-content {
    padding-left: 0;
  }
  .online-publications h2 {
    font-size: 35px;
    line-height: 35px;
  }
  .accord_content[data-open="false"] .summary {

    flex-direction: column-reverse;

}

.publication-title.hello {

    padding: 8px 0 8px 25px;
}

.details[data-open="true"] .summary::before {
    top: 0;
    left: auto;
    transform: rotate(180deg);
    margin-bottom: auto;
    margin-top: 20px;
}
}



@media screen and (max-width: 767px) {
  span.accord_title_empty2 {
    height: 35%;
  
}
  .blog__head {
    min-height: 142px;
  }
  .blog__head__content {
    min-height: 0;
  }
  .blog__footer__content {
    padding: 85px 20px;
  }
  .blog__post::-webkit-scrollbar {
    width: 8px;
  }

  .blog__post__item__content h2 {
    line-height: 24px;
    -webkit-line-clamp: 4;
  }
  .blogsection__wrapper {
    flex-direction: column;
  }
  .blog__head__content h3 {
    margin-bottom: 2px;
    letter-spacing: -1px;
  }
  .blog__head__content p {
    letter-spacing: -1px;
  }
  h3 {
    font-size: 27px;
  }
  .footer-menu-one li a,
  .footer-menu-two li a,
  .footer-address-information p,
  .footer-address-information a {
    font-size: 16px;
  }
  .footer-copyright p,
  .footer-copyright a {
    font-size: 16px;
    line-height: 25px;
  }
  footer {
    padding: 0 0 25px;
  }
  .about-our-lab-right img {
    max-width: 100%;
  }
  .learn-more-banner {
    padding: 100px 20px 130px;
  }
  .learn-more-banner p {
    font-size: 16px;
    padding-top: 5px;
  }
  .footer-logo {
    width: 160px;
  }
  .footer-logo img {
    margin-top: -80px;
  }
  .container,
  .footer-container {
    width: 90%;
  }
  .research-topic-content h2 {
    line-height: 1.4;
  }
  .songi-image-and-description img {
    margin: 0 auto 30px;
    float: none;
  }
  .name-and-designation,
  .email-and-office {
    display: block;
  }
  .songi-image-and-description {
    text-align: center;
  }
  section.songi-profile-page a::before {
    height: 1px;
    bottom: 4px;
  }
  .single-ourpeople .email-and-office,
  .single-alumni .email-and-office {
    gap: 10px;
  }
  .email-and-office a {
    padding: 0 0 5px;
  }
  ul.list-of-years {
    grid-template-columns: repeat(3, 1fr);
  }
  .years-heading {
    font-size: 20px;
    line-height: 1.6;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
  }
  .publication-page-post {
    padding: 6px 9px ;
    gap: 0px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    /* margin-bottom: 30px; */
  }
  .summary:before {
    top: 10px;
}

  .research-post-title {
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .research-project {
    padding: 20px;
  }
  .research-project h4 {
    padding: 0px 0 16px;
  }
  .publication-years li a {
    margin: 0 auto;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  section.news-post .post.post-item {
    width: 90%;
  }
  section.news-post .post.post-item:nth-of-type(1) h4 a {
    font-size: 24px;
  }
  section.news-post .pagination span,
  .pagination a {
    height: 40px;
    width: 40px;
    font-size: 18px;
  }
  section.news-post {
    padding-top: 60px;
  }
  section.news-post .post.post-item:nth-of-type(1) h4 a {
    margin-bottom: 30px;
    text-align: center;
  }
  section.news-post .post-date {
    padding-left: 45px;
    padding-top: 20px;
  }
  /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<news-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
  .single-post-content p,
  .full-news-here h5,
  .full-news-here a,
  .share-this-post-text p {
    font-size: 16px;
  }
  .single-news-content h4 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .custom-post-navigation .title-and-date span.nav-title {
    font-size: 16px;
  }
  .custom-post-navigation {
    gap: 30px;
    flex-direction: column;
    align-items: center;
  }
  .custom-post-navigation .nav-previous a,
  .custom-post-navigation .nav-next a {
    justify-content: center;
  }
  .share-this-post {
    padding: 30px 0 30px;
    justify-content: center;
  }
  .single-recent-post h4 {
    font-size: 25px;
    text-align: center;
  }
  .single-recent-post .search-bar form.search-form {
    height: 50px;
    margin: 0 auto;
  }
  .single-news-content {
    text-align: center;
  }
  p.recent-post-date {
    font-size: 14px;
  }
  .recent-post-details h5 a {
    font-size: 18px;
  }
  .single-post-content .recent-post {
    align-items: center;
  }
  .search-result-articles article {
    text-align: center;
    gap: 20px;
    margin: 0 0 40px;
    flex-direction: column;
  }
  .mobile-menu .main-navigation.show {
    padding-bottom: 200px;
  }
  .google-map-section-heading,
  .meeting-information-heading,
  .interested-in-joining-heading-logo {
    justify-content: center;
  }
  .location-information,
  .meeing-time-iformation {
    text-align: center;
  }
  .google-map,
  .location-map,
  .location-information {
    flex: auto;
  }
  .student-name-email p a,
  .student-name-email a {
    word-break: break-all;
  }
  .page-template-intranet-password-protected .post-password-form {
    padding: 53px 20px 0;
  }
  .page-template-intranet-password-protected .post-password-form p,
  .page-template-intranet-password-protected .post-password-form .ppw-ppf-desc {
    flex-direction: column;
  }
  .page-template-intranet-password-protected
    .post-password-form
    input[type="submit"] {
    width: max-content;
    margin: 0 auto;
  }
  .page-template-intranet-password-protected
    .post-password-form
    input[type="password"] {
    margin-right: 0;
  }
  .page-template-intranet-password-protected .post-password-form p label {
    margin-bottom: 20px;
    gap: 15px;
    flex-direction: column;
  }
  .intranet-visual-boxes {
    grid-template-columns: repeat(1, 1fr);
  }
  .box-heading-icon {
    justify-content: center;
  }
  .box-content p {
    font-size: 17px;
    text-align: center;
  }
  .interested-in-joining-section {
    text-align: center;
  }
  .linkedin-information,
  .number-information,
  .email-info {
    justify-content: center;
  }
  .online-publications .list-div {
    flex-direction: column;
    align-items: flex-start;
  }
  .online-publications .google-list,
  .online-publications .pubmed-list {
    width: 100%;
    border: 0;
  }
  .online-publications .google-list {
    border-bottom: 5px solid #f1f3fa;
  }
  .publication-title .know-more-button {
    margin: 15px auto 0 auto;
  }
}

@media screen and (max-width: 540px) {
  span.accord_title_empty2 {
  
    width: 25px;
   
}
  .publication-year h2,
  .ajax-called h2 {
      text-align: center;
      font-size: 27px;
  }

  .accord_content[data-open="false"] .summary img {

      max-height: 325px;
      max-width: 350px;
      padding: 50px;
  }
  .publication-term-name.flex.flex-center.ajax-called {
    padding-bottom: 225px;
}
  .publication-year h2 {
   
    text-align: center;
}
  .blog__post::-webkit-scrollbar {
    width: 3px;
  }
  .blog__head__content p {
    display: block;
  }
  .blog__post__wrapper {
    margin: 1rem auto;
  }
  .blog__post__item img {
    max-height: 85px;
    max-width: 88px;
    margin-right: 18px;
    margin-top: auto;
    margin-bottom: auto;
  }
  .top-header a {
    width: 200px;
  }
  .footer-menu-one {
    text-align: center;
  }
  .footer-contact-information {
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  .banner-section .banner-content {
    max-width: 100%;
    padding: 20px 20px 25px;
    text-align: center;
  }
  .banner-links {
    justify-content: center;
  }
  .footer-menu-one,
  .footer-menu-two {
    width: 44%;
  }
  .footer-address-information br {
    display: none;
  }
  .footer-address-information {
    width: 100%;
  }
  .publication-post {
    align-items: center;
    flex-direction: column;
  }
  .recent-news-post {
    padding-bottom: 20px;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
  }
  .site-logo a {
    width: 200px;
  }
  button.menu-toggle span,
  button.menu-toggle::before,
  button.menu-toggle::after {
    height: 3px;
  }
  .publication-section,
  .recent-news-heading-and-link,
  .recent-news-posts {
    width: 90%;
  }
  .mobile-menu .main-navigation.show {
    top: 77px;
  }
  button.menu-toggle.show span {
    margin: 6px 0;
  }
  .about-our-lab-social-box {
    padding: 25px;
    flex-direction: column;
  }
  .about-our-lab-right-content {
    width: 100%;
    text-align: center;
  }
  .social-title {
    justify-content: center;
    gap: 0;
    flex-direction: column;
  }
  .mobile-menu .main-navigation.show {
    width: 80%;
  }
  section.about-our-lab-section {
    text-align: center;
  }
  .publication-post,
  .recent-news-post {
    text-align: center;
  }
  .research-page-title-content h4 {
    font-size: 25px;
  }
  .research-page-title-content p {
    margin: 15px 0 30px;
  }
  .research-topic-content p,
  .research-page-title-content p {
    width: 100%;
  }
  .virtual-join-lab {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .virtual-join-lab-content {
    width: 100%;
    text-align: center;
  }
  .about-us-our-lab-section p,
  .virtual-join-lab p,
  .location-information p,
  .location-information a,
  .meeting-information p,
  .interested-in-joining-content p {
    text-align: center;
  }
  .virtual-youtube-video,
  .twitter-field {
    padding: 15px 15px 15px 15px;
  }
  .twitter-field-heading {
    justify-content: center;
  }

  .virtual-information-twitter-section h4 {
    text-align: center;
  }
  .research-topic-title-image,
  .about-us-title-and-logo {
    gap: 15px;
  }
  .about-our-lab-heading,
  .research-topic-title-image,
  .about-us-title-and-logo {
    text-align: center;
    gap: 10px;
    flex-direction: column;
  }
  .research-topic-content {
    text-align: center;
  }
  .songi-profile-content {
    text-align: center;
  }
  .songi-email p a,
  a.view-profile {
    margin: 0 auto;
  }
  .student-profile {
    text-align: center;
  }
  .songi-profile-image {
    max-width: 100%;
    padding: 20px;
  }
  .songi-profile-content {
    padding: 20px 20px;
  }
  .songi-profile-content h4 {
    font-size: 35px;
  }
  .songi-work-title p {
    font-size: 23px;
  }
  .student-profiles {
    grid-template-columns: repeat(1, 1fr);
  }
  .student-image {
    height: 330px;
    max-width: 300px;
    margin: 0 auto 15px;
  }
  .songi-email p a {
    margin: 5px auto;
  }
  .songi-work-title p {
    font-size: 20px;
  }
  .songi-image-and-description {
    text-align: center;
  }
  section.songi-profile-page a {
    word-break: break-all;
  }
  section.songi-profile-page a::before {
    display: none;
  }
  .publication-term-name {
    flex-direction: column;
  }
  .publication-title p,
  .publication-title a {
    word-break: break-all;
  }
  ul.list-of-years {
    grid-template-columns: repeat(2, 1fr);
  }
  .featured-publication-posts span a {
    word-break: break-all;
  }
  /* .featured-publication-posts span a::before{
    display: none;
  } */
  .featured-publications {
    padding: 20px;
  }
  .research-project li {
    list-style: none;
    padding-bottom: 15px;
  }
  .research-project ul {
    padding-left: 0;
  }
  .artist-credits {
    flex-direction: column;
    gap: 20px;
  }
  section.news-post .post.post-item:nth-of-type(1) .read-more-button {
    right: 0;
    left: 0;
  }
  section.news-post .post.post-item:nth-of-type(1) div#share {
    bottom: 25px;
    right: 0;
    left: 0;
    width: fit-content;
    margin: 0 auto;
  }
  .read-more-button {
    position: absolute;
    bottom: 65px;
    right: 0;
    left: 0;
  }
  div#share {
    right: 0;
    left: 0;
    bottom: 20px;
    width: fit-content;
    margin: 0 auto;
  }
  .footer-contact-information img {
    margin: 0 auto;
  }
  .google-map-section-heading,
  .meeting-information-heading,
  .interested-in-joining-heading-logo {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }
  .page-template-intranet-password-protected
    .post-password-form
    input[type="password"] {
    width: 100%;
  }
  .filter-and-search {
    top: 150px;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
  .publication-year-select,
  .search-by-name input {
    width: 100%;
    min-width: auto;
  }
  .publication-year:nth-child(1) .publication-term-name {
    padding-bottom: 240px !important;
  }
  .online-publications h2 {
    justify-content: center;
  }
  .online-publications h2::after {
    display: none;
  }
  .blog__container {
    margin: 1rem auto;
  }
  .blog__head {
    flex-direction: column;
  }
  .blog__head__content {
    text-align: center;
  }
  .blog__head__content h3 {
    margin-bottom: 0;
  }
  .blog__head img {
    height: 60px;
    width: 60px;
    margin-right: 0;
  }
}
@media screen and (max-width: 440px) {
  h1 {
    font-size: 35px;
  }
  h2,
  .online-publications h2 {
    font-size: 30px;
  }
  .banner-links {
    flex-direction: column;
    align-items: center;
  }
  .banner-content .banner-links a {
    font-size: 14px;
    line-height: 2.2;
  }
  .banner-content .banner-links a.banner-our-resources,
  .banner-content .banner-links a.banner-about-us {
    max-width: 220px;
  }
  .area-of-research-heading-content {
    width: 100%;
  }
  .share-this-post a i {
    color: #003660;
    font-size: 23px;
  }
  .share-this-post-text p i {
    margin: 0 15px 0 15px;
  }
  .intranet-visual-box {
    padding: 20px 20px 8px;
  }
  .intranet-visual-box h3 {
    font-size: 23px;
  }
  .box-heading-icon img {
    margin-right: 0;
  }
  .box-heading-icon {
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }
  .box-content {
    padding-top: 15px;
  }
  .songi-image-and-description img {
    max-width: 260px;
  }
  .blog__footer__content p {
    -webkit-line-clamp: 3;
  }
}