* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Times New Roman', Times, serif;
}

body {
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

li {
  list-style-type: none;
}


/* navbar css */
/* digigmed navbar */

.navbar-brand img {
  max-width: 100%;
  max-height: 130px;
}

.navbar-nav {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

/* Add padding to the section */
.main-section {
  padding: 80px 0;
}

/* Adjust spacing for the headings and paragraphs */
.main-section h1 {
  margin-bottom: 30px;
}

.main-section p {
  margin-bottom: 40px;
}

.container-fluid {
  max-width: 1300px;
}

.nav-link {
  color: black;
}

.navbar {
  background-color: #fff;
  height: 70px;
}

.navbar-light .navbar-nav .nav-link {
  color: black;
  text-align: center;
}

.nav-link:hover {
  color: #050c9c;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #050C9C;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #050C9C;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;

}

.navbar .container-fluid ul {
  border-bottom: none;
}

/* vmago banner css */

.vmago-banner .container {
  max-width: 1460px;
  padding: 0;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scaleUp {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.05);
  }
}

.vmago-banner {
  overflow: hidden;
}

.vmago-banner img {
  position: relative;
  animation: scaleUp 10s ease-in-out infinite alternate;
}

.animated-welcome {
  position: absolute;
  color: #000000;
  top: 24%;
  left: 14%;
  white-space: wrap;
  animation: slideInLeft 2s ease forwards, floating 3s ease-in-out infinite;
  font-size: 55px;
}



/* our knowledege parnters css */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.marquee-inner {
  display: flex;
  animation: scrollMarquee 20s linear infinite;
}

.marquee-item {
  padding: 0 20px;
  /* Space between images */
  flex: 0 0 auto;
  /* Ensures items don't shrink */
}

@keyframes scrollMarquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
    /* Scrolls halfway to create a continuous loop */
  }
}

.brand-section .container {
  max-width: 1460px;
  padding: 0;
}

.marquee-item img {
  width: 230px;
}


/* contat us css */
.contact-section {
  background-color: #F5F5F7;
}

.contact-section img {
  width: 100%;
}



/* blog1 stylee  */
.title .section-title {
  font-size: 36px;
  text-align: justify;
  letter-spacing: normal;
  margin-bottom: 0;
  font-weight: bold;
  width: 500px;
  font-weight: bold;
}

.title .container {
  max-width: 740px;
  padding: 0 15px;
}

section.title {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: auto;
}

.authors .d-flex {
  align-items: center;
  display: flex;
  font-size: 26px;
  justify-content: space-between;
  line-height: 1.5;
}

.auth-ul .d-flex {
  display: flex;
  justify-content: space-evenly;
}

.authors .container {
  max-width: 802px;
}

li a {
  color: black;
}

.images .container {
  max-width: 746px;
}

.images img {
  max-width: 100%;
  /* Ensures image is responsive */
  height: auto;
  /* Maintains aspect ratio */
}

.images p {
  font-size: 20px;
}

.video-section .container {
  max-width: 760px;
}

.blog-info .container {
  max-width: 770px;
}

.blog-info,
.images-blog,
.blog-structure,
.types-of-blogs,
.website-vs-blog,
.importance-of-blogs,
.faq p {
  font-size: 20px;
}

.images-blog .container {
  max-width: 770px;
}

.images-blog img {

  max-width: 100%;
  /* Ensures image is responsive */
  height: auto;
  /* Maintains aspect ratio */
}

.blog-structure .container {
  max-width: 770px;
}

h2,
h3 {
  font-weight: bold;
}

.types-of-blogs,
.website-vs-blog,
.importance-of-blogs,
.faq h1 {
  color: black !important;
}

.types-of-blogs .container {
  max-width: 770px;
}

.types-of-blogs li a {
  color: blue;
  font-size: 20px;
}

.types-of-blogs li {
  list-style-type: disc;

}

.list-unstyled {
  padding-left: 40px;
}

.website-vs-blog .container {
  max-width: 770px;
}

.importance-of-blogs .container {
  max-width: 770px;
}

.blog-templates .container {
  max-width: 770px;
}

.blog-templates li {
  list-style-type: disc;
  font-size: 25px;
}

.website-vs-blog h1 {
  color: black !important;
}

.blog-templates li a {
  color: blue !important;
}

/* Style for FAQ Section */
.faq-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.faq-content.show {
  max-height: 200px;
  /* Adjust based on content */
  opacity: 1;
}

h4 {
  cursor: pointer;
  margin: 10px 0;
  font-weight: bold;
}


.faq .container {
  max-width: 770px;
}

.faq-content {
  display: none;
  /* Hide all content by default */
}

.faq-content.show {
  display: block;
  /* Show content when 'show' class is added */
}

.faq p {
  margin-left: 30px;
}

h4 i {
  margin-right: 8px;
  /* Spacing between icon and text */
  transition: transform 0.3s ease;
  /* Smooth icon rotation */
}

h4.active i {
  transform: rotate(180deg);
  /* Rotate the chevron icon when active */
}

.faq h3 {
  font-size: 40px;
}

.types-of-blogs h1{
  color: #000000 !important;
}

.importance-of-blogs h1{
  color: #000000 !important;
}


/* aboutus.php css */
 /* Main Section Styling */
 .about-section {
  width: 100%;
  height: auto;
  padding: 30px 0;
  overflow: hidden;
  /* background: #fff; */
  /* background-image: url('images/about-bg.jpg'); */
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);        background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}

.about-image img {
  /* height: 698px; */
  /* width: 360px; */
  position: relative;
  /* left: -10%; */
  z-index: 1;
  /* border: 7px solid #fff; */
}

.about-content {
  /* color: #444; */
  /* width: 77; */
  background: #caf0f8;
  padding: 20px;
  max-height: 552px;
  position: relative;
  /* left: 30%;
  top: -601px; */
  margin-right: -689px;
  /* backdrop-filter: blur(10px); */
  /* Creates the blur effect */
  background: rgba(255, 255, 255, 0.2);
  /* Transparent white */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);
  /* Shadow to lift the glass */


}

.about-content h2 {
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 1rem;
  position: relative;
  left: 11%;
  width: 91%;
}

.about-content p {
  font-size: 17px;
  margin-bottom: 1rem;
  color: #000;
  position: relative;
  left:11%;
  width: 83%;
}

.about-section .container-fluid {
  max-width: 1430px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  margin-left: 160px;
}


/* Responsive Styling */
@media (max-width: 768px) {
  .about-section .container {
      flex-direction: column;
      align-items: center;
  }

  .about-image {
      order: 1;
      /* Image comes first on mobile */
  }

  .about-content {
      order: 2;
      /* Content comes second on mobile */
      /* width: 100%; */
      left: 0;
      top: 0;
      padding: 20px;
  }

  .about-image img {
      height: auto;
      /* width: 100%; */
      position: relative;
      left: 0;
      margin-bottom: 20px;
  }

  .about-content h2
  {
      position: relative;
      left: 0 !important;
      width: 100% !important;
      text-align: center;
  }
  
}

/* about.php css */

.wrapper {
  margin-top: 5%;
}

.management-container h1 {
  font-size: 52px;
  margin-bottom: 60px;
  text-align: center;
  color: #000;
}

.management {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  text-align: center;
  gap: 7% 2%;    }

.management .management-card {
  background: #fff;
  /* margin: 20px; */
  width:100%;
  padding: 20px;
  line-height: 1.6;
  color: #8e8b8b;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.management .management-card h3 {
  color: black;
  font-size: 24px;
  margin-top: 70px;
}
.management-name {
    color:black;
}

.management .management-card p.role {
  color: #ccc;
  margin: 12px 0;
  font-size: 12px;
  text-transform: uppercase;
}

.management .management-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.management .management-card .management-img {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
}

.management .management-card .management-img img {
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 50%;
}
.management-container{
  padding: 30px 0px;
}


/* blog2.php css */
.blog2-section {
  font-family: "OpenSans-Regular";
}

.blog2-section {
  padding: 20px 0px;
}

.blog2-heading h3 {
  font-size: 2rem;
  font-weight: bold;
}

.blog2-section img {
  width: 100%;
  /* height: 300px; */
}

.blog2-content {
  width: 100%;
}

/* Sidebar styling */
.sidebar {
  padding: 20px;
  border-radius: 8px;
}

.sidebar h4 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.sidebar p {
  font-size: 1rem;
  color: #333;
}

.sidebar img {
  width: 38%;
  height: 50%;
}

.sidebar-content {
  display: flex;
  gap: 20px;
}

.sidebar-content a {
  font-size: 15px;
}

.sidebar h2 {
  border-bottom: 2px solid black;
}

.blog2-content h3 {
  font-size: 23px;
  font-weight: bold;
}

.recent-posts-list li {
  list-style-type: disc !important;
  /* Bullet points */
  padding-left: 20px;
  /* Indentation for bullets */
  margin: 0;
}

.search-section {
  width: 100%;
}

.recent-posts-list li {
  margin-bottom: 10px;
  /* Space between items */
}

.recent-posts-list li a {
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

.recent-posts-list li a:hover {
  color: #007bff;
  /* Change color on hover */
  text-decoration: underline;
  /* Underline on hover */
}

.recent-comments-list li {
  list-style-type: disc !important;
  margin-bottom: 10px;

}

.archives-list li {
  list-style-type: disc;
  /* Adds bullets */
  padding-left: 20px;
  /* Indentation for bullets */
  margin: 0;
}

.archives-list li {
  margin-bottom: 10px;
  /* Space between list items */
}

.categories-list li {
  list-style-type: disc;
  /* Adds bullets */
  padding-left: 20px;
  /* Indentation for bullets */
  margin: 0;
  margin-bottom: 10px;

}
.blog2-section hr{
  opacity: 1.25;
  border-bottom: 3px solid black !important;
}


.blog2-content h4{
  font-size: 13px;
  text-transform: uppercase;
}
/* reseacher.php css */


.hero-section {
  background: url('../images/reseacher-image.jpg') no-repeat center top/cover;
  padding: 50px 0;
  color: #fff;
  height: 650px;
  display: flex;
  align-items: center;
  animation: fadeInSection 1.5s ease-in-out;
  
}
.hero-section .left-column{
  background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 14px;
}

.hero-section .container {
  animation: slideInLeft 1.5s ease-in-out;
}

.hero-section h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  animation: fadeInText 1.8s ease-in-out, floatAnimation 3s ease-in-out infinite;
}

.hero-section p {
  font-size: 1.0rem;
  color: #f1f1f1;
  margin-top: 20px;
  animation: fadeInText 2s ease-in-out, floatAnimation 3s ease-in-out infinite;
}

.hero-section .btn-primary {
  background-color: #007bff;
  border: none;
  margin-top: 20px;
  animation: fadeInButton 2.5s ease-in-out;
}

.hero-section .btn-primary:hover {
  background-color: #0056b3;
}

/* Keyframes for animations */
@keyframes fadeInSection {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
      transform: translateX(-100%);
      opacity: 0;
  }
  to {
      transform: translateX(0);
      opacity: 1;
  }
}

@keyframes fadeInText {
  from {
      opacity: 0;
      transform: translateY(20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes floatAnimation {
  0% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-10px);
  }
  100% {
      transform: translateY(0);
  }
}

@keyframes fadeInButton {
  from {
      opacity: 0;
      transform: scale(0.8);
  }
  to {
      opacity: 1;
      transform: scale(1);
  }
}


.btn-primary {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: #0056b3;
  color: #ffffff;
}



.researcherhub-section h2 {
  font-size: 2rem;
  margin-bottom: 30px;
  text-align: center;
  color: #333;
}

.rsection {
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 30px;
  text-align: center;
  /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
  height: 100%;
}

.rsection:hover {
  /* transform: translateY(-10px); */
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.rsection img {
  width: 100%;
  height: 50%;
  border-radius: 10px;
  margin-bottom: 15px;
}

.rsection h3 {
  font-size: 1.5rem;
  color: #007bff;
  margin-bottom: 15px;
}

.rsection p {
  font-size: 1rem;
  color: #555;
  line-height: 1.5;
}

.researcherhub-section {
  padding: 50px 0px;
}
.join-section{
  padding: 30px 0px;
}
.join-section .card {
border: none;
background-color: #f9f9f9;

/* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px; */
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
cursor: pointer;
height: 100%;
}

.join-section .card:hover {
transform: scale(1.05);
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
background-color: #f9f9f9;

}

.join-section .card-img {
width: 100%;
/* height: 100%; */
border-radius: 0;
height: 240px;
}

.join-section .card-body {
padding: 10px;
}

.join-section .card-title {
font-size: 1rem;
font-weight: 500;
color: #333;
}